source: seguimiento_proyectos/sepai/templates/proyectos/tablero_metas_fas.html @ c4a52ed

{% load staticfiles %}
    <link href="{% static 'bootstrap-3/css/bootstrap-toggle.min.css'%}" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'plugins/datepicker/datepicker3.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/datepicker/datepicker3.css' %}">
    <link rel="stylesheet" href="{% static 'css/checked_img.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-fileinput/css/fileinput.min.css' %}">

    <script src="{% static 'plugins/bootstrap-fileinput/js/fileinput.min.js' %}"></script>
    <script src="{% static 'bootstrap-3/js/bootstrap-toggle.min.js'%}"></script>
    <script src="{% static 'plugins/datepicker/moment-with-locales.js' %}"></script>
        <!-- bootstrap datepicker -->
    <script src="{% static 'plugins/datepicker/bootstrap-datepicker.js' %}"></script>
    
{% csrf_token %}
    <p>
        {{ form.definir_meta.label }}
        {{ form.definir_meta }}
    </p>
    <p>
        {{ form.numero.label }}
        {{ form.numero }}
    </p>
    <p>
        {{ form.unidad_medida.label }}
        {{ form.unidad_medida }}
    </p>
    <p>
        {{ form.porcentaje.label }}
        {{ form.porcentaje }}
    </p>
    <p>
        {{ form.certificado.label }}
        {{ form.certificado }}
    </p>
    <p>
        {{ form.culmino.label }}
        {{ form.culmino }}
    </p>

{% load staticfiles %}
    <link href="{% static 'bootstrap-3/css/bootstrap-toggle.min.css'%}" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'plugins/datepicker/datepicker3.css' %}">
    <link rel="stylesheet" href="{% static 'css/checked_img.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-fileinput/css/fileinput.min.css' %}">

    <script src="{% static 'plugins/bootstrap-fileinput/js/fileinput.min.js' %}"></script>
    <script src="{% static 'bootstrap-3/js/bootstrap-toggle.min.js'%}"></script>
    <script src="{% static 'plugins/datepicker/moment-with-locales.js' %}"></script>
        <!-- bootstrap datepicker -->
    <script src="{% static 'plugins/datepicker/bootstrap-datepicker.js' %}"></script>

    <script type="text/javascript">
     
        $(document).ready(function (){ 
            
        function addMeta(fase) {
            var valid = true;
            if (valid) {
                var selectedList = "meta_set-"+fase;
                console.log(selectedList)
                var boxList = $("#meta_set-"+fase);
                var nombre_meta = $('#id_definir_meta').val();
                boxList.append("<p>nombre_meta<p>");

            }
            return valid;
        }

        $("#id_certificado").fileinput({
            showCaption: true,
            previewFileType: "image",
            browseClass: "btn btn-info",
            browseLabel: "Subir documento",
            removeLabel: "Eliminar",
            uploadLabel:"Actualizar",
        });     
                
           
        $('#form_meta').on("submit", function(event){
          event.preventDefault();
          var form = $('#form_meta')[0];
          var data = new FormData(form);
            $.ajax({
                url: "{% url 'projects:crear_meta_tablero' proyectos.pk sub_proy.pk fases.pk %}",
                type: "POST",
                data: data,
                processData: false,  // Important!
                contentType: false,
                dataType: 'html',
                success: function(data) {
                  $('#dialog-meta').modal('hide');
                  addMeta("{{fases.pk}}");
                }
              });
            });
        });
    </script>