source: seguimiento_proyectos/sepai/templates/proyectos/proyecto_form.html @ a7d9305

desarrollo
Last change on this file since a7d9305 was a7d9305, checked in by lhernandez <lhernandez@…>, 7 años ago

Modificado templates para implementar la funcionalidad del registro de sub-proyectos asociados a un poryecto, preparando modelo de datos para el sub-proyecto.
  • Propiedad mode establecida a 100644
File size: 17.2 KB
Línea 
1{% extends 'home.html' %}
2{% block titulo %}_-=SEPAI-Proyectos=-_{% endblock titulo %}
3{% block extra_constantes %}
4{% load staticfiles %}
5{% endblock extra_constantes %}
6{% block extracss %}
7  <link href="{% static 'bootstrap-3/css/bootstrap-toggle.min.css'%}" rel="stylesheet">
8  <link rel="stylesheet" href="{% static 'plugins/datepicker/datepicker3.css' %}">
9  <link rel="stylesheet" href="{% static 'css/checked_img.css' %}">
10{% endblock extracss %}
11{% block extrajs %}
12<script src="{% static 'bootstrap-3/js/bootstrap-toggle.min.js'%}"></script>
13<script src="{% static 'js/formset.js'%}"></script>
14<script src="{% static 'plugins/datepicker/moment-with-locales.js' %}"></script>
15<!-- bootstrap datepicker -->
16<script src="{% static 'plugins/datepicker/bootstrap-datepicker.js' %}"></script>
17<!-- InputMask -->
18<script src="{% static 'plugins/input-mask/jquery.inputmask.js' %}"></script>
19<script src="{% static 'plugins/input-mask/jquery.inputmask.date.extensions.js' %}"></script>
20<script src="{% static 'plugins/input-mask/jquery.inputmask.extensions.js' %}"></script>
21<script type="text/javascript">
22    $(function() {
23        $('#id_orders_table tbody tr').formset({
24            // For inline formsets, be sure to set the prefix, as the default prefix
25            // ('form') isn't correct.
26            // Django appears to generate the prefix from the lowercase plural
27            // name of the related model, with camel-case converted to underscores.
28            prefix: 'objetivosespecificosproy_set'
29        })
30    })
31$(document).ready(function ()
32    {
33        $('#municipio, #parroquia').hide()
34    $('#id_estado').change(function(event){
35        var url_mun = "{% url 'utils:obtener_municipios' %}"
36        cargar_municipios($(this).val(), url_mun);
37    })
38
39    $('#id_municipio').change(function(event){
40        var url_parr = "{% url 'utils:obtener_parroquias' %}"
41        cargar_parroquias($(this).val(), url_parr);
42        })
43    var eliminar = "<i class='fa fa-remove' title='Eliminar'>"
44    $('.delete-row').text('');
45    $('.delete-row').append(eliminar);
46    $('.add-row').click(function(event) {
47      $('.delete-row').text("");
48      $('.delete-row').append(eliminar);
49    });
50    var agregar  = "<i class='fa-plus-circle' title='Agregar'>";
51    $('.add-row').html("<b>Agregar</b>");
52    $('.add-row').append(agregar);
53    $('#id_institucion').val("{{ userprofile.fk_institucion }}");
54    $('#id_fk_user').val("{{ request.user.pk }}");
55    $("[data-mask]").inputmask();
56})
57</script>
58<script src="{% static 'proyectos/proyectos_register.js' %}"></script>
59<script type="text/javascript" src="{% static 'utils/list_ubicacion.js' %}"></script>
60<style type="text/css">
61</style>
62{% endblock extrajs %}
63{% block contenido-principal %}
64<div class="row">
65  <div class="col-md-3">
66  {% block modals %}
67      <!-- Modal  -->
68      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
69            <div class="modal-dialog" role="document">
70              <div class="modal-content">
71                <div class="modal-header">
72                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
73                  <h4 class="modal-title" id="myModalLabel">Actualizar Perfil del Usuario</h4>
74                </div>
75                <div class="modal-body" id="modal-body">
76                </div>
77              </div>
78            </div>
79      </div>
80    <!-- End Modal -->
81{% endblock modals %}
82    <div class="panel-lateral-izq">
83      {% block menu-lateral %}
84      <ul class="nav">
85        <li>
86          <h4 class="text-center">Bienvenido: {{ request.user.first_name }} {{ request.user.last_name }}<h4>
87          <h5 class="text-center">{{ userprofile.fk_tipo_documento }} - {{ userprofile.id_perfil }}</h5>
88        </li>
89        <hr />
90        <li>
91          <a class="btn" href="{% url 'projects:crear_proyectos' %}"  id="datos">
92              Datos Basicos
93              <span class="glyphicon glyphicon-accion glyphicon-info-sign pull-left" aria-hidden="true"></span>
94          </a>
95        </li>
96        <hr />
97        <li>
98          <a class="btn" href="#" id="caract">
99              Caracterisiticas
100              <span class="glyphicon glyphicon-accion glyphicon-sort-by-attributes-alt pull-left" aria-hidden="true"></span>
101          </a>
102        </li>
103        <hr />
104        <li>
105          <a class="btn" href="#" id="indicador">
106              Indicadores del Proyecto 
107              <span class="glyphicon glyphicon-accion glyphicon-indent-right pull-left" aria-hidden="true"></span>
108          </a>
109        </li>
110        <hr />
111      </ul>
112      {% endblock menu-lateral %}
113    </div>
114  </div>
115  <div class="col-md-9">
116    <div class="panel-sepai">
117      {% block area-contenido %}
118      <div id="gestion_proyectos">
119        <section class="content-header">
120          <h1>
121            Registrar proyecto
122            <small>Por favor llenar el formulario</small>
123          </h1>
124        </section>
125        <div class="box box-default">
126          <div class="box-header with-border">
127            <h3 class="box-title">Formulario de Registro de Proyecto</h3>
128
129            <div class="box-tools pull-right">
130              <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
131              <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i></button>
132            </div>
133          </div>
134          <div class="box-body">
135          <ul class="nav nav-tabs" role="tablist">
136            <li role="presentation" class="active" id="idents">
137              <a href="#identificacion" aria-controls="identificacion" role="tab" data-toggle="tab">Identificacion del Proyecto</a>
138            </li>
139            <li role="presentation" id="respons">
140              <a href="#responsable" aria-controls="responsable" role="tab" data-toggle="tab">Responsable del Proyecto</a>
141            </li>
142          </ul>
143          <!-- Inicio Tab panes -->
144          <form id="form_project" method="post">
145          {% csrf_token %}
146          <div class="tab-content">
147         
148            <div role="tabpanel" class="tab-pane active" id="identificacion">
149              <h3>Identificacion del Proyecto</h3>
150                  <div class="row">
151                      <div class="col-md-12">
152                        <div class="form-group">
153                          <div class="row">
154                            <i class="glyphicon glyphicon-pencil"></i>
155                          </div>
156                          <div class="row">
157                          <div class="form-group col-xs-6 has-feedback">
158                                {{ forms.proyecto.fk_user }}
159                                {{ forms.proyecto.fk_tipo.label }}
160                                {{ forms.proyecto.fk_tipo }}
161                            </div>
162                            <div class="form-group col-xs-6 has-feedback">
163                                {{ forms.proyecto.codigo.label }}
164                                {{ forms.proyecto.codigo }}
165                            </div>
166                            <div class="form-group col-xs-6 has-feedback">
167                                {{ forms.proyecto.nombre.label }}
168                                {{ forms.proyecto.nombre }}
169                            </div>
170                            <div class="form-group col-xs-6 has-feedback">
171                                {{ forms.proyecto.descripcion.label }}
172                                {{ forms.proyecto.descripcion }}
173                            </div>
174                            <div class="form-group col-xs-12 has-feedback">
175                                {{ forms.proyecto.objetivo_general.label }}
176                                {{ forms.proyecto.objetivo_general }}
177                            </div>
178                            <div class="form-group col-xs-12 has-feedback">
179                              <div class="box">
180                                <div class="box">
181                                <div class="box-header">
182                                  <h3 class="box-title">
183                                    Objetivos Específicos
184                                  </h3>
185                                </div>
186                                <div class="box-body table-responsive no-padding">
187                                  <table class="table table-hover" id="id_orders_table">
188                                    <thead>
189                                      <tr>
190                                          <th scope="col">Objetivo</th>
191                                          <th scope="col">Opcion</th>
192                                      </tr>
193                                    </thead>
194                                    <tbody>
195                                    {{ forms.obj_proy.management_form }}
196                                    {% for form in forms.obj_proy  %}
197                                    <tr id="{{ form.prefix }}-row">
198                                      <td>
199                                      {{ form.objetivos_especificos }}
200                                      </td>
201                                      <td></td>
202                                    </tr>
203                                    {% endfor %}
204                                    </tbody>
205                                  </table>
206                                </div>
207                              </div>
208                            </div>
209                          </div>
210                          <div class="form-group col-xs-12 has-feedback">
211                                {{ forms.proyecto.justificacion.label }}
212                                {{ forms.proyecto.justificacion }}
213                          </div>
214                          <div class="form-group col-xs-6 has-feedback">
215                                {{ forms.proyecto.plurianual.label }}
216                                {{ forms.proyecto.plurianual }}
217                          </div>
218                          <div class="form-group col-xs-6 has-feedback">
219                                {{ forms.proyecto.poan.label }}
220                                {{ forms.proyecto.poan }}
221                          </div>
222                          <div class="form-group col-xs-6 has-feedback">
223                            <i class="fa fa-calendar"></i>
224                                {{ forms.proyecto.fecha_inicio.label }}
225                                {{ forms.proyecto.fecha_inicio }}
226                          </div>
227                          <div class="form-group col-xs-6 has-feedback">
228                            <i class="fa fa-calendar"></i>
229                                {{ forms.proyecto.fecha_culminacion.label }}
230                                {{ forms.proyecto.fecha_culminacion }}
231                          </div>
232                          <div class="form-group col-xs-6 has-feedback">
233                                {{ forms.proyecto.monto_anho_anterior.label }}
234                                {{ forms.proyecto.monto_anho_anterior }}
235                          </div>
236                          <div class="form-group col-xs-6 has-feedback">
237                                {{ forms.proyecto.monto_anho_proximo.label }}
238                                {{ forms.proyecto.monto_anho_proximo }}
239                          </div>
240                          <div class="form-group col-xs-6 has-feedback">
241                                {{ forms.proyecto.monto_total.label }}
242                                {{ forms.proyecto.monto_total }}
243                          </div>
244                          <div class="form-group col-xs-6 has-feedback">
245                                {{ forms.proyecto.activo.label }}
246                                {{ forms.proyecto.activo }}
247                          </div>
248                          </div>
249                          <div class="row">
250                            <i class="glyphicon glyphicon-map-marker"></i>
251                          </div>
252                          <div class="row">
253                            <div class="form-group col-xs-4 has-feedback">
254                                  {{ forms.proyecto.estado.label }}
255                                  {{ forms.proyecto.estado }}
256                            </div>
257                            <div class="form-group col-xs-4 has-feedback" id="municipio">
258                                  {{ forms.proyecto.municipio.label }}
259                                  {{ forms.proyecto.municipio }}
260                            </div>
261                            <div class="form-group col-xs-4 has-feedback" id="parroquia">
262                                  {{ forms.proyecto.localidad.label }}
263                                  {{ forms.proyecto.localidad }}
264                            </div>
265                          </div>
266                        <!-- /.form-group -->
267                      </div>
268                      <div class="form-group col-xs-6 has-feedback">
269                        <button id="reset" type="reset" class="btn btn-danger btn-block btn-flat" value="Limpiar"> Limpiar</button>
270                      </div>
271                      <div class="form-group col-xs-6 has-feedback">
272                        <a href="#responsable" class="btn btn-success btn-block btn-flat" aria-controls="responsable" role="tab" data-toggle="tab"><i class="glyphicon glyphicon-chevron-right"></i></a>
273                      </div>
274                      <!-- /.col -->
275                    </div>
276            </div>
277            </div>
278            <div role="tabpanel" class="tab-pane" id="responsable">
279              <h3>Responsables del Proyecto</h3>
280              <div class="form-group col-xs-12 has-feedback">
281                    <div class="form-group col-xs-12 has-feedback">
282                        {{ forms.resp_tec.institucion.label }}
283                        {{ forms.resp_tec.institucion }}
284                    </div>
285                    <h4> Responble Tecnico </h4>
286                    <hr>
287                      <div class="form-group col-xs-3 has-feedback">
288                        {{ forms.resp_tec.fk_documento.label }}
289                        {{ forms.resp_tec.fk_documento }}
290                      </div>
291                      <div class="form-group col-xs-9 has-feedback">
292                        {{ forms.resp_tec.cedula.label }}
293                        {{ forms.resp_tec.cedula }}
294                      </div>
295                      <div class="form-group col-xs-6 has-feedback">
296                        {{ forms.resp_tec.nombres.label }}
297                        {{ forms.resp_tec.nombres }}
298                      </div>
299                      <div class="form-group col-xs-6 has-feedback">
300                        {{ forms.resp_tec.apellidos.label }}
301                        {{ forms.resp_tec.apellidos }}
302                      </div>
303                      <div class="form-group col-xs-6 has-feedback">
304                        {{ forms.resp_tec.correo.label }}
305                        {{ forms.resp_tec.correo }}
306                      </div>
307                      <div class="form-group col-xs-6 has-feedback">
308                        {{ forms.resp_tec.numero_telefono.label }}
309                        {{ forms.resp_tec.numero_telefono }}
310                      </div>
311                    <hr>
312                    <h4> Responble Gerente </h4>
313                    <hr>
314                    <div class="form-group col-xs-3 has-feedback">
315                        {{ forms.resp_gere.fk_documento.label }}
316                        {{ forms.resp_gere.fk_documento }}
317                      </div>
318                      <div class="form-group col-xs-9 has-feedback">
319                        {{ forms.resp_gere.cedula.label }}
320                        {{ forms.resp_gere.cedula }}
321                      </div>
322                      <div class="form-group col-xs-6 has-feedback">
323                        {{ forms.resp_gere.nombres.label }}
324                        {{ forms.resp_gere.nombres }}
325                      </div>
326                      <div class="form-group col-xs-6 has-feedback">
327                        {{ forms.resp_gere.apellidos.label }}
328                        {{ forms.resp_gere.apellidos }}
329                      </div>
330                      <div class="form-group col-xs-6 has-feedback">
331                        {{ forms.resp_gere.correo.label }}
332                        {{ forms.resp_gere.correo }}
333                      </div>
334                      <div class="form-group col-xs-6 has-feedback">
335                        {{ forms.resp_gere.numero_telefono.label }}
336                        {{ forms.resp_gere.numero_telefono }}
337                      </div>
338                    <hr>
339              </div>
340                <br>
341                <div class="form-group col-xs-6 has-feedback">
342                  <button id="reset" type="reset" class="btn btn-danger btn-block btn-flat" value="Limpiar"> Limpiar</button>
343                </div>
344                <div class="form-group col-xs-6 has-feedback">
345                  <button id="submit" type="submit" class="btn btn-primary btn-block btn-flat">Registrar</button>
346                </div>
347            </div>
348          </div>
349          </form>
350          <!-- Fin Tab panel -->
351          </div>
352          <!-- /.box-body -->
353          <div class="box-footer">
354
355          </div>
356        </div>
357        <!-- /.box -->
358        </div>
359      {% endblock area-contenido %}
360    </div>
361  </div>
362</div>
363{% endblock contenido-principal %}
Nota: Vea TracBrowser para ayuda de uso del navegador del repositorio.