templates/equipo/modal.html.twig line 1

Open in your IDE?
  1. {% block stylesheets %}
  3.     <style>
  4.         fieldset
  5.         {
  6.             border: 1px solid #bbbbbb !important;
  7.             margin: 0;
  8.             min-width: 0;
  9.             padding: 10px;
  10.             position: relative;
  11.             border-radius:4px;
  12.             background-color:#f5f5f5;
  13.         }
  15.         legend
  16.         {
  17.             font-size: 15px;
  18.             font-weight: bold;
  19.             margin-bottom: 0;
  20.             width: 35%;
  21.             border: 1px solid #bbbbbb;
  22.             border-radius: 4px;
  23.             padding: 5px 5px 5px 10px;
  24.             background-color: #cecece;
  25.         }
  27.         label {
  28.             font-size: 14px;
  29.             color: #5C5A5A;
  30.         }
  31.     </style>
  33. {% endblock %}
  34. {# Plantilla de Twig #}
  35. {% form_theme form 'bootstrap_4_layout.html.twig' %}
  37. <!-- Modal with form -->
  38. <!-- div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" -->
  39. <div class="modal-dialog modal-lg" role="document">
  40.     <div class="modal-content p-4">
  41.         <div class="modal-header">
  42.             <h5 class="modal-title" id="exampleModalLabel"><b>Modificación  <small class="text-secondary">de Equipo de coómputo-- {{ equipo.idEqu }}</small></b>
  43.             </h5>
  44.             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  45.                 <span aria-hidden="true">&times;</span>
  46.             </button>
  47.         </div>
  49.         <div class="modal-body">
  50.             <div class="card-body">
  52.                 {{ form_start(form, {'attr': {'class': 'form-horizontal', 'id': 'form-editar-equipo'}}) }}
  53.                 {# Datos del equipo #}
  54.                 <fieldset>
  55.                     <legend>Identificación del equipo</legend>
  56.                     <div class="control-group">
  57.                         <div class="row" >
  58.                             <div class="col-lg">{{ form_row(form.marbete,{
  59.                                     'attr': {
  60.                                         'hidden': false,
  61.                                     }}) }}
  62.                             </div>
  64.                             <div class="col-lg">{{ form_row(form.marca) }}</div>
  65.                             <div class="col-lg">{{ form_row(form.modelo) }}</div>
  66.                             <div class="col-lg">{{ form_row(form.serie) }}</div>
  67.                         </div>
  68.                         <div class="row" disabled>
  69.                             <div class="col-lg">{{ form_row(form.descripcion) }}</div>
  70.                         </div>
  71.                     </div>
  72.                     <br>
  73.                 </fieldset>
  74.                 <br>
  75.                 {# Hardware #}
  76.                 <fieldset>
  77.                     <legend>Hardware</legend>
  78.                     <div class="row">
  79.                         <div class="col-lg">{{ form_row(form.procesador) }}</div>
  80.                         <div class="col-lg">{{ form_row(form.nucleos) }}</div>
  81.                         <div class="col-lg">{{ form_row(form.cpuVelocidad) }}</div>
  82.                         <div class="col-lg">{{ form_row(form.ram)}} </div>
  83.                     </div>
  84.                     <div class="row">
  85.                         <div class="col-lg">{{ form_row(form.ip) }}</div>
  86.                         <div class="col-lg">{{ form_row(form.mac) }}</div>
  87.                         <div class="col-lg">{{ form_row(form.ssd) }}</div>
  88.                         <div class="col-lg">{{ form_row(form.hhd) }}</div>
  89.                     </div>
  90.                 </fieldset>
  91.                 <br>
  92.                 {# Perifericos #}
  93.                 <fieldset>
  94.                     {# Monitor #}
  95.                     <legend>Monitor</legend>
  96.                     <div class="row">
  97.                         <div class="col-lg">{{ form_row(form.monitorMarbete) }}</div>
  98.                         <div class="col-lg">{{ form_row(form.monitorMarca) }}</div>
  99.                         <div class="col-lg">{{ form_row(form.monitorModelo) }}</div>
  100.                     </div>
  101.                     <div class="row">
  102.                         <div class="col-lg">{{ form_row(form.monitorSerie) }}</div>
  103.                         <div class="col-lg">{{ form_row(form.monitorTipo) }}</div>
  104.                         <div class="col-lg">{{ form_row(form.monitorPulgadas) }}</div>
  105.                     </div>
  106.                 </fieldset>
  107.                 <br>
  108.                 <fieldset>
  109.                     {# Teclado #}
  110.                     <legend>Teclado</legend>
  111.                     <div class="row">
  112.                         <div class="col-lg">{{ form_row(form.tecladoMarca) }}</div>
  113.                         <div class="col-lg">{{ form_row(form.tecladoModelo) }}</div>
  114.                         <div class="col-lg">{{ form_row(form.tecladoSerie) }}</div>
  115.                     </div>
  116.                 </fieldset>
  117.                 <br>
  118.                 <fieldset>
  119.                     {# Mouse #}
  120.                     <legend>Mouse</legend>
  121.                     <div class="row">
  122.                         <div class="col-lg">{{ form_row(form.mouseMarca) }}</div>
  123.                         <div class="col-lg">{{ form_row(form.mouseModelo) }}</div>
  124.                         <div class="col-lg">{{ form_row(form.mouseSerie) }}</div>
  125.                     </div>
  126.                 </fieldset>
  127.                 <br>
  128.                 {# Estatus y resguardo #}
  129.                 <fieldset>
  130.                     <legend>Estatus y resguardo</legend>
  131.                     <div class="row">
  132.                         <div class="col-lg">{{ form_row(form.estatus) }}</div>
  133.                         <div class="col-lg">{{ form_row(form.uso) }}</div>
  134.                     </div>
  135.                     <div class="row">
  136.                         <div class="col-lg">{{ form_row(form.funcion) }}</div>
  137.                         <div class="col-lg">{{ form_row(form.funcionDescripcion) }}</div>
  138.                     </div>
  139.                     <div class="row">
  140.                         <div class="col-lg">{{ form_row(form.usuario) }}</div>
  141.                         {# <div class="col-lg">{{ form_row(form.emhv) }}</div> #}
  142.                         <div class="col-lg">{{ form_row(form.ubicacion) }}</div>
  143.                         {% if form.unidad is defined %}
  144.                             <div class="col-lg">{{ form_row(form.unidad) }}</div>
  145.                         {% endif %}
  146.                     </div>
  147.                 </fieldset>
  148.                 <br>
  149.                 <div class="row">
  150.                     <div class="col text-center">
  151.                         <button class="btn btn-outline-success" id="btn_equipo_guardar">{{ button_label|default('Guardar') }}</button>
  152.                     </div>
  154.                     <div class="col text-center">
  155.                         <button type="button" class="btn btn-outline-primary" data-dismiss="modal" aria-label="Close">
  156.                             Cancelar
  157.                         </button>
  158.                     </div>
  159.                 </div>
  160.                 {{ form_end(form) }}
  162.             </div>
  163.         </div>
  164.     </div>
  165. </div>
  166. <!-- /div -->