rgutierrez/resq
1
0
Fork 0
Code Issues 126 Pull requests 49 Projects Releases 4 Packages Wiki Activity Actions

Change rider form to vertical layout

Browse source
This commit is contained in:
Ramon Gutierrez 2018-01-30 13:32:13 +08:00
parent 5e910be1e7
commit a7c14f4a06
1 changed files with 18 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
templates/rider/form.html.twig
View file

@ -35,33 +35,25 @@
<form id="row-form" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed" method="post" action="{{ mode == 'update' ? url('rider_update_submit', {'id': obj.getId()}) : url('rider_create_submit') }}">
<div class="m-portlet__body">
<div class="form-group m-form__group row no-border">
<label class="col-lg-2 col-form-label" data-field="first_name">
First Name:
</label>
<div class="col-lg-4">
<div class="col-lg-6">
<label data-field="first_name">First Name:</label>
<input type="text" name="first_name" class="form-control m-input" value="{{ obj.getFirstName() }}">
<div class="form-control-feedback hide" data-field="first_name"></div>
</div>
<label class="col-lg-2 col-form-label" data-field="last_name">
Last Name:
</label>
<div class="col-lg-4">
<div class="col-lg-6">
<label data-field="last_name">Last Name:</label>
<input type="text" name="last_name" class="form-control m-input" value="{{ obj.getLastName() }}">
<div class="form-control-feedback hide" data-field="last_name"></div>
</div>
</div>
<div class="form-group m-form__group row">
<label class="col-lg-2 col-form-label" data-field="contact_no">
Contact Number:
</label>
<div class="col-lg-4">
<div class="form-group m-form__group row no-border">
<div class="col-lg-6">
<label data-field="contact_no">Contact Number:</label>
<input type="text" name="contact_no" class="form-control m-input" value="{{ obj.getContactNumber() }}">
<div class="form-control-feedback hide" data-field="contact_no"></div>
</div>
<label class="col-lg-2 col-form-label" data-field="hub">
Hub:
</label>
<div class="col-lg-4">
<div class="col-lg-6">
<label data-field="hub">Hub:</label>
<select class="form-control m-input" id="hub" name="hub">
<option value=""></option>
{% for hub in hubs %}
@ -72,14 +64,14 @@
</div>
</div>
<div class="form-group m-form__group row">
<label class="col-lg-2 col-form-label" data-field="image_file">
{% if mode == 'update' %}
Replace Picture:
{% else %}
Picture:
{% endif %}
</label>
<div class="col-lg-6">
<label data-field="image_file">
{% if mode == 'update' %}
Replace Picture:
{% else %}
Picture:
{% endif %}
</label>
<div class="m-dropzone dropzone m-dropzone--primary" action="{{ url('rider_upload_image') }}" id="image-file">
<div class="m-dropzone__msg dz-message needsclick">
<h3 class="m-dropzone__msg-title">
@ -96,7 +88,8 @@
<div class="form-control-feedback hide" data-field="image_file"></div>
</div>
{% if mode == 'update' %}
<div class="col-lg-4">
<div class="col-lg-6">
<label>&nbsp;</label>
<div class="portrait-box" style="background-image: url('{{ obj.getImageFile() ? '/uploads/' ~ obj.getImageFile() : '/assets/images/user.gif' }}');"></div>
</div>
{% endif %}