Advertisement
Guest User

Untitled

a guest
Nov 14th, 2018
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.22 KB | None | 0 0
  1. <div class="modal-header">
  2.     <button type="button" class="close" ng-click="cancel()">
  3.         <span aria-hidden="true">×</span>
  4.     </button>
  5.     <div id="cabeceraPagina">
  6.         <h1>Detalle Festival</h1>
  7.     </div>
  8. </div>
  9. <form class="form-horizontal" autocomplete="off" name="formulario">
  10.     <div class="modal-body loadingGrande" ng-if="isLoadingFestival">
  11.         Cargando festival</div>
  12.     <div class="modal-body" ng-if="!isLoadingFestival">
  13.         <div class="row">
  14.             <div class="col-lg-12">
  15.                 <fieldset>
  16.                     <legend>Datos generales</legend>
  17.                     <div class="form-group">
  18.                         <label class="control-label col-lg-1 required">Organismo</label>
  19.                         <div class="col-lg-5">
  20.                             <ui-select ng-if="!isLoadingOrganismos" class="ui-select-match"
  21.                                 ng-model="festival.organismo" theme="bootstrap" required
  22.                                 reset-search-input="true"> <ui-select-match
  23.                                 placeholder="Organismo..." allow-clear="true">{{$select.selected.descripcion}}</ui-select-match>
  24.                             <ui-select-choices class="ui-select-choices"
  25.                                 repeat="organismo in organismos | filter: $select.search | limitTo:infiniteScroll.currentItems  track by $index"
  26.                                 infinite-scroll="addMoreItems()" infinite-scroll-distance="2">
  27.                             <div
  28.                                 ng-bind-html="organismo.descripcion | highlight: $select.search"></div>
  29.                             </ui-select-choices> </ui-select>
  30.  
  31.                             <div ng-if="isLoadingOrganismos">Cargando organismos...</div>
  32.                         </div>
  33.                         <label class="control-label col-lg-1 required">Nombre
  34.                             premio</label>
  35.                         <div ng-class="'col-lg-5'">
  36.                             <input type="text" class="form-control"
  37.                                 ng-model="festival.premio" required>
  38.                         </div>
  39.                     </div>
  40.                     <div class="form-group">
  41.                         <label class="control-label col-lg-1 required">Año</label>
  42.                         <div ng-class="'col-lg-2'">
  43.                             <input type="number" class="form-control"
  44.                                 ng-model="festival.anio" required max="2099" min="1800"
  45.                                 maxlength="4">
  46.                         </div>
  47.                         <label class="control-label col-lg-1">Hora</label>
  48.                         <div ng-class="'col-lg-2'">
  49.                             <div class="input-group">
  50.                                 <input type="text" class="form-control" mask="29:59"
  51.                                     pattern="(?:[01]|2(?![4-9])){1}\d{1}:[0-5]{1}\d{1}"
  52.                                     mask-restrict="reject" mask-limit="true"
  53.                                     ng-model="festival.hora"
  54.                                     ng-change="cambiaHorario('{{tarea.horaInicioTarea}}', '{{tarea.horaFinTarea}}',  true, false)"
  55.                                     ng-model-options="{updateOn: 'blur'}"
  56.                                     ng-disabled="tieneRestriccionesPorOrigen('horaInicioTarea')">
  57.                                 <div class="input-group-addon">
  58.                                     <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
  59.                                 </div>
  60.                             </div>
  61.                         </div>
  62.                         <label class="control-label col-lg-1 required">Estado del
  63.                             festival</label>
  64.                         <div ng-class="'col-lg-2'">
  65.                             <select name="estado" class="form-control"
  66.                                 ng-model="festival.estado" required>
  67.                                 <option value="A">Anulado</option>
  68.                                 <option value="P">En proceso</option>
  69.                                 <option value="F">Finalizado</option>
  70.                                 <option value="N">No iniciado</option>
  71.                             </select>
  72.                         </div>
  73.                     </div>
  74.                     <div class="form-group">
  75.                         <label class="control-label col-lg-1">Fecha límite</label>
  76.                         <div class="col-lg-2">
  77.                             <div class="input-group ">
  78.                                 <input type="text" ng-model="festival.fechaLimite"
  79.                                     datepicker-mode="'day'" is-open="OpenedFL"
  80.                                     ng-click="OpenedFL=true" class="form-control"
  81.                                     datepicker-popup="dd/MM/yyyy" close-text="Cerrar" />
  82.                                 <div class="input-group-addon muestraCalendario">
  83.                                     <span class="glyphicon glyphicon-calendar " aria-hidden="true"></span>
  84.                                 </div>
  85.                             </div>
  86.                         </div>
  87.                         <label class="control-label col-lg-1">Fecha resultado
  88.                             finalistas</label>
  89.                         <div ng-class="'col-lg-2'">
  90.                             <div class="input-group ">
  91.                                 <input type="text" ng-model="festival.fechaResultado"
  92.                                     datepicker-mode="'day'" is-open="OpenedFR"
  93.                                     ng-click="OpenedFR=true" class="form-control"
  94.                                     datepicker-popup="dd/MM/yyyy" close-text="Cerrar" />
  95.                                 <div class="input-group-addon muestraCalendario">
  96.                                     <span class="glyphicon glyphicon-calendar " aria-hidden="true"></span>
  97.                                 </div>
  98.                             </div>
  99.                         </div>
  100.                         <label class="control-label col-lg-1">Fecha GALA entrega
  101.                             premio</label>
  102.                         <div ng-class="'col-lg-2'">
  103.                             <div class="input-group ">
  104.                                 <input type="text" placeholder="fecha inicio"
  105.                                     ng-model="festival.fechaGala" datepicker-mode="'day'"
  106.                                     is-open="OpenedFIF" ng-click="OpenedFIF=true"
  107.                                     class="form-control" datepicker-popup="dd/MM/yyyy"
  108.                                     close-text="Cerrar" />
  109.                                 <div class="input-group-addon muestraCalendario">
  110.                                     <span class="glyphicon glyphicon-calendar " aria-hidden="true"></span>
  111.                                 </div>
  112.                             </div>
  113.                         </div>
  114.                         <!-- div ng-class="'col-lg-2'">
  115.                             <div class="input-group ">
  116.                                 <input type="text" placeholder="fecha fin"  ng-model="festival.fechaFinFestival" datepicker-mode="'day'" is-open="OpenedFFF" ng-click="OpenedFFF=true" class="form-control" datepicker-popup="dd/MM/yyyy" close-text="Cerrar" />
  117.                                 <div class="input-group-addon muestraCalendario">
  118.                                     <span class="glyphicon glyphicon-calendar " aria-hidden="true"></span>
  119.                                 </div>
  120.                             </div>
  121.                         </div-->
  122.                     </div>
  123.                     <div class="form-group">
  124.                         <label class="control-label col-lg-1">Fecha Inicio Periodo
  125.                             del Festival</label>
  126.                         <div class="col-lg-2">
  127.                             <div class="input-group ">
  128.                                 <input type="text" ng-model="festival.fechaInicioPeriodo"
  129.                                     datepicker-mode="'day'" is-open="OpenedFIPe"
  130.                                     ng-click="OpenedFIPe=true" class="form-control"
  131.                                     datepicker-popup="dd/MM/yyyy" close-text="Cerrar" />
  132.                                 <div class="input-group-addon muestraCalendario">
  133.                                     <span class="glyphicon glyphicon-calendar " aria-hidden="true"></span>
  134.                                 </div>
  135.                             </div>
  136.                         </div>
  137.                         <label class="control-label col-lg-1">Fecha Fin Periodo
  138.                             del Festival</label>
  139.                         <div ng-class="'col-lg-2'">
  140.                             <div class="input-group ">
  141.                                 <input type="text" ng-model="festival.fechaFinPeriodo"
  142.                                     datepicker-mode="'day'" is-open="OpenedFFPe"
  143.                                     ng-click="OpenedFFPe=true" class="form-control"
  144.                                     datepicker-popup="dd/MM/yyyy" close-text="Cerrar" />
  145.                                 <div class="input-group-addon muestraCalendario">
  146.                                     <span class="glyphicon glyphicon-calendar " aria-hidden="true"></span>
  147.                                 </div>
  148.                             </div>
  149.                         </div>
  150.                     </div>
  151.                     <div class="form-group">
  152.                         <label class="control-label col-lg-1">Ciudad</label>
  153.                         <div ng-class="'col-lg-5'">
  154.                             <input type="text" class="form-control"
  155.                                 ng-model="festival.ciudad" maxlength="100">
  156.                         </div>
  157.                         <label class="control-label col-lg-1">Dirección</label>
  158.                         <div ng-class="'col-lg-5'">
  159.                             <input type="text" class="form-control"
  160.                                 ng-model="festival.direccion" maxlength="100">
  161.                         </div>
  162.                     </div>
  163.                     <div class="form-group">
  164.                         <label class="control-label col-lg-1 required">Tipo
  165.                             festival</label>
  166.                         <div ng-class="'col-lg-5'">
  167.                             <select name="tipo" class="form-control" ng-model="festival.tipo"
  168.                                 required>
  169.                                 <option value="N">Nacional</option>
  170.                                 <option value="I">Internacional</option>
  171.                             </select>
  172.                         </div>
  173.                     </div>
  174.                     <div class="form-group">
  175.                         <label class="control-label col-lg-1">Observaciones</label>
  176.                         <div class="col-lg-11">
  177.                             <textarea class="form-control" ng-model="festival.observaciones"
  178.                                 maxlength="1000"></textarea>
  179.                         </div>
  180.                     </div>
  181.                 </fieldset>
  182.             </div>
  183.         </div>
  184.         <div class="row">
  185.             <div class="col-lg-12">
  186.                 <fieldset>
  187.                     <legend>
  188.                         Inscripciones <span class="glyphicon glyphicon-plus accion"
  189.                             title="añadir inscripción" data-toggle="collapse" data-target="#inscripcionForm"></span>
  190.                     </legend>
  191.                    
  192.                     <div class="collapse" id="inscripcionForm">
  193.                        
  194.                         <div class="form-group">
  195.                             <label class="control-label col-lg-1">Ciudad</label>
  196.                             <div ng-class="'col-lg-5'">
  197.                                 <input type="text" class="form-control"
  198.                                     ng-model="festival.ciudad" maxlength="100" >
  199.                             </div>
  200.                             <label class="control-label col-lg-1">Dirección</label>
  201.                             <div ng-class="'col-lg-5'">
  202.                                 <input type="text" class="form-control"
  203.                                 ng-model="festival.direccion" maxlength="100">
  204.                             </div>
  205.                         </div>
  206.                         <button type="button" class="btn btn-primary" ng-disabled="!festival.ciudad" ng-click="addInscripcion()" >Añadir</button>
  207.                                                
  208.                     </div>
  209.                                        
  210.                     <table
  211.                         class="table table-striped table-bordered table-hover tabla-forms"
  212.                         cellspacing="0" fixed-header style="max-height: 400px;"
  213.                         st-table="capitulos">
  214.                         <thead>
  215.                             <tr>
  216.                                 <th>Canal</th>
  217.                                 <th>Categoría</th>
  218.                                 <th>Estado</th>
  219.                                 <th>Importe</th>
  220.                                 <th>Programa</th>
  221.                                 <th>Profesional</th>
  222.                                 <th>Quién recoge</th>
  223.                                 <th></th>
  224.                                 <th></th>
  225.                             </tr>
  226.                         </thead>
  227.                         <tbody>
  228.                             <tr ng-repeat="inscripcion in festival.inscripciones"
  229.                                 ng-class="inscripcion.deleted?'borrado':''">
  230.                                 <td>{{inscripcion.canal}}</td>
  231.                                 <td>{{inscripcion.categoria.descripcion}}</td>
  232.                                 <td>{{getDescripcionEstadoInscripcion(inscripcion.estado)}}</td>
  233.                                 <td><span ng-if="inscripcion.importe")>{{inscripcion.importe}}
  234.                                         {{inscripcion.moneda.descripcion}}</span></td>
  235.                                 <td>{{inscripcion.programa}}</td>
  236.                                 <td>{{inscripcion.inscripcion}}</td>
  237.                                 <td>{{inscripcion.recoge}}</td>
  238.                                 <td><span class="glyphicon glyphicon-edit accion"
  239.                                     ng-click="showDetalleInscripcion(inscripcion)"></span></td>
  240.                                 <td><span class="glyphicon glyphicon-trash accion"
  241.                                     ng-click="deleteInscripcion(inscripcion)"></span></td>
  242.                             </tr>
  243.                         </tbody>
  244.                     </table>
  245.                 </fieldset>
  246.             </div>
  247.         </div>
  248.     </div>
  249.     <div class="modal-footer modal-footer-fondo-gris">
  250.         <button type="button" class="btn btn-default" ng-click="cancel()">Cerrar</button>
  251.         <button type="button" class="btn btn-primary" ng-click="guardar()"
  252.             ng-if="!isLoadingFestival" ng-disabled="formulario.$invalid">Guardar</button>
  253.     </div>
  254. </form>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement