[8fa24c3] | 1 | {% extends 'base.template.html' %} |
---|
| 2 | {% load staticfiles %} |
---|
| 3 | {% block title %}Registrar Evento{% endblock title %} |
---|
[94b3e3f] | 4 | {% block extraJs %} |
---|
| 5 | <script src="{% static "js/formset.js" %}"></script> |
---|
| 6 | <script type="text/javascript"> |
---|
| 7 | $(function() { |
---|
| 8 | $('#id_orders_table tbody tr').formset({ |
---|
| 9 | // For inline formsets, be sure to set the prefix, as the default prefix |
---|
| 10 | // ('form') isn't correct. |
---|
| 11 | // Django appears to generate the prefix from the lowercase plural |
---|
| 12 | // name of the related model, with camel-case converted to underscores. |
---|
[a4764f9] | 13 | prefix: 'form', |
---|
| 14 | addText:'<i class="tiny material-icons prefix">add_circle_outline</i>Agregar Participante', |
---|
| 15 | deleteText:'<i class="material-icons">delete_forever</i>', |
---|
[94b3e3f] | 16 | }) |
---|
[a4764f9] | 17 | |
---|
[94b3e3f] | 18 | $('.datepicker').pickadate({ |
---|
| 19 | selectMonths: true, // Creates a dropdown to control month |
---|
| 20 | selectYears: 15, // Creates a dropdown of 15 years to control year, |
---|
| 21 | today: 'Today', |
---|
| 22 | clear: 'Clear', |
---|
| 23 | close: 'Ok', |
---|
| 24 | closeOnSelect: false, // Close upon selecting a date, |
---|
| 25 | format: "dd/mm/yyyy", |
---|
[a4764f9] | 26 | // The title label to use for the month nav buttons |
---|
| 27 | labelMonthNext: 'Mes siguiente', |
---|
| 28 | labelMonthPrev: 'Mes anterior', |
---|
| 29 | |
---|
| 30 | // The title label to use for the dropdown selectors |
---|
| 31 | labelMonthSelect: 'Selecciona un mes', |
---|
| 32 | labelYearSelect: 'Selecciona un año', |
---|
| 33 | |
---|
| 34 | // Months and weekdays |
---|
| 35 | monthsFull: [ 'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre' ], |
---|
| 36 | monthsShort: [ 'Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic' ], |
---|
| 37 | weekdaysFull: [ 'Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado' ], |
---|
| 38 | weekdaysShort: [ 'Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab' ], |
---|
| 39 | |
---|
| 40 | // Materialize modified |
---|
| 41 | weekdaysLetter: [ 'D', 'L', 'M', 'Mi', 'J', 'V', 'S' ], |
---|
| 42 | |
---|
| 43 | // Today and clear |
---|
| 44 | today: 'Hoy', |
---|
| 45 | clear: 'Limpiar', |
---|
| 46 | close: 'Ok', |
---|
[94b3e3f] | 47 | }); |
---|
| 48 | }) |
---|
| 49 | </script> |
---|
| 50 | {%endblock%} |
---|
| 51 | |
---|
[8fa24c3] | 52 | {% block content %} |
---|
| 53 | <div class="content center"> |
---|
[94b3e3f] | 54 | <h5>Datos del Evento</h5><hr/><br> |
---|
[a4764f9] | 55 | <form id="form" method="post" enctype="multipart/form-data"> |
---|
[8fa24c3] | 56 | {% csrf_token %} |
---|
[94b3e3f] | 57 | <div class="input-field {% if form.nombre_evento.errors %}invalid{% endif %}"> |
---|
| 58 | {{ form.nombre_evento }} |
---|
| 59 | <label for="icon_prefix {{ form.nombre_evento.auto_id }}">Nombre</label> |
---|
| 60 | {% include 'base.forms.errors.html' with form_errors=form.nombre_evento.errors col_title_error='col s2' col_msg_error='col s10' %} |
---|
[8fa24c3] | 61 | </div> |
---|
| 62 | |
---|
[94b3e3f] | 63 | <div class="input-field {% if form.fecha.errors %}invalid{% endif %}"> |
---|
| 64 | <i class="tiny material-icons prefix">perm_contact_calendar</i> |
---|
| 65 | {{ form.fecha }} |
---|
| 66 | <label for="icon_prefix {{ form.fecha.auto_id }}">Fecha</label> |
---|
| 67 | {% include 'base.forms.errors.html' with form_errors=form.fecha.errors col_title_error='col s2' col_msg_error='col s10' %} |
---|
[8fa24c3] | 68 | </div> |
---|
| 69 | |
---|
[94b3e3f] | 70 | <div class="file-field input-field {% if form.archivo.errors %}invalid{% endif %}"> |
---|
| 71 | |
---|
| 72 | <div class="btn"> |
---|
| 73 | <span for="icon_prefix {{ form.archivo.auto_id }}">Archivo</span> |
---|
[a4764f9] | 74 | <input type="file" name="file" id="file" accept=".pdf"> |
---|
[94b3e3f] | 75 | </div> |
---|
[8fa24c3] | 76 | <div class="file-path-wrapper"> |
---|
[94b3e3f] | 77 | {{ form.archivo }} |
---|
[8fa24c3] | 78 | </div> |
---|
[94b3e3f] | 79 | {% include 'base.forms.errors.html' with form_errors=form.archivo.errors col_title_error='col s2' col_msg_error='col s10' %} |
---|
[8fa24c3] | 80 | </div> |
---|
[94b3e3f] | 81 | <h5>Datos de los Participantes</h5><hr/><br> |
---|
| 82 | <table class="striped" id="id_orders_table"> |
---|
| 83 | <thead> |
---|
| 84 | <tr> |
---|
| 85 | <th scope="col">Nombres</th> |
---|
| 86 | <th scope="col">Apellidos</th> |
---|
| 87 | <th scope="col">Pasaporte</th> |
---|
| 88 | <th scope="col">Correo</th> |
---|
| 89 | <th scope="col">Opcion</th> |
---|
| 90 | </tr> |
---|
| 91 | </thead> |
---|
| 92 | <tbody> |
---|
| 93 | {{ form2.management_form }} |
---|
| 94 | {% for form in form2 %} |
---|
| 95 | <tr id="{{ form.prefix }}-row"> |
---|
| 96 | <td> |
---|
| 97 | {{form.nombres}} |
---|
| 98 | </td> |
---|
| 99 | <td> |
---|
| 100 | {{form.apellidos}} |
---|
| 101 | </td> |
---|
| 102 | <td> |
---|
| 103 | {{form.pasaporte}} |
---|
| 104 | </td> |
---|
| 105 | <td> |
---|
| 106 | {{form.correo}} |
---|
| 107 | </td> |
---|
| 108 | <td></td> |
---|
| 109 | </tr> |
---|
| 110 | {% endfor %} |
---|
| 111 | </tbody> |
---|
| 112 | </table> |
---|
[8fa24c3] | 113 | <div> |
---|
| 114 | <button type="submit" class="btn waves-effect red darken-1">Registrar</button> |
---|
| 115 | </div> |
---|
| 116 | </div> |
---|
| 117 | </form> |
---|
| 118 | </div> |
---|
| 119 | {% endblock %} |
---|