src/Noahtech/Sistemas/InterjamaBundle/Resources/views/public/chofer/inicio.html.twig line 1

Open in your IDE?
  1. {% extends '@NoahtechSistemasInterjama/Default/base.html.twig' %}
  2. {% block title %}Interjama | Chofer{% endblock %}
  3. {% block stylesheets %}
  4.     <link href="{{asset('app/node_modules/select2/dist/css/select2.min.css')}}" rel="stylesheet">
  5.     <link href="{{asset('app/node_modules/@ttskch/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css')}}" rel="stylesheet">
  6.     <link rel="stylesheet" href="{{asset('app/node_modules/intl-tel-input/build/css/intlTelInput.css')}}">
  7. {% endblock %}
  8. {% block body %}
  9.     <br><br>
  10.     <section class="row justify-content-center">
  11.         <div class="col-md-12" data-ng-controller="ChoferController" data-ng-init="init({{ data|json_encode() }})" style="padding:30px; border:1px solid #ccc;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;">
  12.             <br>
  13.             <div class="">
  14.                 <h2 class="title_interior">Chofer</h2>
  15.             </div>
  16.             <br>
  17.             <div class="form-check">
  18.                 <input class="form-check-input" type="radio" data-ng-model="situacion.chofer" value="registrado" data-ng-change="changeSituacionChofer();">
  19.                 <label class="form-check-label" for="flexRadioDefault1">
  20.                     Ya soy chofer registrado
  21.                 </label>
  22.             </div>
  23.             <div class="form-check">
  24.                 <input class="form-check-input" type="radio" data-ng-model="situacion.chofer" value="nuevo" data-ng-change="changeSituacionChofer();">
  25.                 <label class="form-check-label" for="flexRadioDefault2">
  26.                     No soy chofer registrado
  27.                 </label>
  28.             </div>
  29.             <br>
  30.             <div class="alert alert-primary" role="alert" data-ng-if="situacion.chofer == 'registrado'">
  31.                 <strong>Ingrese el tipo y número de documento para continuar con la precarga.</strong>
  32.             </div>
  33.             <div class="alert alert-primary" role="alert" data-ng-if="situacion.chofer == 'nuevo'">
  34.                 <strong>Ingrese todos los datos para poder registrase como chofer.</strong>
  35.             </div>
  36.             <div class="form-group row">
  37.                 <div class="col"><hr></div>
  38.             </div>            
  39.             <br>
  40.             <!-- En caso de que sea registrado -->
  41.             <form id="formSearchChofer" class="" enctype="multipart/form-data" method="POST">
  42.                 <div class="form-group row">
  43.                     <label for="tipo" class="col-sm-2 col-form-label">Tipo</label>
  44.                     <div class="col-sm-3">
  45.                         <select class="form-control" name="tipo" id="tipo" data-ng-model="tipo.seleccionado">
  46.                             <option value="" selected disabled>Seleccione...</option>
  47.                             <option value="dni">D.N.I.</option>
  48.                             <option value="ci">C.I.</option>
  49.                             <option value="pasaporte">Pasaporte</option>
  50.                              <option value="rut">RUT</option>
  51.                         </select>
  52.                     </div>
  53.                     <label for="numero" class="col-sm-2 col-form-label">Número</label>
  54.                     <div class="col-sm-3">
  55.                         <input type="text" name="numero" class="form-control" id="numero" data-ng-model="chofer.numero" placeholder="Ingrese número">
  56.                     </div>
  57.                 </div>
  58.                 <div class="form-group row">
  59.                     <div class="col-sm-10"></div>
  60.                     <div class="col-sm-2" data-ng-if="chofer.id == null && situacion.chofer == 'registrado'" style="text-align: right;">
  61.                         <button type="button" class="btn btn-primary" id="btnSearchChofer" data-ng-click="searchChofer();">Buscar</button>
  62.                     </div>
  63.                 </div>
  64.                     <div class="form-group row">
  65.                         <label for="nombre" class="col-sm-2 col-form-label">Nombre</label>
  66.                         <div class="col-sm-3">
  67.                             <input type="text" name="nombre" class="form-control" id="nombre" data-ng-model="chofer.nombre" placeholder="Ingrese nombre" data-ng-disabled="chofer.id == null && situacion.chofer == 'registrado'">
  68.                         </div>
  69.                         <label for="apellido" class="col-sm-2 col-form-label">Apellido</label>
  70.                         <div class="col-sm-3">
  71.                             <input type="text" name="apellido" class="form-control" id="apellido" data-ng-model="chofer.apellido" placeholder="Ingrese apellido" data-ng-disabled="chofer.id == null && situacion.chofer == 'registrado'">
  72.                         </div>
  73.                     </div>
  74.                     <div class="form-group row">
  75.                         <label for="telefono" class="col-sm-2 col-form-label">Teléfono</label>
  76.                         <div class="col-sm-3">
  77.                             <input type="text" name="telefono" class="form-control" id="telefono" data-ng-model="chofer.telefono" disabled>
  78.                             <span class="error" id="telefonoError">Número de teléfono invalido.</span>
  79.                         </div>
  80.                         <label for="empresa" class="col-sm-2 col-form-label">Empresa</label>
  81.                         <div class="col-sm-3">
  82.                             <select class="form-control" name="empresa" id="empresa" data-ng-model="empresas.seleccionada" multiple="multiple" data-ng-options="empresa.id as empresa.razon_social for empresa in aEmpresas" data-ng-disabled="chofer.id == null && situacion.chofer == 'registrado'">
  83.                             </select>
  84.                         </div>
  85.                     </div>
  86.                     <div class="form-group row">
  87.                         <label for="archivo" class="col-sm-2 col-form-label">Foto D.N.I.</label>    
  88.                         <div class="col-sm-3">
  89.                             <input type="file" name="archivo" class="custom-file-input" lang="es" id="archivo" accept="image/*" custom-on-change="renderPreview" data-ng-model="chofer.archivo" data-ng-disabled="chofer.id == null && situacion.chofer == 'registrado'">
  90.                             <label class="custom-file-label" for="customFileLang" style="color:gray">Seleccionar Archivo...</label>
  91.                             <small class="form-text text-muted">Solo se aceptan imágenes (.jpg, .png, .jpeg).</small>
  92.                         </div>
  93.                         <label class="col-sm-2 col-form-label" data-ng-if="chofer.archivo">Foto actual</label>
  94.                         <div class="col-sm-3"  data-ng-if="chofer.archivo">
  95.                             <img data-ng-src="{[{urlArchivo}]}files/choferes/{[{chofer.archivo}]}" alt="Foto del chofer" class="img-thumbnail" style="max-width: 200px;">
  96.                         </div>
  97.                     </div>
  98.                 <div class="form-group">
  99.                     <div class="col"><hr></div>
  100.                 </div>
  101.                 <div class="form-group row">
  102.                     <div class="col-sm-2">
  103.                         <a href="{{path('public_inicio')}}" class="btnMsec" >Volver</a>
  104.                     </div>
  105.                     <div class="col-md-6"></div>
  106.                     <div class="col-md-4">
  107.                         <button id="botonRegistrarChofer" data-ng-if="chofer.id == null && situacion.chofer == 'nuevo'" type="button" data-ng-click="registrarChofer()" class="btnM colorBase">Registrar</button>
  108.                         <button id="editarChofer" data-ng-if="gestionarPrecargas" type="button" class="btnM btn-primary" data-ng-click="editarChofer();">Editar datos</a>
  109.                         <button id="gestionarPrecargas" data-ng-if="gestionarPrecargas" type="button" class="btnM colorBase" data-ng-click="redirectPrecargas(chofer.id);">Precargas</button>
  110.                     </div>
  111.                 </div>
  112.             </form>
  113.         </div>
  114.         <br/>
  115.     </section>
  116. {% endblock %}
  117. {% block javascripts %}
  118.     <script type="text/javascript" src="{{asset('app/js/controllers/choferController.js')}}"></script>
  119.     <script type="text/javascript" src="{{asset('app/js/services/choferService.js')}}"></script>
  120.     <script type="text/javascript" src="{{asset('app/node_modules/select2/dist/js/select2.min.js')}}"></script>
  121.     <script type="text/javascript" src="{{asset('app/node_modules/select2/dist/js/i18n/es.js')}}"></script>
  122.     <script type="text/javascript" src="{{asset('app/node_modules/intl-tel-input/build/js/intlTelInput.min.js')}}"></script>
  123. {% endblock %}