<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file="validar.jsp" %>
<!DOCTYPE html>
<html lang="es">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta charset="utf-8" />
        <title>:::SISTEMA DE HORARIOS:::</title>

        <meta name="description" content="overview &amp; stats" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <link href="css/display.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="../assets/css/bootstrap.css" />
        <link rel="stylesheet" href="../assets/css/font-awesome.css" />
        <link rel="stylesheet" href="../assets/css/jquery-ui.css" />
        <link rel="stylesheet" href="../assets/css/ace-fonts.css" />
        <link rel="stylesheet" href="../assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
        <script src="../assets/js/ace-extra.js"></script>
        <link href="css/success.css" rel="stylesheet" type="text/css"/>
        <link href="css/snackbar.css" rel="stylesheet" type="text/css"/>
        <!-- inline scripts related to this page -->
        <script type="text/javascript" language="javascript">
            
            /*$(document).ready( function() {
             jQuery("#registroEncuesta").validationEngine();
             });*/
        </script>
    </head>

    <body class="no-skin page-sound" onLoad="cargar();">
        <!-- #section:basics/navbar.layout -->
        <div id="navbar" class="navbar navbar-default">
            <script type="text/javascript">
                try {
                    ace.settings.check('navbar', 'fixed')
                } catch (e) {
                }
            </script>

            <div class="navbar-container" id="navbar-container">
                <%@ include file="banner.jsp" %>
            </div><!-- /.navbar-container -->
            <p id="lblUsuario"><%=usuario!=null?usuario.getCodigoTipoUsuario():""%></p>
        </div>
        <div id="snackbar">Se registro  correctamente..</div>
        <!-- /section:basics/navbar.layout -->
        <div class="main-container" id="main-container">
            <script type="text/javascript">
                try {
                    ace.settings.check('main-container', 'fixed')
                } catch (e) {
                }
            </script>

            <!-- #section:basics/sidebar -->
            <div id="sidebar" class="sidebar                  responsive">
                <script type="text/javascript">
                    try {
                        ace.settings.check('sidebar', 'fixed')
                    } catch (e) {
                    }
                </script>
                <input id="codModulo" type="hidden" value="<%=menu!=null?menu.getCodModulo():""%>">
                <input id="codCategoria" type="hidden" value="<%=menu!=null?menu.getCodCategoria():""%>">
                <%@ include file="menu.jsp" %>
                <!-- #section:basics/sidebar.layout.minimize -->
                <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                    <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
                </div>
                <!-- /section:basics/sidebar.layout.minimize -->
                <script type="text/javascript">
                    try {
                        ace.settings.check('sidebar', 'collapsed')
                    } catch (e) {
                    }
                </script>
            </div>

            <!-- /section:basics/sidebar -->
            <div class="main-content">
                <div class="main-content-inner">
                    <!-- #section:basics/content.breadcrumbs -->
                    <div class="breadcrumbs" id="breadcrumbs">
                        <script type="text/javascript">
                            try {
                                ace.settings.check('breadcrumbs', 'fixed')
                            } catch (e) {
                            }
                        </script>

                        <ul class="breadcrumb">
                            <li>
                                <i class="ace-icon fa fa-home home-icon"></i>
                                <a href="principal.jsp">INICIO</a>
                            </li>
                            <li >TABLA DE MÉRITO</li>
                            <li class="active">REGISTRO</li>
                        </ul><!-- /.breadcrumb -->
                    </div>

                    <!-- /section:basics/content.breadcrumbs -->
                    <div class="page-content">

                        <div class="page-header">
                            <h1>
                                Tabla de mérito
                                <small>
                                    <i class="ace-icon fa fa-angle-double-right"></i>
                                    Registro
                                </small>
                            </h1>
                        </div><!-- /.page-header -->

                        <div class="row">
                            <div class="col-sm-3"></div>
                            <div class="col-sm-6">
                                <div class="widget-box widget-color-blue">
                                    <div class="widget-header">
                                        <h4 class="widget-title">Búsqueda por plana</h4>
                                    </div>
                                    <div class="widget-body">
                                        <div class="widget-main no-padding">
                                            <form id="formulario" method="post">
                                                <fieldset>
                                                    <div class="col-sm-6">
                                                        <label>Área <span style="color:red;">*</span></label>
                                                        <div id="divArea">
                                                            <select id="cmbArea" class="form-control validate[required]" >
                                                                <option value="">[SELECCIONE]</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-6">
                                                        <label>Plana <span style="color:red;">*</span></label>
                                                        <div id="divPlana">
                                                            <select id="cmbPlana" class="form-control validate[required]" >
                                                                <option value="">[SELECCIONE]</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12" style="height: 10px;"></div>
                                                    <div class="col-sm-12 text-right">
                                                        <span style="color:red;">*</span>:Campo obligatorio
                                                    </div>
                                                </fieldset>
                                                <div class="form-actions center">
                                                    <button class="btn btn-sm btn-info" type="button" onclick="validar();">
                                                        <i class="ace-icon fa fa-eye icon-on-right bigger-110"></i>
                                                        Mostrar
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3"></div>




                            <!-- ----------- CONTENEDOR DE FORMULARIOS--------INI----- -->
                            <div class="col-sm-12" style="width:100%; height: 40px;"></div>
                            <div  class="col-sm-12" style="width:100%;">
                                <div  class="col-sm-2"></div>
                                <div  class="col-sm-8">
                                    <!--Cadena a buscar <input id="searchTerm" type="text" onkeyup="doSearch()" />-->
                                    <!-- -------------TABLA---INI------------ -->
                                    <form method="POST" id="listado">
                                        <div id='divListado' >

                                        </div> 
                                    </form>

                                    <!-- -------------TABLA---FIN------------ -->
                                </div>
                                <div  class="col-sm-2"></div>
                            </div>
                            <!-- ----------- CONTENEDOR DE FORMULARIOS--------FIN----- -->




                            <!-- ::::::::::-ALERTAS-::::::::::::::: -->
                            <input type="hidden" id="ape">
                            <input type="hidden" id="contador">
                            <input id='pagina' type='hidden'>

                            <div id="dialog-noti1" class="hide">
                                <br>
                                Los puntajes se registraron con éxito.
                                <br><br>
                            </div>

                            <div id="dialog-noti2" class="hide">
                                <br>
                                Se actualizó con éxito.
                                <br><br>
                            </div>

                            <div id="dialog-confor1" class="hide">
                                <br>
                                ¿Está seguro de realizar el registro de los puntajes? 
                                <br><br>
                            </div>

                            <div id="dialog-confor2" class="hide">
                                <br>
                                ¿Está seguro de actualizar el registro de puntajes?
                                <br><br>
                            </div>

                            <div id="dialog-advertencia1" class="hide">
                                <br>
                                Para proceder a registrar los puntajes necesita haber ingresado al ícono ( <img src="imagenes/icons/pencil.png" alt=""/> ). 
                                <br><br>
                            </div>

                            <div id="dialog-advertencia2" class="hide">
                                <br>
                                Ocurrio un error. 
                                <br><br>
                            </div>


                            <div id="dialog-Alerta2" class="hide">
                                <br>
                                Ocurrió un error en el registro.
                                <br><br>
                            </div>

                            <div id="dialog-edit" class="hide">
                                <br>
                                <form name="disponibilidad" id="disponibilidad" class="formular" method="post">
                                    <div id="divFormulario"></div>
                                </form>
                                <br><br>
                            </div>

                            <div id="dialog-cargando" class="hide">
                                <table cellpadding="0" cellspacing="0" width="100%">
                                    <tr><td align="center"><img src="imagenes/cargando.gif" border=0></td></tr>
                                </table>
                            </div>



                            <!-- ::::::::::-ALERTAS-::::::::::::::: -->


                        </div><!-- /.row -->
                    </div><!-- /.page-content -->
                </div>
            </div><!-- /.main-content -->

            <div class="footer">
                <%@ include file="footer.jsp" %>
            </div>

            <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
                <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
            </a>
        </div><!-- /.main-container -->

        <!-- basic scripts -->

        <!--[if !IE]> -->
        <script type="text/javascript">
            window.jQuery || document.write("<script src='../assets/js/jquery.js'>" + "<" + "/script>");
        </script>

        <!-- <![endif]-->

        <!--[if IE]>
