Conjunto 3fa4fdc en sapic


Ignorar:
Fecha y hora:
19/10/2018 10:54:17 (hace 6 años)
Autor:
Angelo Osorio <adosorio@…>
Branches:
master
Children:
c6b917c
Parents:
97ce047
Mensaje:

Agregado el aside de navegación, arreglo al responsive design

Ubicación:
organizaciones/templates
Ficheros:
2 editados

Leyenda

No modificado
Añadido
Eliminado

  • organizaciones/templates/organizacion.register.html

    r502a0f2 r3fa4fdc  
    11{% extends "base.inicio.html" %}
    2 {% block titulo %}_-=SAPIC-Registrar Organizacion Social=-_{% endblock titulo %}
     2{% block titulo %}Registrar Organización Social - SAPIC {% endblock titulo %}
    33{% block extracss %}
    44{% load staticfiles %}
    5 <link href="{% static 'bootstrap-3/css/bootstrap-toggle.min.css'%}" rel="stylesheet">
    6 <link rel="stylesheet" href="{% static 'plugins/datepicker/datepicker3.css' %}">
     5    <link href="{% static 'bootstrap-3/css/bootstrap-toggle.min.css'%}" rel="stylesheet">
     6    <link rel="stylesheet" href="{% static 'plugins/datepicker/datepicker3.css' %}">
    77{% endblock extracss %}
    88{% block extrajs %}
    9 <script src="{% static 'bootstrap-3/js/bootstrap-toggle.min.js'%}"></script>
    10 <script src="{% static 'js/formset.js'%}"></script>
    11 <script src="{% static 'plugins/datepicker/moment-with-locales.js' %}"></script>
    12 <!-- bootstrap datepicker -->
    13 <script src="{% static 'plugins/datepicker/bootstrap-datepicker.js' %}"></script>
    14 <script type="text/javascript">
    15 $(function() {
    16   $('#id_orders_table tbody tr').formset({
    17     // For inline formsets, be sure to set the prefix, as the default prefix
    18     // ('form') isn't correct.
    19     // Django appears to generate the prefix from the lowercase plural
    20     // name of the related model, with camel-case converted to underscores.
    21     prefix: 'vocero_set'
    22   })
    23 })
    24 $(document).ready(function ()
    25 {
    26   $('#municipio, #parroquia').hide()
    27   $('#id_estado').change(function(event){
    28     var url_mun = "{% url 'utils:obtener_municipios' %}"
    29     cargar_municipios($(this).val(), url_mun);
    30   })
    31 
    32   $('#id_municipio').change(function(event){
    33     var url_parr = "{% url 'utils:obtener_parroquias' %}"
    34     cargar_parroquias($(this).val(), url_parr);
    35   })
    36   var eliminar = "<i class='fa fa-remove' title='Eliminar Tabla'>"
    37   $('.delete-row').text('');
    38   $('.delete-row').append(eliminar);
    39   $('.add-row').click(function(event) {
    40     $('.delete-row').text("");
    41     $('.delete-row').append(eliminar);
    42   });
    43   var agregar  = "<i class='fa fa-plus-circle' title='Agregar'>";
    44   $('.add-row').html("<b>Agregar</b>");
    45   $('.add-row').append(agregar);
    46 })
    47 </script>
    48 <script type="text/javascript" src="{% static 'utils/list_ubicacion.js' %}"></script>
    49 <script type="text/javascript" src="{% static 'organizaciones/registro_organizaciones.js' %}"></script>
     9    <script src="{% static 'bootstrap-3/js/bootstrap-toggle.min.js'%}"></script>
     10    <script src="{% static 'js/formset.js'%}"></script>
     11    <script src="{% static 'plugins/datepicker/moment-with-locales.js' %}"></script>
     12    <!-- bootstrap datepicker -->
     13    <script src="{% static 'plugins/datepicker/bootstrap-datepicker.js' %}"></script>
     14    <script type="text/javascript">
     15    $(function() {
     16      $('#id_orders_table tbody tr').formset({
     17        // For inline formsets, be sure to set the prefix, as the default prefix
     18        // ('form') isn't correct.
     19        // Django appears to generate the prefix from the lowercase plural
     20        // name of the related model, with camel-case converted to underscores.
     21        prefix: 'vocero_set'
     22      })
     23    })
     24    $(function(){
     25        $('#municipio, #parroquia').hide()
     26        $('#id_estado').change(function(event){
     27            var url_mun = "{% url 'utils:obtener_municipios' %}"
     28            cargar_municipios($(this).val(), url_mun);
     29        })
     30        $('#id_municipio').change(function(event){
     31            var url_parr = "{% url 'utils:obtener_parroquias' %}"
     32            cargar_parroquias($(this).val(), url_parr);
     33        })
     34        var eliminar = "<i class='fa fa-remove' title='Eliminar Tabla'>"
     35        $('.delete-row').text('');
     36        $('.delete-row').append(eliminar);
     37        $('.add-row').click(function(event) {
     38            $('.delete-row').text("");
     39            $('.delete-row').append(eliminar);
     40        });
     41        var agregar  = "<i class='fa fa-plus-circle' title='Agregar'>";
     42        $('.add-row').html("<b>Agregar</b>");
     43        $('.add-row').append(agregar);
     44    });
     45    </script>
     46    <script type="text/javascript" src="{% static 'utils/list_ubicacion.js' %}"></script>
     47    <script type="text/javascript" src="{% static 'organizaciones/registro_organizaciones.js' %}"></script>
    5048{% endblock extrajs %}
    5149{% block contenido %}
    52 <div class="contenido-sapic">
    53   <div class="row">
    54     <div class="col-xs-12">
    55       <div class="panel-sapic">
    56         <!-- Inicio Nav tabs -->
    57         <nav class="navbar navbar-default" role="navigation" >
    58           <!-- El logotipo y el icono que despliega el menú se agrupan
    59           para mostrarlos mejor en los dispositivos móviles -->
    60           <div class="navbar-header">
    61             <button type="button" class="navbar-toggle" data-toggle="collapse"
    62             data-target=".navbar-ex1-collapse">
    63             <span class="sr-only">Desplegar navegación</span>
    64             <span class="icon-bar"></span>
    65             <span class="icon-bar"></span>
    66             <span class="icon-bar"></span>
    67           </button>
     50<section class="contenido-sapic">
     51    <div class="container-fluid">
     52        <div class="row">
     53
     54
     55            <!-- Menú lateral de navegación - INICIO -->
     56            <aside class="col-xs-12">
     57                <div class="panel-sapic-nav">
     58                    <ul class="nav nav-tabs">
     59                        <li role="presentation" class="active"><a href="{% url 'organizaciones:registrar_organizacion' %}">Registrar organización social</a></li>
     60                        <li role="presentation"><a href="{% url 'organizaciones:listar_organizacion' %}">Consultar organización social</a></li>
     61                    </ul>
     62                </div>
     63            </aside>
     64            <!-- Menú lateral de navegación - FINAL -->
     65
     66
     67            <!-- Fomulario de registro - INICIO -->
     68            <div class="col-xs-12">
     69                <div class="panel-sapic">
     70                    <div class="content-header">
     71                        <h2> Registro de Organizaciones Sociales </h2>
     72                    </div>
     73                    <div class="content">
     74                        <div class="box box-primary p-5">
     75                            <form id="form_project" method="post">
     76                                {% csrf_token %}
     77
     78                                <div class="row pb-3">
     79                                    <div class="col-xs-12 col-sm-6">
     80                                        {{forms.organizacion_social.fk_tipo_organizacion.label}}
     81                                        {{forms.organizacion_social.fk_tipo_organizacion}}
     82                                    </div>
     83                                    <div class="col-xs-12 col-sm-6">
     84                                        {{forms.organizacion_social.codigo.label}}
     85                                        {{forms.organizacion_social.codigo}}
     86                                    </div>
     87                                </div>
     88
     89                                <div class="row pb-3">
     90                                    <div class="col-xs-12 col-sm-6">
     91                                        {{forms.organizacion_social.rif.label}}
     92                                        {{forms.organizacion_social.rif}}
     93                                    </div>
     94                                    <div class="col-xs-12 col-sm-6">
     95                                        {{forms.organizacion_social.situr.label}}
     96                                        {{forms.organizacion_social.situr}}
     97                                    </div>
     98                                </div>
     99
     100                                <div class="row pb-3">
     101                                    <div class="col-xs-12 col-sm-6">
     102                                        {{forms.organizacion_social.nombre.label}}
     103                                        {{forms.organizacion_social.nombre}}
     104                                    </div>
     105                                    <div class="col-xs-12 col-sm-6">
     106                                        {{forms.organizacion_social.email.label}}
     107                                        {{forms.organizacion_social.email}}
     108                                    </div>
     109                                </div>
     110
     111                                <div class="row pb-3">
     112                                    <div class="col-xs-12 col-sm-6">
     113                                        {{forms.organizacion_social.fecha_conformacion.label}}
     114                                        {{forms.organizacion_social.fecha_conformacion}}
     115                                    </div>
     116                                    <div class="col-xs-12 col-sm-6">
     117                                        {{forms.organizacion_social.sector.label}}
     118                                        {{forms.organizacion_social.sector}}
     119                                    </div>
     120                                </div>
     121
     122                                <div class="row pb-5">
     123                                    <div class="col-xs-12 col-sm-4">
     124                                        {{forms.organizacion_social.estado.label}}
     125                                        {{forms.organizacion_social.estado}}
     126                                    </div>
     127                                    <div class="col-xs-12 col-sm-4" id="municipio">
     128                                        {{forms.organizacion_social.municipio.label}}
     129                                        {{forms.organizacion_social.municipio}}
     130                                    </div>
     131                                    <div class="col-xs-12 col-sm-4" id="parroquia">
     132                                        {{forms.organizacion_social.localidad.label}}
     133                                        {{forms.organizacion_social.localidad}}
     134                                    </div>
     135                                </div>
     136
     137                                <div class="row pb-3">
     138                                  <div class="col-xs-12">
     139                                    <span class="pr-3">{{forms.organizacion_social.activa.label}}</span>
     140                                    {{forms.organizacion_social.activa}}
     141                                  </div>
     142                                </div>
     143
     144                                <div class="row">
     145                                  <div class="col-xs-12 has-feedback">
     146                                    <div class="box p-3">
     147                                      <div class="box-header">
     148                                        <h3 class="box-title">
     149                                          Voceros
     150                                        </h3>
     151                                      </div>
     152                                      <div class="box-body table-responsive no-padding">
     153                                        <table class="table table-hover " id="id_orders_table">
     154                                            <thead>
     155                                                <tr>
     156                                                    <th scope="col">Documento de Identidad</th>
     157                                                    <th scope="col">Nombres y Apellidos</th>
     158                                                </tr>
     159                                            </thead>
     160                                            <tbody>
     161                                                {{ forms.voceros.management_form }}
     162                                                {% for form in forms.voceros  %}
     163                                                <tr id="{{ form.prefix }}-row">
     164                                                    <td>
     165                                                        {{ form.fk_tipo_documento }}
     166                                                        {{ form.documento_identidad }}
     167                                                    </td>
     168                                                    <td>
     169                                                        {{ form.nombres }} {{ form.apellidos }}
     170                                                    </td>
     171                                                    <td class="text-center"></td>
     172                                                </tr>
     173                                                {% endfor %}
     174                                            </tbody>
     175                                        </table>
     176                                      </div>
     177                                    </div>
     178                                  </div>
     179                                </div>
     180
     181                                <div class="row">
     182                                    <div class="col-xs-12 col-sm-6 col-sm-offset-3">
     183                                        <button type="submit" class="btn btn-primary btn-block btn-fla">Registrar Organización</button>
     184                                    </div>
     185                                </div>
     186
     187                            </form>
     188                        </div>
     189                    </div>
     190                </div>
     191            </div>
     192            <!-- Fomulario de registro - FINAL -->
     193
    68194
    69195        </div>
    70 
    71         <!-- Agrupar los enlaces de navegación, los formularios y cualquier
    72         otro elemento que se pueda ocultar al minimizar la barra -->
    73         <div class="collapse navbar-collapse navbar-ex1-collapse">
    74           <ul class="nav navbar-nav">
    75             <li data-section="" class="active"><a style="color:black;" href="{% url 'organizaciones:registrar_organizacion' %}" class="on-nav-item">Registrar organización social</a></li>
    76             <li class=""><a style="color:black;" href="{% url 'organizaciones:listar_organizacion' %}" class="on-nav-item">Consultar organización social</a></li>
    77           </ul>
    78 
    79         </div>
    80       </nav>
    81       <section class="content-header">
    82         <h2>
    83           Registro de Organizaciones Sociales
    84         </h2>
    85       </section>
    86       <section class="content">
    87         <div class="row">
    88           <div class="col-md-12">
    89             <div class="box box-primary">
    90               <br>
    91               <form id="form_project" method="post">
    92                 {% csrf_token %}
    93                 <div class="row">
    94                   <div class="col-xs-6">
    95                     {{forms.organizacion_social.fk_tipo_organizacion.label}}
    96                     {{forms.organizacion_social.fk_tipo_organizacion}}
    97                   </div>
    98                   <div class="col-xs-6">
    99                     {{forms.organizacion_social.codigo.label}}
    100                     {{forms.organizacion_social.codigo}}
    101                   </div>
    102                 </div><br>
    103                 <div class="row">
    104                   <div class="col-xs-6">
    105                     {{forms.organizacion_social.rif.label}}
    106                     {{forms.organizacion_social.rif}}
    107                   </div>
    108                   <div class="col-xs-6">
    109                     {{forms.organizacion_social.situr.label}}
    110                     {{forms.organizacion_social.situr}}
    111                   </div>
    112                 </div><br>
    113                 <div class="row">
    114                   <div class="col-xs-6">
    115                     {{forms.organizacion_social.nombre.label}}
    116                     {{forms.organizacion_social.nombre}}
    117                   </div>
    118                   <div class="col-xs-6">
    119                     {{forms.organizacion_social.email.label}}
    120                     {{forms.organizacion_social.email}}
    121                   </div>
    122                 </div><br>
    123                 <div class="row">
    124                   <div class="col-xs-6">
    125                     {{forms.organizacion_social.fecha_conformacion.label}}
    126                     {{forms.organizacion_social.fecha_conformacion}}
    127                   </div>
    128                   <div class="col-xs-6">
    129                     {{forms.organizacion_social.sector.label}}
    130                     {{forms.organizacion_social.sector}}
    131                   </div>
    132                 </div><br>
    133                 <div class="row">
    134                   <div class="col-xs-4">
    135                     {{forms.organizacion_social.estado.label}}
    136                     {{forms.organizacion_social.estado}}
    137                   </div>
    138                   <div class="col-xs-4" id="municipio">
    139                     {{forms.organizacion_social.municipio.label}}
    140                     {{forms.organizacion_social.municipio}}
    141                   </div>
    142                   <div class="col-xs-4" id="parroquia">
    143                     {{forms.organizacion_social.localidad.label}}
    144                     {{forms.organizacion_social.localidad}}
    145                   </div>
    146                 </div><br>
    147                 <div class="row">
    148                   <div class="col-xs-12">
    149                     {{forms.organizacion_social.activa.label}}
    150                     {{forms.organizacion_social.activa}}
    151                   </div>
    152                 </div><br>
    153                 <div class="row">
    154                   <div class="form-group col-xs-12 has-feedback">
    155                     <div class="box">
    156                       <div class="box-header">
    157                         <h3 class="box-title">
    158                           Voceros
    159                         </h3>
    160                       </div>
    161                       <div class="box-body table-responsive no-padding">
    162                         <table class="table table-hover" id="id_orders_table">
    163                           <thead>
    164                             <tr>
    165                               <th scope="col">Documento de Identidad</th>
    166                               <th scope="col">Nombres y Apellidos</th>
    167                             </tr>
    168                           </thead>
    169                           <tbody>
    170                             {{ forms.voceros.management_form }}
    171                             {% for form in forms.voceros  %}
    172                             <tr id="{{ form.prefix }}-row">
    173                               <td>
    174                                 {{ form.fk_tipo_documento }}
    175                                 {{ form.documento_identidad }}
    176                               </td>
    177                               <td>
    178                                 {{ form.nombres }} {{ form.apellidos }}
    179                               </td>
    180                               <td></td>
    181                             </tr>
    182                             {% endfor %}
    183                           </tbody>
    184                         </table>
    185                       </div>
    186                     </div>
    187                   </div>
    188                 </div>
    189                 <button type="submit" class="btn btn-danger btn-block btn-fla">Registrar Organización</button>
    190               </form>
    191             </div>
    192           </div>
    193         </section>
    194       </div>
    195196    </div>
    196   </div>
    197 </div>
     197</section>
    198198{% endblock contenido %}

  • organizaciones/templates/organizaciones.modificar.org.html

    r0948a4e r3fa4fdc  
    11{% block extracss %}
    22{% load staticfiles %}
    3 <link type="text/css" rel="stylesheet" href="{% static 'jquery-entropizer-master/dist/css/jquery-entropizer.min.css' %}" />
    4 <link href="{% static 'bootstrap-3/css/bootstrap-toggle.min.css'%}" rel="stylesheet">
     3    <link type="text/css" rel="stylesheet" href="{% static 'jquery-entropizer-master/dist/css/jquery-entropizer.min.css' %}" />
     4    <link href="{% static 'bootstrap-3/css/bootstrap-toggle.min.css'%}" rel="stylesheet">
    55{% endblock extracss %}
    66{% block extrajs %}
    7 <script src="{% static 'bootstrap-3/js/bootstrap-toggle.min.js'%}"></script>
    8 <script type="text/javascript" src="{% static 'jquery-entropizer-master/lib/entropizer.js' %}"></script>
    9 <script type="text/javascript" src="{% static 'jquery-entropizer-master/dist/js/jquery-entropizer.min.js' %}"></script>
    10 <script type="text/javascript" src="{% static 'organizaciones/registro_organizaciones.js' %}"></script>
     7    <script src="{% static 'bootstrap-3/js/bootstrap-toggle.min.js'%}"></script>
     8    <script type="text/javascript" src="{% static 'jquery-entropizer-master/lib/entropizer.js' %}"></script>
     9    <script type="text/javascript" src="{% static 'jquery-entropizer-master/dist/js/jquery-entropizer.min.js' %}"></script>
     10    <script type="text/javascript" src="{% static 'organizaciones/registro_organizaciones.js' %}"></script>
    1111{% endblock extrajs %}
    1212<!-- Inicio Nav tabs -->
    13   <!-- Fin Nav tabs -->
    14   <!-- Inicio Tab panes -->
     13    <!-- Fin Nav tabs -->
     14    <!-- Inicio Tab panes -->
    1515
    16   <form id="form_organizaciones" action="{% url 'organizaciones:modal_org' upOrg.pk %}" method="post">
     16    <form id="form_organizaciones" action="{% url 'organizaciones:modal_org' upOrg.pk %}" method="post">
    1717
    18   <div class="tab-content">
    19   <div role="tabpanel" class="tab-pane active" id="modal">
    20       <h3>Actualizar la Organización </h3>
    21       {% csrf_token %}
    22     <div class="form-group has-feedback">
    23           {{ forms.organizaciones.fk_tipo_organizacion.label }}
     18    <div class="tab-content">
     19    <div role="tabpanel" class="tab-pane active" id="modal">
     20            <h3>Actualizar la Organización </h3>
     21            {% csrf_token %}
     22        <div class="form-group has-feedback">
     23                    {{ forms.organizaciones.fk_tipo_organizacion.label }}
     24                </div>
     25                <div class="form-group has-feedback">
     26                    {{ forms.organizaciones.fk_tipo_organizacion }}
     27                    <span class="glyphicon glyphicon-user form-control-feedback"></span>
     28                </div>
     29                <div class="form-group has-feedback">
     30                    {{ forms.organizaciones.rif.label }}
     31                </div>
     32                <div class="form-group has-feedback">
     33                    {{ forms.organizaciones.rif }}
     34                    <span class="glyphicon glyphicon-user form-control-feedback"></span>
     35                </div>
     36                <div class="form-group has-feedback">
     37                    {{ forms.organizaciones.situr.label }}
     38                </div>
     39                <div class="form-group has-feedback">
     40                    {{ forms.organizaciones.situr }}
     41                    <span class="glyphicon glyphicon-list form-control-feedback"></span>
     42                </div>
     43                <div class="form-group has-feedback">
     44                    {{ forms.organizaciones.nombre.label }}
     45                </div>
     46                <div class="form-group has-feedback">
     47                    {{ forms.organizaciones.nombre }}
     48                    <span class="glyphicon glyphicon-list form-control-feedback"></span>
     49                </div>
     50                <div class="form-group has-feedback">
     51                    {{ forms.organizaciones.email.label }}
     52                </div>
     53                <div class="form-group has-feedback">
     54                    {{ forms.organizaciones.email }}
     55                    <span class="glyphicon glyphicon-list form-control-feedback"></span>
     56                </div>
     57                <div class="form-group has-feedback">
     58                    {{ forms.organizaciones.fecha_conformacion.label }}
     59                </div>
     60                <div class="form-group has-feedback">
     61                    {{ forms.organizaciones.fecha_conformacion }}
     62                    <span class="glyphicon glyphicon-list form-control-feedback"></span>
     63                </div>
     64                <div class="form-group has-feedback">
     65                    {{ forms.organizaciones.sector.label }}
     66                </div>
     67                <div class="form-group has-feedback">
     68                    {{ forms.organizaciones.sector }}
     69                    <span class="glyphicon glyphicon-list form-control-feedback"></span>
     70                </div>
     71                <div class="form-group has-feedback">
     72                    {{ forms.organizaciones.localidad.label }}
     73                </div>
     74                <div class="form-group has-feedback">
     75                    {{ forms.organizaciones.localidad }}
     76                    <span class="glyphicon glyphicon-list form-control-feedback"></span>
     77                </div>
    2478        </div>
    25         <div class="form-group has-feedback">
    26           {{ forms.organizaciones.fk_tipo_organizacion }}
    27           <span class="glyphicon glyphicon-user form-control-feedback"></span>
    28         </div>
    29         <div class="form-group has-feedback">
    30           {{ forms.organizaciones.rif.label }}
    31         </div>
    32         <div class="form-group has-feedback">
    33           {{ forms.organizaciones.rif }}
    34           <span class="glyphicon glyphicon-user form-control-feedback"></span>
    35         </div>
    36         <div class="form-group has-feedback">
    37           {{ forms.organizaciones.situr.label }}
    38         </div>
    39         <div class="form-group has-feedback">
    40           {{ forms.organizaciones.situr }}
    41           <span class="glyphicon glyphicon-list form-control-feedback"></span>
    42         </div>
    43         <div class="form-group has-feedback">
    44           {{ forms.organizaciones.nombre.label }}
    45         </div>
    46         <div class="form-group has-feedback">
    47           {{ forms.organizaciones.nombre }}
    48           <span class="glyphicon glyphicon-list form-control-feedback"></span>
    49         </div>
    50         <div class="form-group has-feedback">
    51           {{ forms.organizaciones.email.label }}
    52         </div>
    53         <div class="form-group has-feedback">
    54           {{ forms.organizaciones.email }}
    55           <span class="glyphicon glyphicon-list form-control-feedback"></span>
    56         </div>
    57         <div class="form-group has-feedback">
    58           {{ forms.organizaciones.fecha_conformacion.label }}
    59         </div>
    60         <div class="form-group has-feedback">
    61           {{ forms.organizaciones.fecha_conformacion }}
    62           <span class="glyphicon glyphicon-list form-control-feedback"></span>
    63         </div>
    64         <div class="form-group has-feedback">
    65           {{ forms.organizaciones.sector.label }}
    66         </div>
    67         <div class="form-group has-feedback">
    68           {{ forms.organizaciones.sector }}
    69           <span class="glyphicon glyphicon-list form-control-feedback"></span>
    70         </div>
    71         <div class="form-group has-feedback">
    72           {{ forms.organizaciones.localidad.label }}
    73         </div>
    74         <div class="form-group has-feedback">
    75           {{ forms.organizaciones.localidad }}
    76           <span class="glyphicon glyphicon-list form-control-feedback"></span>
    77         </div>
    78     </div>
    79   <div class="modal-footer">
    80   <input type="submit" value="Actualizar Organización" class="btn btn-danger"/>
    81   </form>
     79    <div class="modal-footer">
     80    <input type="submit" value="Actualizar Organización" class="btn btn-danger"/>
     81    </form>
    8282<button id="submit" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
    8383</div>
Nota: Vea TracChangeset para ayuda en el uso del visor de conjuntos de cambios.