Conjunto c6b917c en sapic


Ignorar:
Fecha y hora:
19/10/2018 10:54:37 (hace 6 años)
Autor:
Angelo Osorio <adosorio@…>
Branches:
master
Children:
59849b2
Parents:
3fa4fdc
Mensaje:

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

Fichero:
1 editado

Leyenda

No modificado
Añadido
Eliminado

  • organizaciones/templates/organizaciones.list.html

    r7197b0e rc6b917c  
    11{% extends 'base.inicio.html' %}
    22{% load staticfiles %}
    3 {% block titulo %}_-=SAPIC-Consultar Usuarios=-_{% endblock titulo %}
     3{% block titulo %}Consultar Usuarios - SAPIC{% endblock titulo %}
    44{% block extra_constantes %}
    5 <script type="text/javascript">
    6 var LISTAR_ORG = "{% url 'organizaciones:listar_orgs' %}"
    7 ruta = '{% url 'organizaciones:modal_org' request.user.pk %}';
    8 var user = "{{ request.user.pk }}"
    9 id_organizacion = {{request.user.pk}};
    10 </script>
     5    <script type="text/javascript">
     6        var LISTAR_ORG = "{% url 'organizaciones:listar_orgs' %}";
     7        ruta = '{% url 'organizaciones:modal_org' request.user.pk %}';
     8        var user = "{{ request.user.pk }}";
     9        id_organizacion = {{request.user.pk}};
     10    </script>
    1111{% endblock extra_constantes %}
    1212{% block extracss %}
    13 <link rel="stylesheet" href="{% static 'DataTables/media/css/jquery.dataTables.min.css' %}">
    14 <link rel="stylesheet" href="{% static 'css/checked_img.css' %}">
     13    <link rel="stylesheet" href="{% static 'DataTables/media/css/jquery.dataTables.min.css' %}">
     14    <link rel="stylesheet" href="{% static 'css/checked_img.css' %}">
    1515{% endblock extracss %}
    1616{% block extrajs %}
    17 <script src="{% static 'DataTables/media/js/jquery.dataTables.min.js' %}"></script>
    18 <script src="{% static 'organizaciones/org_listDataTable.js' %}" type="text/javascript"></script>
    19 <script src="{% static 'start/modals.js' %}"></script>
     17    <script src="{% static 'DataTables/media/js/jquery.dataTables.min.js' %}"></script>
     18    <script src="{% static 'organizaciones/org_listDataTable.js' %}" type="text/javascript"></script>
     19    <script src="{% static 'start/modals.js' %}"></script>
    2020{% endblock extrajs %}
    2121{% block contenido %}
    22 <div class="contenido-sapic">
    23   <div class="row">
    24     <div class="col-xs-12">
    25       <div class="panel-sapic">
     22<section class="contenido-sapic">
     23    <div class="container-fluid">
     24        <div class="row">
    2625
    27         <nav class="navbar navbar-default" role="navigation">
    28           <!-- El logotipo y el icono que despliega el menú se agrupan
    29           para mostrarlos mejor en los dispositivos móviles -->
    30           <div class="navbar-header">
    31             <button type="button" class="navbar-toggle" data-toggle="collapse"
    32             data-target=".navbar-ex1-collapse">
    33             <span class="sr-only">Desplegar navegación</span>
    34             <span class="icon-bar"></span>
    35             <span class="icon-bar"></span>
    36             <span class="icon-bar"></span>
    37           </button>
     26            <!-- Menú lateral de navegación - INICIO -->
     27            <aside class="col-xs-12">
     28                <div class="panel-sapic-nav">
     29                    <ul class="nav nav-tabs">
     30                        {% if 'Administradores' in request.session.grupos %}
     31                        <li role="presentation"><a href="{% url 'organizaciones:registrar_organizacion' %}">Registrar organización social</a></li>
     32                        {% endif %}
     33                        <li role="presentation" class="active"><a href="{% url 'organizaciones:listar_organizacion' %}">Consultar organización social</a></li>
     34                    </ul>
     35                </div>
     36            </aside>
     37            <!-- Menú lateral de navegación - FINAL -->
     38
     39
     40            <!-- Tabla de listado - INICIO -->
     41            <div class="col-xs-12">
     42                <div class="panel-sapic">
     43                    <div class="content-header">
     44                        <h2>
     45                            Lista de Organizaciones
     46                            <small>Muestra los datos de todas las Organizaciones Sociales Registradas</small>
     47                        </h2>
     48                    </div>
     49                    <div class="content">
     50                        <div class="box box-primary">
     51                            <div class="box-header">
     52                                <i class="fa fa-list"></i>
     53                                <h3 class="box-title"> Lista de Organizaciones Sociales</h3>
     54                            </div>
     55                            <!--
     56                            <div class="col-lg-3">
     57                              <a href="{% url 'users:registrar'%}" class="glyphicon glyphicon-plus btn btn-block btn-primary"> Agregar Usuario</a>
     58                            </div>
     59                            -->
     60                            <div class="box-body pad table-responsive listado-organizaciones">
     61                                <form id="forma_activar" method="post">
     62                                    {% csrf_token %}
     63                                    <table id="datatable" class="diplay">
     64                                        <thead>
     65                                            <tr>
     66                                                <th>Tipo</th>
     67                                                <th>Código</th>
     68                                                <th>RIF</th>
     69                                                <th>SITUR</th>
     70                                                <th>Nombre</th>
     71                                                <th>email</th>
     72                                                <th>Fecha de Conformación</th>
     73                                                <th>Sector</th>
     74                                                <th>Activo/Inactivo</th>
     75                                                <th>Localidad</th>
     76                                                <th>Activar/Inactivar Organizacion</th>
     77                                            </tr>
     78                                        </thead>
     79                                    </table>
     80                                </form>
     81                            </div>
     82                        </div>
     83                    </div>
     84                </div>
     85            </div>
     86            <!-- Tabla de listado - FINAL -->
     87
     88
    3889        </div>
    39         <!-- Agrupar los enlaces de navegación, los formularios y cualquier
    40         otro elemento que se pueda ocultar al minimizar la barra -->
    41         <div class="collapse navbar-collapse navbar-ex1-collapse">
    42           <ul class="nav navbar-nav">
    43             {% if 'Administradores' in request.session.grupos %}
    44             <li data-section="" class=""><a style="color:black;" href="{% url 'organizaciones:registrar_organizacion' %}" class="on-nav-item">Registrar organización social</a></li>
    45             {% endif %}
    46 
    47             <li class="active"><a style="color:black;" href="{% url 'organizaciones:listar_organizacion' %}" class="on-nav-item">Consultar organización social</a></li>
    48           </ul>
    49         </div>
    50       </nav>
    51       <section class="content-header">
    52         <h2>
    53           Lista de Organizaciones
    54           <small>Muestra los datos de todas las Organizaciones Sociales Registradas</small>
    55         </h2>
    56       </section>
    57       <section class="content">
    58         <div class="row">
    59           <div class="col-md-12">
    60             <div class="box box-primary">
    61               <div class="box-header">
    62                 <i class="fa fa-list"></i>
    63                 <h3 class="box-title"> Lista de Organizaciones Sociales</h3>
    64               </div>
    65               <!--<div class="col-lg-3">
    66               <a href="{% url 'users:registrar'%}" class="glyphicon glyphicon-plus btn btn-block btn-primary"> Agregar Usuario</a>
    67             </div><br><br>-->
    68             <div class="box-body pad table-responsive">
    69               <form id="forma_activar" method="post">
    70                 {% csrf_token %}
    71                 <table id="datatable" class="diplay">
    72                   <thead>
    73                     <tr>
    74                       <th>Tipo</th>
    75                       <th>Código</th>
    76                       <th>RIF</th>
    77                       <th>SITUR</th>
    78                       <th>Nombre</th>
    79                       <th>email</th>
    80                       <th>Fecha de Conformación</th>
    81                       <th>Sector</th>
    82                       <th>Activo/Inactivo</th>
    83                       <th>Localidad</th>
    84                       <th>Activar/Inactivar Organizacion</th>
    85                     </tr>
    86                   </thead>
    87                 </table>
    88               </form>
    89             </div>
    90           </div>
    91         </div>
    92       </div>
    93     </section>
    94   </div>
    95 </div>
    96 </div>
    97 </div>
     90    </div>
     91</section>
    9892{% endblock contenido %}
Nota: Vea TracChangeset para ayuda en el uso del visor de conjuntos de cambios.