<script type="text/javascript">
window.jQuery || document.write("<script src='../assets/js/jquery1x.js'>"+"<"+"/script>");
</script>
<![endif]-->
        <script type="text/javascript">
            if ('ontouchstart' in document.documentElement)
                document.write("<script src='../assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
        </script>

        <script src="js/jquery.mask.js" type="text/javascript"></script>
        <script src="js/jquery.mask.min.js" type="text/javascript"></script>
        <!-- page specific plugin scripts -->
        <script src="../assets/js/ionsound/js/ion.sound.min.js" type="text/javascript"></script>
        <script src="../assets/js/jquery-ui.js"></script>
        <script src="../assets/js/bootstrap.js"></script>
        <script src="../assets/js/jquery.ui.touch-punch.js"></script>

        <!--[if lte IE 8]>
          <script src="../assets/js/excanvas.js"></script>
        <![endif]-->
        <script src="../assets/js/jquery-ui.custom.js"></script>
        <script src="../assets/js/jquery.ui.touch-punch.js"></script>

        <!-- ace scripts -->
        <script src="../assets/js/ace/elements.scroller.js"></script>
        <script src="../assets/js/ace/elements.colorpicker.js"></script>
        <script src="../assets/js/ace/elements.fileinput.js"></script>
        <script src="../assets/js/ace/elements.typeahead.js"></script>
        <script src="../assets/js/ace/elements.wysiwyg.js"></script>
        <script src="../assets/js/ace/elements.spinner.js"></script>
        <script src="../assets/js/ace/elements.treeview.js"></script>
        <script src="../assets/js/ace/elements.wizard.js"></script>
        <script src="../assets/js/ace/elements.aside.js"></script>
        <script src="../assets/js/ace/ace.js"></script>
        <script src="../assets/js/ace/ace.ajax-content.js"></script>
        <script src="../assets/js/ace/ace.touch-drag.js"></script>
        <script src="../assets/js/ace/ace.sidebar.js"></script>
        <script src="../assets/js/ace/ace.sidebar-scroll-1.js"></script>
        <script src="../assets/js/ace/ace.submenu-hover.js"></script>
        <script src="../assets/js/ace/ace.widget-box.js"></script>
        <script src="../assets/js/ace/ace.settings.js"></script>
        <script src="../assets/js/ace/ace.settings-rtl.js"></script>
        <script src="../assets/js/ace/ace.settings-skin.js"></script>
        <script src="../assets/js/ace/ace.widget-on-reload.js"></script>
        <script src="../assets/js/ace/ace.searchbox-autocomplete.js"></script>
        <script src="../assets/js/ace/ace.searchbox-autocomplete.js"></script>

        <script src="js/blockui.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
        <!--<link rel="stylesheet" href="css/template.css" type="text/css"/>-->


        <!-- inline scripts related to this page -->
        <script type="text/javascript">
            
            //::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
            
            $(document).ready(function () {
                jQuery("#formulario").validationEngine();
                jQuery("#listado").validationEngine();
            });
            
            function conMayuscula(field) {
                field.value = field.value.toUpperCase();
            }
            
            function cargando() {
                $.blockUI({
                    message: '<div class="thecube"> <div class="cube c1"></div> <div class="cube c2"></div> <div class="cube c4"></div> <div class="cube c3"></div> </div>',
//        message: '<div class="loading" id="g-spinner" style="zoom: 1;"><div class="circle c1"></div><div class="circle c2"></div><div class="circle c3"></div><div class="circle c4"></div></div>',
//        message: '<div class="js-loading-indicator triple" style="width: 192px; height: 192px; top: 64px; left: 208px;"></div>',
                    
                    baseZ: 9000,
                    overlayCSS: {
                        backgroundColor: '#1b2024',
                        opacity: 0.8,
                        cursor: 'wait'
                    },
                    css: {
                        zindex: '9999',
                        border: 0,
                        color: '#fff',
                        padding: 0,
                        backgroundColor: 'transparent'
                    }
                });
            }
            
            function cerrar_cargando() {
                $.unblockUI();
            }
            
            function segundaCarga() {
                cargarArea();
            }
            
            function cargarArea() {
                var accion = "cargarPlana();";
                var nombre = "cmbArea";
                $.ajax({
                    type: 'POST',
                    url: '../ServletArea?Accion=cargarArea',
                    data: 'accion=' + accion + '&nombre=' + nombre,
                    beforeSend: function () {
                        cargando();
                    }, success: function (resultado) {
                        cerrar_cargando();
                        $("#divArea").html(resultado);
                    }, complete: function () {
                    }
                });
            }
            
            function cargarPlana() {
                var codArea = $("#cmbArea").val();
                var accion = "";
                var nombre = "cmbPlana";
                
                $.ajax({
                    type: 'POST',
                    url: '../ServletPlana?Accion=cargarPlana',
                    data: 'accion=' + accion + '&codArea=' + codArea + '&nombre=' + nombre,
                    beforeSend: function () {
                        cargando();
                    }, success: function (resultado) {
                        cerrar_cargando();
                        $("#divPlana").html(resultado);
                    }, complete: function () {
                    }
                });
                
            }
            
            function validar() {
                var estado = $("#formulario").validationEngine();
                if (estado) {
                    listarRegistros();
                }
            }
            
            function listarRegistros() {
                let name = ''
                var nombrePlana = $("#cmbPlana option:selected").text();
                var codigoPlana = $("#cmbPlana").val();
                var codigoPeriodo = "<%=periodo!=null?periodo.getCodigoPeriodo():""%>";
                $.ajax({
                    type: 'POST',
                    url: '../ServletTablaMerito?Accion=mostrarTablaEvaluacionDocente',
                    data: 'codigoPlana=' + codigoPlana + '&codigoPeriodo=' + codigoPeriodo + '&nombrePlana=' + nombrePlana,
                    beforeSend: function () {
                        cargando();
                    }, success: function (resultado) {
                        cerrar_cargando();
                        $("#divListado").html(resultado);
                        name = $("#lblUsuario").text();
                        if (name === "6") {
                            $("#divListado #btnRegistrar").hide();
                        }
                        let periodoEnc = $("#divListado #codEnc").val();
                        
                        
//												$("#divListado #txtPuesto").keypress(function (e) {
//													if (e.which == 13 || e.keyCode == 13) {
////															alert('enter key is pressed');
//							 								registrarPuesto(periodoEnc);
//													}
//											});
                        
                    }, complete: function () {
                        
                    }
                });
            }
            
            
            
            
            function mostrarSnackBar() {
                // Get the snackbar DIV
                var x = document.getElementById("snackbar");
                
                // Add the "show" class to DIV
                x.className = "show";
                
                // After 3 seconds, remove the show class from DIV
                setTimeout(function () {
                    x.className = x.className.replace("show", "");
                }, 2000);
            }
            
            
//						$("#search").on('click',function(){
//								alert('You press enter');
//						});
            
            function conformidadRegistrarNota() {
                bootbox.dialog({
                    headerClass: "modal-bg-primary",
                    title: "<i class='ace-icon fa fa-check-circle white'></i> <span class='white'>Conformidad</span>",
                    size: "small",
                    message: "¿Está seguro de registar las notas?",
                    buttons: {
                        si: {
                            label: "<i class='fa fa-check bigger-110'></i>&nbsp; Si",
                            className: "btn-primary  btn-sm",
                            callback: function () {
                                armarDatos();
                            }
                        }, no: {
                            label: "<i class='fa fa-times bigger-110'></i>&nbsp; No",
                            className: "btn-danger  btn-sm",
                            callback: function () {
                                
                            }
                        }
                    }
                });
            }
            
            function armarDatos() {
                var cantidad = $("#cantidad").val();
                
                let datos = "";
                for (var i = 0; i < cantidad; i++) {
                    var codigoDocente = $("#codDoc_" + i + "").val();
                    var nombreDocente = $("#nomDoc_" + i + "").val();
                    var notaPlana = $("#notaPlana_" + i + "").val();
                    var notaExa = $("#notaExamen_" + i + "").val();
                    var notaEncuesta = $("#notaEncuesta_" + i + "").val();
                    var txtPuesto = $("#txtPuesto_" + i + "").val();
                    var txtObservacion = $("#txtObservacion_" + i + "").val();
                    
                    
                           
                    
                    
                    if (notaPlana != "" && notaExa != "" && txtPuesto != "" && txtObservacion != "") {
                        
                        if (datos == "") {
                            
                            datos = codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                            
                        } else {
                            
                            datos += "!" + codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                        }
                        
                    } else if (notaPlana == "" && notaExa != "" && txtPuesto != "" && txtObservacion != "") {
                        notaPlana = "vacio";
                        if (datos == "") {
                            
                            datos = codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                        } else {
                            datos += "!" + codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                        }
                    } else if (notaExa == "" && notaPlana != "" && txtPuesto != "" && txtObservacion != "") {
                        notaExa = "vacio";
                        if (datos == "") {
                            
                            datos = codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                            
                        } else {
                            
                            datos += "!" + codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                        }
                    } else if (txtPuesto == "" && txtObservacion != "" && notaExa != "" && notaPlana != "") {
                        txtPuesto = "vacio";
                        
                        if (datos == "") {
                            
                            datos = codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                            
                        } else {
                            
                            datos += "!" + codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                        }
                        
                    }else if (txtPuesto == "" && txtObservacion == "" && notaExa != "" && notaPlana != "") {
                        txtPuesto = "vacio";
                        txtObservacion = "vacio";
                        if (datos == "") {
                            
                            datos = codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                            
                        } else {
                            
                            datos += "!" + codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                        }
                        
                    } else if (txtObservacion == "" && txtPuesto != "" && notaExa != "" && notaPlana != "") {
                        txtObservacion = "vacio";
                        
                        if (datos == "") {
                            
                            datos = codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                            
                        } else {
                            
                            datos += "!" + codigoDocente + "#" + nombreDocente + "#" + notaPlana + "#" + notaExa + "#" + notaEncuesta + "#" + txtPuesto + "#" + txtObservacion;
                        }
                    }
                    
                    
                }
                registrarMerito(datos);
                
            }
            
            
            function registrarMerito(datos) {
                
                var codigoPeriodo = "<%=periodo!=null?periodo.getCodigoPeriodo():""%>";
                var codigoPlana = $("#cmbPlana").val();
                var codigoEncuesta = $("#codEnc").val();
                
                $.ajax({
                    type: 'POST',
                    url: '../ServletTablaMerito?Accion=registrarNotaTablaEvaluacion',
                    data: 'codigoPeriodo=' + codigoPeriodo + '&codigoPlana=' + codigoPlana + '&datos=' + datos + '&codigoEncuesta=' + codigoEncuesta,
                    beforeSend: function () {
                        cargando();
                    }, success: function (resultado) {
                        cerrar_cargando();
                        
                    }, complete: function () {
                        notificarRegistroNota();
                    }
                });
            }
            
            function notificarRegistroNota() {
                bootbox.dialog({
                    headerClass: "modal-bg-success",
                    title: "<i class='ace-icon fa fa-tags white'></i> <span class='white'>Notificación</span>",
                    size: "small",
                    message: "Se registró con éxito.",
                    buttons: {
                        si: {
                            label: "<i class='fa fa-check bigger-110'></i>&nbsp; Aceptar",
                            className: "btn-success btn-sm",
                            callback: function () {
                                listarRegistros();
                            }
                        }
                    }
                });
            }
            
            
            function validaSoloNumericos(e) {
                let tecla = (document.all) ? e.keyCode : e.which;
                //Tecla de retroceso para borrar, siempre la permite
                if (tecla == 8) {
                    return true;
                }
                
                patron = /[0-9]/;
                tecla_final = String.fromCharCode(tecla);
                return patron.test(tecla_final);
            }
            
            
            // -----------------------------------------------------------------
            
            function doSearch() {
                var tableReg = document.getElementById('datos');
                var searchText = document.getElementById('searchTerm').value.toLowerCase();
                var cellsOfRow = "";
                var found = false;
                var compareWith = "";
                
                // Recorremos todas las filas con contenido de la tabla
                for (var i = 1; i < tableReg.rows.length; i++) {
                    cellsOfRow = tableReg.rows[i].getElementsByTagName('td');
                    
                    found = false;
                    // Recorremos todas las celdas
                    for (var j = 0; j < cellsOfRow.length && !found; j++) {
                        compareWith = cellsOfRow[j].innerHTML.toLowerCase();
                        // Buscamos el texto en el contenido de la celda
                        if (searchText.length == 0 || (compareWith.indexOf(searchText) > -1))
                        {
                            found = true;
                        }
                    }
                    if (found) {
                        tableReg.rows[i].style.display = '';
                    } else {
                        // si no ha encontrado ninguna coincidencia, esconde la
                        // fila de la tabla
                        tableReg.rows[i].style.display = 'none';
                    }
                }
                
            }
            
            $('[data-rel=tooltip]').tooltip();
            
            function conMayusculas(field) {
                field.value = field.value.toUpperCase();
            }
            
            $('input').keypress(function (e) {
                if (e.which == 13) {
                    return false;
                }
            });
            
            function validarIngreso(event, id, condicion) {
                $(id).mask('00.00', {reverse: true});
                
            }
            
            
        </script>

        <!-- the following scripts are used in demo only for onpage help and you don't need them -->

        <link rel="stylesheet" href="../assets/css/ace.onpage-help.css" />
        <link rel="stylesheet" href="../docs/assets/js/themes/sunburst.css" />

        <script type="text/javascript"> ace.vars['base'] = '..';</script>
        <script src="../assets/js/ace/elements.onpage-help.js"></script>
        <script src="../assets/js/ace/ace.onpage-help.js"></script>
        <script src="../docs/assets/js/rainbow.js"></script>
        <script src="../docs/assets/js/language/generic.js"></script>
        <script src="../docs/assets/js/language/html.js"></script>
        <script src="../docs/assets/js/language/css.js"></script>
        <script src="../docs/assets/js/language/javascript.js"></script>


        <script src="js/bootbox.min.js" type="text/javascript"></script>
        <script src="js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

</html>
