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

Add style for subscription on job order form #799

Browse source
This commit is contained in:
Ramon Gutierrez 2024-10-27 06:28:32 +08:00
parent e4e031f0a9
commit beb1a63577
3 changed files with 66 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
public/assets/css/style.css
View file

@ -383,3 +383,19 @@ span.has-danger,
.map-info .m-badge { .map-info .m-badge {
border-radius: 0; border-radius: 0;
} }
.form-group-subscription {
> * {
background-color: #f1edd5;
padding-top: 15px;
padding-bottom: 15px;
}
.form-control {
border-color: #666;
}
label {
color: #000;
}
}

BIN
public/assets/images/logo-subscription.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 32 KiB

86
templates/job-order/form.html.twig
View file

@ -191,7 +191,7 @@
<div class="form-control-feedback hide" data-field="flag_research_sms"></div> <div class="form-control-feedback hide" data-field="flag_research_sms"></div>
</label> </label>
<label class="m-checkbox"> <label class="m-checkbox">
<input type="checkbox" name="flag_research_email" id="flag-research-email" "value="1"{{ obj.getCustomer ? obj.getCustomer.isResearchEmail ? ' checked' }} > <input type="checkbox" name="flag_research_email" id="flag-research-email" value="1"{{ obj.getCustomer ? obj.getCustomer.isResearchEmail ? ' checked' }} >
Email Email
<span></span> <span></span>
<div class="form-control-feedback hide" data-field="flag_research_email"></div> <div class="form-control-feedback hide" data-field="flag_research_email"></div>
@ -233,33 +233,47 @@
Vehicle Details Vehicle Details
</h3> </h3>
</div> </div>
<div class="form-group m-form__group row"> <div class="form-group m-form__group row {{ obj.getSubscription is not null ? 'form-group-subscription' }}">
<div class="col-lg-3"> <div class="col-lg-9">
<label data-field="vmfg">Manufacturer</label> <div class="row form-group">
<input type="text" name="vmfg" id="vmfg" class="form-control m-input" value="{{ obj.getCustomerVehicle ? obj.getCustomerVehicle.getVehicle.getManufacturer.getName }}" data-vehicle-field="1" disabled> <div class="col-lg-4">
<div class="form-control-feedback hide" data-field="vmfg"></div> <label data-field="vmfg">Manufacturer</label>
<input type="text" name="vmfg" id="vmfg" class="form-control m-input" value="{{ obj.getCustomerVehicle ? obj.getCustomerVehicle.getVehicle.getManufacturer.getName }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="vmfg"></div>
</div>
<div class="col-lg-4">
<label data-field="vehicle_make">Make</label>
<input type="text" name="vehicle_make" id="vehicle-make" class="form-control m-input" value="{{ obj.getCustomerVehicle ? obj.getCustomerVehicle.getVehicle.getMake }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="vehicle_make"></div>
</div>
<div class="col-lg-4">
<label data-field="vehicle_year">Model Year</label>
<input type="text" name="vehicle_year" id="vehicle-year" class="form-control m-input" value="{{ obj.getCustomerVehicle ? obj.getCustomerVehicle.getModelYear }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="vehicle_year"></div>
</div>
</div>
<div class="row form-group">
<div class="col-lg-4">
<label data-field="vehicle_plate">Plate #</label>
<input type="text" name="vehicle_plate" id="vehicle-plate" class="form-control m-input" value="{{ obj.getCustomerVehicle.getPlateNumber|default('') }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="vehicle_color"></div>
</div>
<div class="col-lg-4">
<label data-field="vehicle_color">Color</label>
<input type="text" name="vehicle_color" id="vehicle-color" class="form-control m-input" value="{{ obj.getCustomerVehicle ? obj.getCustomerVehicle.getColor }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="vehicle_color"></div>
</div>
<div class="col-lg-4">
<label data-field="subscription">Subscription</label>
<input type="text" name="subscription" id="subscription" class="form-control m-input" value="{{ obj.getSubscription ? "Yes" : "No" }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="vehicle_color"></div>
</div>
</div>
</div> </div>
<div class="col-lg-3"> <div class="col-lg-3 p-5 d-flex align-items-center justify-content-center">
<label data-field="vehicle_make">Make</label> {% if obj.getSubscription is not null %}
<input type="text" name="vehicle_make" id="vehicle-make" class="form-control m-input" value="{{ obj.getCustomerVehicle ? obj.getCustomerVehicle.getVehicle.getMake }}" data-vehicle-field="1" disabled> <img class="img-fluid" src="{{ asset('assets/images/logo-subscription.png') }}" alt="">
<div class="form-control-feedback hide" data-field="vehicle_make"></div> {% endif %}
</div>
<div class="col-lg-3">
<label data-field="vehicle_year">Model Year</label>
<input type="text" name="vehicle_year" id="vehicle-year" class="form-control m-input" value="{{ obj.getCustomerVehicle ? obj.getCustomerVehicle.getModelYear }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="vehicle_year"></div>
</div>
</div>
<div class="form-group m-form__group row">
<div class="col-lg-3">
<label data-field="vehicle_plate">Plate #</label>
<input type="text" name="vehicle_plate" id="vehicle-plate" class="form-control m-input" value="{{ obj.getCustomerVehicle.getPlateNumber|default('') }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="vehicle_color"></div>
</div>
<div class="col-lg-3">
<label data-field="vehicle_color">Color</label>
<input type="text" name="vehicle_color" id="vehicle-color" class="form-control m-input" value="{{ obj.getCustomerVehicle ? obj.getCustomerVehicle.getColor }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="vehicle_color"></div>
</div> </div>
</div> </div>
</div> </div>
@ -285,15 +299,15 @@
<input type="text" name="warranty_expiration" id="warranty-expiration" class="form-control m-input" value="{{ obj.getCustomerVehicle.getCurrentBattery|default(false) ? obj.getCustomerVehicle.getWarrantyExpiration|date("d M Y") : '' }}" data-vehicle-field="1" disabled> <input type="text" name="warranty_expiration" id="warranty-expiration" class="form-control m-input" value="{{ obj.getCustomerVehicle.getCurrentBattery|default(false) ? obj.getCustomerVehicle.getWarrantyExpiration|date("d M Y") : '' }}" data-vehicle-field="1" disabled>
<div class="form-control-feedback hide" data-field="warranty_expiration"></div> <div class="form-control-feedback hide" data-field="warranty_expiration"></div>
</div> </div>
<div class="col-g-3"> <div class="col-g-3">
<span class="m-switch m-switch--icon block-switch"> <span class="m-switch m-switch--icon block-switch">
<label> <label>
<input type="checkbox" name="flag_motolite_battery" id="flag-motolite-battery" value="1" {{ obj.getCustomerVehicle.getCurrentBattery|default(false) ? obj.getCustomerVehicle.hasMotoliteBattery ? ' checked' }} disabled> <input type="checkbox" name="flag_motolite_battery" id="flag-motolite-battery" value="1" {{ obj.getCustomerVehicle.getCurrentBattery|default(false) ? obj.getCustomerVehicle.hasMotoliteBattery ? ' checked' }} disabled>
<label class="switch-label">{% trans %}label.jo.vehicle_battery{% endtrans %}</label> <label class="switch-label">{% trans %}label.jo.vehicle_battery{% endtrans %}</label>
<span></span> <span></span>
</label> </label>
</span> </span>
</div> </div>
{% if obj.getCustomerVehicle %} {% if obj.getCustomerVehicle %}
<div class="col-lg-3"> <div class="col-lg-3">
<div><label>&nbsp;</label></div> <div><label>&nbsp;</label></div>