templates/vehicledocs/edit.html.twig line 1

  1. {% form_theme docsForm 'form/fields-file.html.twig' %}
  3. {% extends 'vehicle_tabs.html.twig' %}
  5. {% block page_title %} {{ "Documents"|trans({},'vehicles') }} {% endblock %}
  7. {% block flash_messages %}
  8.     {{ parent() }}
  9.     {% include 'form_validation.html.twig' with {'current_form': docsForm} %}
  10. {% endblock %}
  12. {% block stylesheets %}
  13.     {{ parent() }}
  14.     <style>
  15.         #images button{
  16.             font-size: 12px !important;
  17.             padding: 10px 12px  !important;
  18.         }
  19.         #appbundle_vehicles_vehicleRegistrations {display: none !important;}
  20.     </style>
  21. {% endblock %}
  22. {% block tabs2_body %}
  24.     {% set DOCS_TYPES = constant('App\\Entity\\VehicleDocTypes::DOC_TYPES') %}
  25.     {% set CLIENT_TYPES = constant('App\\Entity\\VehicleClients::CLIENT_TYPES') %}
  27.     <div class="table-responsive">
  28.     {{ form_start(docsForm) }}
  29.     
  30.     <table class="table table-bordered vehicleDocs">
  31.         {# Display vehicle registration's document fields if it exists #}
  32.         {% if docsForm.vehicleRegistrations.registrationDoc.receivedDocType is defined %}
  33.         <tr>
  34.             <td>{{ form_label(docsForm.vehicleRegistrations.registrationDoc.receivedDocType) }}</td>
  35.             <td class="skin-minimal">
  36.                 <div class="form-group">
  37.                 {{ form_widget(docsForm.vehicleRegistrations.registrationDoc.receivedDocType) }}
  38.                 {{ form_errors(docsForm.vehicleRegistrations.registrationDoc.receivedDocType) }}
  39.                 </div>
  40.             </td>
  41.             <td>
  42.                 <div class="form-group">
  43.                     {% set imageSrc = null %}
  44.                     {% if registrationDocImage is not null %}
  45.                         {% set imageSrc = asset(vehicle_uploaded_files ~ '/' ~ vehicle.vehicleId ~ '/' ~ registrationDocImage) %}
  46.                         <img  class="selectedImage imgShow" src="{{imageSrc}}"    />
  47.                     {% endif %}
  48.                     {#{{ form_widget(docsForm.vehicleRegistrations.registrationDoc.imagePath, { 'attr': {'style': 'display:none !important'} }) }}
  49.                     {{ form_errors(docsForm.vehicleRegistrations.registrationDoc.imagePath, { 'attr': {'style': 'display:none !important'} }) }}#}          
  50.                 </div>
  51.             </td>
  52.         </tr>
  53.         {% endif %}
  54.         
  55.         {# Display vehicle's documents fields #}
  56.         {% for document in docsForm.vehicleDocument %}
  57.             <tr>
  58.                 <td>{#{ document.vars.value.docType.docTypeId }#}
  59.                 {# Get the label from either imagePath or receivedDocType #}
  60.                 {% if document.imagePath is defined %}
  61.                     {{ form_label(document.imagePath) }}
  62.                 {% elseif document.receivedDocType is defined %}
  63.                     {{ form_label(document.receivedDocType) }}
  64.                 {% endif %}
  65.                 </td>
  66.                 <td class="skin-minimal">
  67.                 <div class="form-group">
  68.                 {% if document.receivedDocType is defined %}
  69.                     {{ form_widget(document.receivedDocType) }}
  70.                     {{ form_errors(document.receivedDocType) }}
  71.                 {% endif %}
  72.                 {% if document.vehicle is defined %}
  73.                     <div class="">
  74.                         {{ form_label(document.vehicle.inspectionExpirationDate, null, {'label_attr' : {'class': 'control-label'} }) }}
  75.                         <div class='input-group date datetimepicker'>
  76.                             {{ form_widget(document.vehicle.inspectionExpirationDate, {'attr' : {'class': 'form-control'} }) }}
  77.                             <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
  78.                         </div>
  79.                         {{ form_errors(document.vehicle.inspectionExpirationDate) }}
  80.                     </div>
  81.                 {% endif %}
  82.                   {% if document.vars.data.docType.docTypeId == DOCS_TYPES.insurance %}
  83.                     <div class="row">
  84.                         <div class="col-md-6">
  85.                             {{ form_label(docsForm.insuranceStartDate, null, {'label_attr' : {'class': 'control-label'} }) }}
  86.                             <div class='input-group date datetimepicker'>
  87.                                 {{ form_widget(docsForm.insuranceStartDate, {'attr' : {'class': 'form-control'} }) }}
  88.                                 <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
  89.                             </div>
  90.                             {{ form_errors(docsForm.insuranceStartDate) }}
  91.                         </div>
  92.                         <div class="col-md-6">
  93.                             {{ form_label(docsForm.insuranceExpiryDate, null, {'label_attr' : {'class': 'control-label'} }) }}
  94.                             <div class='input-group date datetimepicker'>
  95.                                 {{ form_widget(docsForm.insuranceExpiryDate, {'attr' : {'class': 'form-control'} }) }}
  96.                                 <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
  97.                             </div>
  98.                             {{ form_errors(docsForm.insuranceExpiryDate) }}
  99.                         </div>
  100.                     </div>
  101.                 {% endif %}
  102.                 </div>
  103.                 </td>
  104.                 <td>
  105.                 {% if document.imagePath is defined %}
  106.                     <div class="row" id="images">
  107.                         <div class="col-lg-4">
  108.                             {{ form_widget(document.imagePath) }}
  109.                             {{ form_errors(document.imagePath) }}
  111.                             {% if document.imagePath.vars.image_url is null   %}
  112.                              <img class="imgShow" src="" alt="" width="100" height="100"> {#if there isn't image #}
  113.                             {%  endif %}
  114.                             {{ form_row(document.clearImage) }} {# the hidden field flag that indicates that an image delete action needed #}
  115.                         </div>
  116.                         <div class="col-lg-8">
  117.                             <p id="choose" class="btn btn-primary choose"  >{{ 'select image' | trans({}, 'messages') }}</p>
  118.                             <p id="image_reset" class="btn btn-warning image_reset"   >{{ 'reset' | trans({}, 'messages') }}</p>
  119.                             <p id="removeDoc" class="btn btn-danger removeDoc"   >{{ 'clear image' | trans({}, 'messages') }}</p>
  120.                         </div>
  121.                     </div>
  122.                 {% endif %}
  123.                 </td>
  124.             </tr>
  125.         {% endfor %}
  126.         <tr>
  127.             <td><label>{{ 'owner identity photo' | trans({}, 'vehicles') }}</label></td>
  128.             <td>
  129.                 {% if ownerPhoto is not null %}
  130.                     {{ 'Yes' | trans }}
  131.                 {% else %}
  132.                     {{ 'No' | trans }}
  133.                 {% endif %}
  134.             </td>
  135.             <td>
  136.                 {% if ownerPhoto is not null %}
  137.                     {% if vehicle.vehicleRegistrations.vehicleOwner.getClientType == CLIENT_TYPES.user %}
  138.                         <img class="imgShow" src="{{ asset(users_uploaded_files ~ '/' ~ ownerId ~ '/' ~ ownerPhoto) }}" style="width: 100px;">
  139.                     {% elseif vehicle.vehicleRegistrations.vehicleOwner.getClientType == CLIENT_TYPES.company %}
  140.                         <img class="imgShow" src="{{ asset(companies_uploaded_files ~ '/' ~ ownerId ~ '/' ~ ownerPhoto) }}"style="width: 100px;">
  141.                     {% endif %}
  142.                 {% endif %}
  143.             </td>
  144.         </tr>
  146.     </table>
  147.         {#{{ form_widget(docsForm) }}#}
  148.         <input type="submit" value="{{ 'Save' |trans }}" class="btn btn-success" />
  149.     {{ form_end(docsForm) }}
  150.     <br>
  152.         {# Vehicle Activity Estimation#}
  153.         <div class="panel panel-info">
  154.             <div class="panel-heading">{{ 'Estimation of Sheikh Exhibitions' | trans({}, 'vehicles') }}</div>
  155.             <div class="panel-body">
  156.                 <table class="table table-bordered vehicle" id="estimation">
  157.                     <thead>
  158.                     <tr>
  159.                         <th>{{ 'Value Before' | trans({}, 'vehicles') }}</th>
  160.                         <th>{{ 'Value After' | trans({}, 'vehicles') }}</th>
  161.                         <th>{{ 'partsEstimation' | trans({}, 'vehicles') }}</th>
  162.                         <th>{{ 'Estimation Document' | trans({}, 'vehicles') }}</th>
  163.                         <th></th>
  164.                     </tr>
  165.                     </thead>
  166.                     <tbody>
  167.                     {% for estimate in estimation %}
  168.                         <tr>
  169.                             <td>{{ estimate.estimateValBefore }}</td>
  170.                             <td>{{ estimate.estimateValAfter }}</td>
  171.                             <td>{{ estimate.partsEstimation }}</td>
  172.                             <td>
  173.                                 {% if estimate.imagePath is not null %}
  174.                                     <img src="{{ asset(estimate.imagePath) }}" style="width: 100px; height: 55px;" />
  175.                                 {% endif %}
  176.                             </td>
  177.                             <td>
  178.                                 {% set activityId = estimate.activityId %}
  179.                                 {% set vehicleId = estimate.RtsVehicleId %}
  180.                                 {% if activityId is  null  %}
  181.                                     {% set activityId = 0 %}
  182.                                     {% set vehicleId = estimate.vehicleId %}
  183.                                 {% endif %}
  184.                                 <a href="{{ path('vehicleRtsActivitiesEstimateValEdit', {'vehicleId': vehicleId, 'activityId':activityId , 'estimateId': estimate.estimationId}) }}" title="{{ 'editEstimation' | trans({}, 'vehicles') }}">
  185.                                     <span class="fa fa-pencil"></span>
  186.                                 </a>
  187.                             </td>
  188.                         </tr>
  189.                     {% endfor %}
  190.                     <tr><td colspan="8"><a href="{{ path('vehicleRtsActivitiesEstimateVal_new', {'vehicleId': vehicle.vehicleId, 'activityId': '0'}) }}" class="btn btn-success">{{ 'createVehicleRtsActivitiesEstimateVal' | trans({}, 'vehicles') }}</a></td></tr>
  191.                     </tbody>
  192.                 </table>
  193.             </div>
  194.         </div>
  195.     </div>
  196.     {# Security Notices #}
  197.     <div class="panel panel-info">
  198.         <div class="panel-heading">{{ 'securityNotes' | trans({}, 'vehicles') }}</div>
  199.         <div class="panel-body">
  200.             <table class="table table-bordered vehicle" id="securityNotes">
  201.         <thead>
  202.             <tr>
  203.                 <th>{{ 'Notes Type' | trans({}, 'vehicles') }}</th>
  204.                 <th>{{ 'Notes Date' | trans({}, 'vehicles') }}</th>
  205.                 <th>{{ 'revocation date' | trans({}, 'vehicles') }}</th>
  206.                 <th>{{ 'Followup date' | trans({}, 'vehicles') }}</th>
  207.                 <th>{{ 'Is Effective' | trans({}, 'vehicles') }}</th>
  208.                 <th>{{ 'Image' | trans({}, 'vehicles') }}</th>
  209.                 <th></th>
  210.             </tr>
  211.         </thead>
  212.         <tbody>
  213.             {% for security_notice in security_notices %}
  214.                 <tr>
  215.                     <td> {{ security_notice.noticeType|trans( {}, "vehicles" ) }}
  216.                     </td>
  217.                     <td>{% if security_notice.noticeDate %}{{ security_notice.noticeDate|date('Y-m-d') }}{% endif %}</td>
  218.                     <td>{% if security_notice.revocationDate %}{{ security_notice.revocationDate|date('Y-m-d')  }}{% endif %}</td>
  219.                     <td>{% if security_notice.followupDate %}{{ security_notice.followupDate|date('Y-m-d')  }}{% endif %}</td>
  221.                     <td>{% if security_notice.isEffective %}{{ "Effective"|trans( {}, "vehicles" ) }}{% else %}{{ "Ineffective"|trans( {}, "vehicles" ) }}{% endif %}</td>
  222.                     <td>
  223.                         {% if security_notice.noteDoc and security_notice.noteDoc.imageWebPath is not null %}
  224.                             <img class="imgShow" src="{{ asset(security_notice.noteDoc.imageWebPath) }}" style="height:55px;width:55px;" />
  225.                         {% endif %}
  226.                     </td>
  227.                     <td>
  228.                         <div class="btn-group btn-group-justified" style="width: 50% !important; display: unset;">
  229.                             <a href="{{ path('vehiclesecuritynotices_edit', { 'noticeId': security_notice.noticeId }) }}" class="btn btn-success" style="margin-left: 10px">
  230.                                 <i class="fa fa-edit"></i>
  231.                             </a>
  233.                             {% if is_granted('ROLE_FOLLOW_UP_OFFICER') == true %}
  234.                                 <a href="{{ path('vehiclesecuritynotices_delete', { 'noticeId': security_notice.noticeId }) }}" class="btn btn-danger" onclick="return confirm('{{ "Are you sure?"|trans() }}')">
  235.                                     <i class="fa fa-trash"></i>
  236.                                 </a>
  237.                             {% endif %}
  238.                         </div>
  239.                     </td>
  240.                 </tr>
  241.             {% endfor %}
  242.             <tr><td colspan="8"><a href="{{ path('vehiclesecuritynotices_new', { 'vehicleId': vehicle.vehicleId }) }}" class="btn btn-success">{{ 'Add new security note' | trans({}, 'vehicles') }}</a></td></tr>
  243.         </tbody>
  244.     </table>
  245.         </div>
  246.     </div>
  247.     </div>
  249. {% endblock %}
  251. {% block javascripts %}
  252.     {{ parent() }}
  253.     <script>
  254.         $(function () {
  255.             //set tabs2 as an active tab
  256.             $( "#vehicle_tabs .tabs2" ).addClass( "active" );
  260.  delete_record=function(notice_id){
  261.         var del_url="{{ path('vehiclesecuritynotices_delete', { 'noticeId': 0 }) }}";
  262.             del_url = del_url.replace("0",notice_id);
  263.             var obj={
  264.                 noticeId:notice_id
  265.             };
  266.             $.ajax({
  267.                 url: del_url,
  268.                 method: 'post',
  269.                 data: obj,
  270.             success: function(response){
  271.                 //window.location(response.url);
  272.                  alert("working");
  273.             }
  274.             });
  275.         };
  277.             $('.datetimepicker').datetimepicker({
  278.                 locale: 'en-gb',
  279.                 sideBySide: true,
  280.                 format:'YYYY-MM-DD',
  281.                 icons: {
  282.                     previous: 'fa fa-arrow-right',
  283.                     next: 'fa fa-arrow-left'
  284.                 }
  285.             });
  287.             //#appbundle_vehicles_vehicleDocument_1_imagePath, #appbundle_vehicles_vehicleDocument_2_imagePath, #appbundle_vehicles_vehicleDocument_3_imagePath, #appbundle_vehicles_vehicleDocument_4_imagePath, #appbundle_vehicles_vehicleDocument_5_imagePath
  288.             $(".docImg").hide();
  290.             $(".docImg").change(function(){
  291.                 let input = $(this);
  292.                 readURL(this, $(this).next('img'));
  293.             });
  295.             $(".choose").click(function(e){
  296.                 e.preventDefault();
  297.                 let input = $(this).parent().parent().find("input[type='file']");
  298.                 input.click();
  299.             });
  301.             //unset the input file field and also unset the thumbnail view of the image
  302.             $(".image_reset").click(function(e){
  303.                 e.preventDefault();
  304.                 var input = $(this).parent().parent().find("input[type='file']");
  305.                 input.replaceWith(input.val('').clone(true));
  306.                 $(this).parent().parent().find("img").attr('src','').width(100).height(100).hide();
  307.                 $(this).parent().parent().find("input[type='hidden']").attr('value','0'); //reset the clearImage actions if it was pressed
  309.             });
  311.             $(".removeDoc").click(function(e){
  312.                 e.preventDefault();
  313.                 var input = $(this).parent().parent().find("input[type='file']");
  314.                 input.replaceWith(input.val('').clone(true));
  315.                 $(this).parent().parent().find("img").attr('src','').width(150).height(150).hide();
  316.                 $(this).parent().parent().find("input[type='hidden']").attr('value','1');
  317.             });
  319.             function readURL(input , selectImage) {
  320.                 if (input.files && input.files[0]) {
  321.                     var reader = new FileReader();
  323.                     reader.onload = function (e) {
  324.                         $(selectImage)
  325.                             .attr('src', e.target.result)
  326.                             .width(100)
  327.                             .height(100).show();
  328.                     };
  330.                     reader.readAsDataURL(input.files[0]);
  331.                 }
  332.             }
  334.             /*================= for image show ==============*/
  335.             $(document).on("click", ".vehicleDocs img",function(){
  336.                 var srcImg = $(this).attr("src");
  337.                 if(srcImg != undefined){
  338.                     if(srcImg.length > 0 ){
  339.                         swal({
  340.                             imageUrl: srcImg,
  341.                             showCloseButton: true,
  342.                             confirmButtonText: '<a href = "'+ $(this).attr("src") + '" target="_blank"><i class="fa fa-print icon_color_gold"></i></a>'
  343.                         });
  344.                     }
  345.                 }
  346.             });
  347.         });
  349.     </script>
  351. {% endblock %}