Conjunto 97ce047 en sapic


Ignorar:
Fecha y hora:
19/10/2018 10:53:33 (hace 6 años)
Autor:
Angelo Osorio <adosorio@…>
Branches:
master
Children:
3fa4fdc
Parents:
86706df
Mensaje:

Cambios en el layout

Ficheros:
2 editados

Leyenda

No modificado
Añadido
Eliminado

  • users/templates/users.login.html

    re5f1c62 r97ce047  
    11{% extends 'base.html' %}
    2 {% block titulo %}_-=SAPIC-Login=-_{% endblock titulo %}
    3   <!-- Tell the browser to be responsive to screen width -->
    4   {% block extracss %}
    5   {% load staticfiles %}
     2{% block titulo %}Login - SAPIC{% endblock titulo %}
     3{% block extracss %}
     4    {% load staticfiles %}
    65    <!-- favicon -->
    76    <link rel="shortcut icon" type="image/png" href="{% static 'icon/favicon.ico' %}"/>
    87    <script src="{% static 'js/login/login_registro.js' %}" type="text/javascript"></script>
    9   {% endblock extracss %}
    10   {% block extrajs %}
     8{% endblock extracss %}
     9{% block extrajs %}
    1110    <script src="{% static 'plugins/iCheck/icheck.min.js' %}"></script>
    12   {% endblock extrajs %}
     11{% endblock extrajs %}
    1312{% block contenido %}
    14 <div class="contenido-sapic">
    15     <div class="row">
    16         <div class="col-md-3">
    17             <div class="panel-lateral-izq">
    18             <h2><span class="glyphicon glyphicon-user"></span> Iniciar Sesión</h2>
    19             <form id="form" action="{% url 'users:login' %}" method="post">
    20             {% csrf_token %}
    21               <div class="form-group has-feedback">
    22                 {{ form.usuario }}
    23                 <span class="glyphicon glyphicon-user form-control-feedback"></span>
    24               </div>
    25               <div class="form-group has-feedback">
    26                 {{ form.contrasena }}
    27                 <span class="glyphicon glyphicon-lock form-control-feedback"></span>
    28               </div>
    29                       <div class="checkbox icheck">
    30                         {{ form.remember_me }}
    31                         {{ form.remember_me.label }}
    32                       </div>
    33                   <div class="form-group has-feedback {% if form.captcha.errors %}has-error{% endif %}">
    34                     <a onclick="refresh_captcha(this);" style="cursor: pointer">
    35                       <span class="glyphicon glyphicon-refresh" data-toggle="tooltip" title="Presione para recargar la imagen del captcha"></span>
    36                     </a>
    37                     {{form.captcha}}
    38                   </div>
    39                 <div class="col-md-6">
    40                   <button type="submit" class="btn btn-danger btn-block btn-flat">Ingresar</button>
     13<section class="contenido-sapic">
     14    <div class="container-fluid">
     15        <div class="row">
     16            <div class=" col-xs-12 col-md-3">
     17                <div class="panel-lateral-izq">
     18                    <h2 class="text-center"><span class="glyphicon glyphicon-user"></span> Iniciar Sesión</h2>
     19                    <form id="form" action="{% url 'users:login' %}" method="post">
     20                        {% csrf_token %}
     21                        <div class="form-group has-feedback">
     22                            {{ form.usuario }}
     23                            <span class="glyphicon glyphicon-user form-control-feedback"></span>
     24                        </div>
     25                        <div class="form-group has-feedback">
     26                            {{ form.contrasena }}
     27                            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
     28                        </div>
     29                        <div class="form-group has-feedback {% if form.captcha.errors %}has-error{% endif %}">
     30                            <a onclick="refresh_captcha(this);" style="cursor: pointer">
     31                                <span class="glyphicon glyphicon-refresh" data-toggle="tooltip" title="Presione para recargar la imagen del captcha"></span>
     32                            </a>
     33                            {{form.captcha}}
     34                        </div>
     35                        <div class="form-group checkbox icheck">
     36                            <label>
     37                                {{ form.remember_me }}
     38                                {{ form.remember_me.label }}
     39                            </label>
     40                        </div>
     41                        <div class="form-group">
     42                            <button type="submit" class="btn btn-danger btn-block btn-flat">Ingresar</button>
     43                        </div>
     44                        <div class="text-center">
     45                            <a href="{% url 'users:forget' %}">¿Olvidaste la Contraseña?</a>
     46                        </div>
     47                    </form>
    4148                </div>
    42                 <a href="{% url 'users:forget' %}">¿Olvidaste la Contraseña?</a><br>
    43             </form>
    4449            </div>
    45         </div>
    46         <div class="col-md-9">
    47             <div class="panel-sapic">
    48                 <h2 class="text-center">Sistema Automatizado de Planificación Integral Comunal</h2>
    49                 <p class="text-justify">
    50                 El SAPIC constituye una herramienta que tiene como objetivo abordar un conjunto de problemáticas y necesidades observadas a nivel comunal, entre ellas:
     50            <div class="col-xs-12 col-md-9">
     51                <div class="panel-sapic">
     52                    <h2 class="text-center">Sistema Automatizado de Planificación Integral Comunal</h2>
     53                    <p class="text-justify">
     54                    El SAPIC constituye una herramienta que tiene como objetivo abordar un conjunto de problemáticas y necesidades observadas a nivel comunal, entre ellas:
    5155
    52                 Carencia de herramientas para realización de diagnósticos comunitarios, formulación de planes y proyectos.
    53                 Ausencia de una estructura de procesos que facilite la sistematización de la información.
    54                 No se cuenta con actividades de capacitación para el uso de herramientas que faciliten la planificación comunal.
    55                 El SAPIC está dirigido a apoyar procesos de planificación comunal, tomando como base para ello la práctica descrita en la Metodología de Planificación Estratégica Situacional para Espacios Comunales, propuesta por la Fundación CENDITEL.
     56                    Carencia de herramientas para realización de diagnósticos comunitarios, formulación de planes y proyectos.
     57                    Ausencia de una estructura de procesos que facilite la sistematización de la información.
     58                    No se cuenta con actividades de capacitación para el uso de herramientas que faciliten la planificación comunal.
     59                    El SAPIC está dirigido a apoyar procesos de planificación comunal, tomando como base para ello la práctica descrita en la Metodología de Planificación Estratégica Situacional para Espacios Comunales, propuesta por la Fundación CENDITEL.
    5660
    57                 El desarrollo de esta herramienta involucra la construcción de varios módulos. El primero de ellos corresponde al módulo para gestión usuarios, en el cual se gestiona el registro de consejos comunales y comunas, así como de voceros comunales asociados a estas dos instancias de organización comunal. Los siguientes módulos, en un total de nueve (9), corresponden a módulos asociados a las fases descritas en la metodología de planificación que se menciona en el párrafo anterior.
     61                    El desarrollo de esta herramienta involucra la construcción de varios módulos. El primero de ellos corresponde al módulo para gestión usuarios, en el cual se gestiona el registro de consejos comunales y comunas, así como de voceros comunales asociados a estas dos instancias de organización comunal. Los siguientes módulos, en un total de nueve (9), corresponden a módulos asociados a las fases descritas en la metodología de planificación que se menciona en el párrafo anterior.
    5862
    59                 En el siguiente enlace se puede acceder a los documentos técnicos generados durante el desarrollo del SAPIC, conforme se propone en la metodología de desarrollo que se utiliza en el proyecto: <a href="https://planificacion.cenditel.gob.ve/proyectos/planificacion-en-organizaciones-comunales/">Metodología</a>
    60             </p>
    61             <br>
    62                 <center>
    63                 <img  class="img-responsive" src="{% static 'media/img/fasesMetodologiaPES_Comunal_Version0.2_170216.png' %}"></center>
     63                    En el siguiente enlace se puede acceder a los documentos técnicos generados durante el desarrollo del SAPIC, conforme se propone en la metodología de desarrollo que se utiliza en el proyecto: <a href="https://planificacion.cenditel.gob.ve/proyectos/planificacion-en-organizaciones-comunales/">Metodología</a>
     64                    </p>
     65                    <div class="text-center">
     66                        <img class="img-login" src="{% static 'media/img/fasesMetodologiaPES_Comunal_Version0.2_170216.png' %}">
     67                    </div>
     68                </div>
    6469            </div>
    6570        </div>
    6671    </div>
    67 </div>
     72</section>
    6873{% endblock contenido %}

  • utils/templates/base.inicio.html

    r7197b0e r97ce047  
    11{% extends 'base.html' %}
    2 {% block titulo %}_-=SAPIC-Inicio=-_{% endblock titulo %}
    3   <!-- Tell the browser to be responsive to screen width -->
    4   {% block extra_constantes %}
    5   <script type="text/javascript">
     2{% block titulo %}Inicio - SAPIC{% endblock titulo %}
     3{% block extra_constantes %}
     4    <script type="text/javascript">
     5    </script>
     6{% endblock extra_constantes %}
     7{% block extracss %}
     8    {% load staticfiles %}
     9{% endblock extracss %}
     10{% block extrajs %}
     11{% endblock extrajs %}
    612
    7   </script>
    8   {% endblock extra_constantes %}
    9   {% block extracss %}
    10   {% load staticfiles %}
    11   {% endblock extracss %}
    12   {% block extrajs %}
    13   {% endblock extrajs %}
    14   {% block menu %}
     13{% block menu %}
    1514    <div id="menu-msn">
    1615      {% include 'users.menu.html' %}
    1716      {% block extramessagesFormsErrors %}
    18 
    1917      {% endblock extramessagesFormsErrors %}
    2018    </div>
    21   {% endblock menu %}
     19{% endblock menu %}
     20
    2221{% block contenido %}
    23 {% block modals %}
    24       <!-- Modal  -->
    25       <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    26             <div class="modal-dialog" role="document">
    27               <div class="modal-content">
     22
     23    <!-- Modals  -->
     24    {% block modals %}
     25    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
     26        <div class="modal-dialog" role="document">
     27            <div class="modal-content">
    2828                <div class="modal-header">
    29                   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    30                   <h4 class="modal-title" id="myModalLabel">Actualización de datos</h4>
     29                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
     30                    <h4 class="modal-title" id="myModalLabel">Actualización de datos</h4>
    3131                </div>
    3232                <div class="modal-body" id="modal-body">
    3333                </div>
    34               </div>
    3534            </div>
     35        </div>
    3636      </div>
    37     <!-- End Modal -->
    38 {% endblock modals %}
    39 <div class="contenido-sapic">
    40     <div class="row">
    41         <div class="col-xs-12">
    42             <div class="panel-sapic">
    43                 <h2 class="text-center">Sistema Automatizado de Planificación Integral Comunal</h2>
    44                 <br>
    45                 <br>
    46                 <br>
    47             <div class="col-md-10 col-md-offset-2">
    48                 <div class="row">
    49                   <div class="col-md-3">
    50                   {% if 'Administradores' in request.session.grupos %}
    51                       <a href="{% url 'organizaciones:registrar_organizacion' %}">
    52                       <img  class="center-block" src="{% static 'media/iconos/registrar_organizacion_comunal.png' %}" width="89px" height="82px"/>
    53                       </a><br>
    54                       <p class="text-center">Organizaciones Comunales</p>
    55                   </div>
    56                   <div class="col-md-3">
    57                       <a href="{% url 'users:registrar_voceros' %}">
    58                       <img class="center-block" src="{% static 'media/iconos/registrar_vocero.png' %}"  width="114px" height="82px"/>
    59                     </a><br>
    60                       <p class="text-center">Registrar Voceros Comunales</p>
    61                       {% endif %}
    62                   </div>
    63                     <div class="col-md-3">
     37    {% endblock modals %}
     38    <!-- ./Modals -->
     39
     40    <div class="contenido-sapic container-fluid">
     41        <div class="row">
     42            <div class="col-xs-12 panel-sapic">
     43                <h2 class="text-center pb-5">Sistema Automatizado de Planificación Integral Comunal</h2>
     44                <div class="row mt-5 pt-5">
     45
     46
     47
     48                    <div class="col-xs-12 col-md-3">
     49                    {% if 'Administradores' in request.session.grupos %}
     50                        <a href="{% url 'organizaciones:registrar_organizacion' %}">
     51                            <img  class="center-block" src="{% static 'media/iconos/registrar_organizacion_comunal.png' %}" width="89px" height="82px"/>
     52                        </a>
     53                        <br>
     54                        <p class="text-center">Organizaciones Comunales</p>
     55                    </div>
     56                    <div class="col-xs-12 col-md-3">
     57                        <a href="{% url 'users:registrar_voceros' %}">
     58                            <img class="center-block" src="{% static 'media/iconos/registrar_vocero.png' %}"  width="114px" height="82px"/>
     59                        </a>
     60                        <br>
     61                        <p class="text-center">Registrar Voceros Comunales</p>
     62                    {% endif %}
     63                    </div>
     64
     65
     66
     67
     68                    <div class="col-xs-12 col-md-3">
    6469                        <a href="{% url 'explicacion:explicacion_situacional'%}">
    65                         <img class="center-block" src="{% static 'media/iconos/explicacion_situacional.png' %}" width="103px" height="84px"/>
    66                       </a><br>
     70                            <img class="center-block" src="{% static 'media/iconos/explicacion_situacional.png' %}" width="103px" height="84px"/>
     71                        </a>
     72                        <br>
    6773                        <p class="text-center">Explicación Situacional de la Comunidad</p>
    6874                    </div>
    69                   <!--  <div class="col-md-3">
     75
     76
     77
     78                    {% if 'Voceros' in request.session.grupos %}
     79                    <div class="col-xs-12 col-md-3">
     80                        <a href="{% url 'organizaciones:listar_organizacion' %}">
     81                            <img  class="center-block" src="{% static 'media/iconos/registrar_organizacion_comunal.png' %}" width="89px" height="82px"/>
     82                        </a>
     83                        <br>
     84                        <p class="text-center">Consultar organizaciones comunales</p>
     85                    </div>
     86                    {% endif %}
     87
     88
     89
     90                    <!--
     91                    <div class="col-md-3">
    7092                        <a href="#">
    71                         <img  class="center-block" src="{% static 'media/iconos/estudio_problemas.png' %}" width="114px" height="82px" />
     93                            <img  class="center-block" src="{% static 'media/iconos/estudio_problemas.png' %}" width="114px" height="82px" />
    7294                        </a>
    7395                        <p class="text-center">Estudio de problemas de la comunidad</p>
    … …  
    7597                    <div class="col-md-3">
    7698                        <a href="#">
    77                         <img  class="center-block" src="{% static 'media/iconos/plan_desarrollo.png' %}" width="114px" height="82px"/>
     99                            <img  class="center-block" src="{% static 'media/iconos/plan_desarrollo.png' %}" width="114px" height="82px"/>
    78100                        </a>
    79101                        <p class="text-center">Plan de Desarrollo Integral de la Comunidad</p>
    80102                    </div>
    81                 </div>-->
    82                     {% if 'Voceros' in request.session.grupos %}
     103                    -->
     104                    <!--
    83105                    <div class="col-md-3">
    84                         <a href="{% url 'organizaciones:listar_organizacion' %}">
    85                         <img  class="center-block" src="{% static 'media/iconos/registrar_organizacion_comunal.png' %}" width="89px" height="82px"/>
    86                       </a><br>
    87                         <p class="text-center">Consultar organizaciones comunales</p>
    88                     </div>
    89                     {% endif %}
    90                     <!--<div class="col-md-3">
    91106                        <a href="">
    92                         <img class="center-block" src="{% static 'media/iconos/opciones.png' %}" width="114px" height="82px"/>
     107                            <img class="center-block" src="{% static 'media/iconos/opciones.png' %}" width="114px" height="82px"/>
    93108                        </a>
    94109                        <p class="text-center">Otras Opciones Disponibles</p>
    95110                    </div>
    96                 </div>-->
     111                    -->
     112
     113
     114
     115
    97116                </div>
    98             </div>
    99117            </div>
    100118        </div>
    101119    </div>
    102 </div>
    103120{% endblock contenido %}
Nota: Vea TracChangeset para ayuda en el uso del visor de conjuntos de cambios.