Index: explicacion_situacional/templates/encuesta.participar.html
===================================================================
--- explicacion_situacional/templates/encuesta.participar.html	(revision c609db6b1052903d46883cfe63b1d5620794ef6a)
+++ explicacion_situacional/templates/encuesta.participar.html	(revision c609db6b1052903d46883cfe63b1d5620794ef6a)
@@ -0,0 +1,154 @@
+{% extends 'explicacion.situacional.html' %}
+{% load staticfiles %}
+{% block titulo %}
+    _-=SAPIC-Registrar {{consulta.fk_caracterizacion}} =-_
+{% endblock titulo%}
+{% block extracss %}
+    <link rel="stylesheet" href="{% static 'plugins/bootstrap-fileinput/css/fileinput.min.css' %}">
+    <link rel="stylesheet" type="text/css" href="{% static 'css/ol.css' %}">
+    <link rel="stylesheet" type="text/css" href="{% static 'css/ol3.css' %}">
+    <link rel="stylesheet" type="text/css" href="{% static 'plugins/iCheck/line/_all.css' %}"/>
+{% endblock extracss %}
+
+{% block extrajs %}
+    <script type="text/javascript">
+        var USER = "{{ request.user.pk }}";
+        var ENCUESTA = "{{consulta.pk}}";
+        var URL = window.location.pathname;
+    </script>
+    <script src="{% static 'plugins/bootstrap-fileinput/js/fileinput.min.js' %}"></script>
+    <script src="{% static 'js/attrchange.js' %}"></script>
+    <script src="{% static 'js/bootbox.min.js' %}"></script>
+    <script src="{% static 'js/funciones.js' %}"></script>
+    <script src="{% static 'plugins/iCheck/icheck.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/ol.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/OLMapWidget.js' %}"></script>
+    <script type="text/javascript">
+        $(document).ready(function(){
+          $('.icheck').each(function(){
+            var self = $(this);
+              label = self.prev(),
+              label_text = label.text();
+
+            label.remove();
+            self.iCheck({
+              checkboxClass: 'icheckbox_line-blue',
+              radioClass: 'iradio_line-blue',
+              insert: '<div class="icheck_line-icon"></div>' + label_text
+            });
+          });
+          
+          // Se chequea el campo de
+          $('.iradio_line-blue').attrchange({
+            trackValues: true, // set to true so that the event object is updated with old & new values
+            callback: function(evnt) {
+                if(evnt.attributeName == "class") { // which attribute you want to watch for changes
+                    if(evnt.newValue.search("checked") != -1) { // "open" is the class name you search for inside "class" attribute
+                        var padre = $(this).parent();
+                        var just = padre.find('textarea');
+                        if (just.length != 0) {
+                            var option = padre.find('.checked').find('input');
+                            if (option.val() == "No") {
+                                $('#div_justificar_'+option.attr('id')).show();
+                            }
+                            else{
+                                $('#div_justificar_'+option.attr('id')).hide();
+                            }
+                        }
+                    }
+                }
+            }
+        });
+        });
+    </script>
+{% endblock extrajs %}
+{% block contenido_principal %}
+    <div class="col-xs-12">
+        <div class="panel-sapic">
+            <section class="content-header">
+                  <h2>
+                    Registrar Ecuesta de la  {{consulta.fk_caracterizacion}}
+                    <small>Muestra el formulario de la encuesta para registra la participacion de la comunidad</small>
+                  </h2>
+            </section>
+            <section class="content">
+                <div class="row">
+                    <div class="col-md-12">
+                    </div>
+                </div>
+                <button class="btn btn-primary btn-lg center-block" data-toggle="modal" data-target="#consultaModal"> Participar en la encuesta </button>
+
+                <div class="modal fade" id="consultaModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+                    <div class="modal-content">
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                            <h4 class="modal-title" id="myModalLabel"> Encuesta de: {{consulta|title}} </h4>
+                        </div>
+                        <div class="modal-body">
+                            <form action="" role="form" class="form form-horizontal validate-form" method="post" autocomplete="off" id="encuesta_form">
+                                {% csrf_token %}
+                                <div class="row text-center">
+                                    <h1>{{consulta|title}}</h1><hr>
+                                    <div class="row center-block" style="width: 90%">
+                                        <div class="progress non-null" role="progressbar" id="status" >
+                                          <div class="progress-bar progress-bar active" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
+                                            <div class="bar" style="width:100%"><span style="color:black;">Progreso de la encuesta</span></div>
+                                          </div>
+                                        </div>
+                                    </div>
+                                    <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">
+                                        <!-- Indicators -->
+                                        <ol class="carousel-indicators">
+                                            {% for key, value in preguntas.items  %}
+                                                <li data-target="#myCarousel" class="{% if forloop.counter0 == 0 %}active{%endif%}"></li>
+                                            {% endfor %}
+                                            <li data-target="#myCarousel"></li>
+                                        </ol>
+                                      
+                                        <!-- Wrapper for slides -->
+                                        <div class="carousel-inner" role="listbox">
+                                            {% for key, value in preguntas.items  %}
+                                                <div class="col-md-6 col-sm-6 col-xs-6 col-xs-offset-3 col-md-offset-3 col-sm-offset-3 item {% if forloop.counter == 1 %}active{% endif %}">
+                                                    <div class="row">
+                                                        <label class="control-label">
+                                                            {{ value.label | safe }}
+                                                        </label>
+                                                    </div>
+                                                    <div class="row">
+                                                            {{ value.field | safe }}
+                                                    </div>
+                                                </div>
+                                             {% endfor %}
+                                                <div class="col-md-6 col-sm-6 col-xs-6 col-xs-offset-3 col-md-offset-3 col-sm-offset-3 item">
+                                                    <div class="row">
+                                                        <button type="submit" onclick="send_poll(event);" class="btn btn-success">
+                                                            Registrar ParticipaciÃ³n
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                        </div>
+                        
+                                      
+                                        <!-- Left and right controls -->
+                                        <a class="left carousel-control" href="#myCarousel" role="button" onclick="go_back();">
+                                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+                                            <span class="sr-only">Anterior</span>
+                                        </a>
+                                        <a class="right carousel-control" href="#myCarousel" role="button" onclick="control_progress();">
+                                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+                                            <span class="sr-only">Siguiente</span>
+                                        </a>
+                                    </div>
+                                </div>
+                            </form>
+                            <div class="modal-footer">
+                                <a type="button" class="btn btn-info pull-left" href="{% url 'explicacion:explicacion_situacional' %}">Regresar</a>
+                            </div>
+                        </div>
+                    </div><!-- /.modal-content -->
+                </div><!-- /.modal -->
+            </section>
+        </div>
+    </div>
+{% endblock contenido_principal %}
+
