<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Force latest IE rendering engine or ChromeFrame if installed -->
    <!--[if IE]>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <![endif]-->
    <meta charset="utf-8" />
    <title>Akd File Upload</title>
    <meta
      name="description"
      content="Akd File Upload"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Bootstrap styles -->
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
      integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
      crossorigin="anonymous"
    />
    <!-- Generic page styles -->
    <style>
      #navigation {
        margin: 10px 0;
      }
      @media (max-width: 767px) {
        #title,
        #description {
          display: none;
        }
      }
    </style>
    <!-- blueimp Gallery styles -->
    <link
      rel="stylesheet"
      href="css/blueimp-gallery.min.css"
    />
    <!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
    <link rel="stylesheet" href="css/jquery.fileupload.css" />
    <link rel="stylesheet" href="css/jquery.fileupload-ui.css" />
    <!-- CSS adjustments for browsers with JavaScript disabled -->
    <noscript
      ><link rel="stylesheet" href="css/jquery.fileupload-noscript.css"
    /></noscript>
    <noscript
      ><link rel="stylesheet" href="css/jquery.fileupload-ui-noscript.css"
    /></noscript>
    
    
<script src="../js/LibSysfer.js"></script>
<script>  
  	var GETparam=getGET();
	//corregir confuncion codigo usuario
	var VGUsuario=GETparam.codigo;
	if (typeof VGUsuario === 'undefined' ) { VGUsuario=GETparam.usuario;}
	//fin corregir confuncion codigo usuario
	var VGparamecodigo="";
	var VGprefijo=GETparam.prefijo;
	var VGcurso=GETparam.curso;
	var VGrol=GETparam.rol;
	var VGtitulo=GETparam.titulo;
	var VGactividad=GETparam.actividad;
	
if (typeof VGUsuario === 'undefined' ){
	VGparamecodigo=""
}else{
	VGparamecodigo=VGUsuario;
}
</script>
    
  </head>
  <body>
    <div class="container">
<h3 id="title">Sistema Akd Carga Archivo</h3>
<blockquote id="description">
<strong> <font color="#FF0000">Importante Si desea Subir archivo desde Su móvil Use el explorador del movil, entrando a la página https://akd.em-empire.net/ en su móvil, esta opción para la app en el momento no está habilitada. Entre al navegador de su móvil para que tenga y autorice los permisos que le pide para subir archivos, </font></strong>

Widget de carga de archivos con selección múltiple de archivos, soporte para arrastrar y soltar, barras de progreso, validación y vista previa 
</p>
<p><strong>No  subir Archivo Con  caracteres especiales (# ! ?  ¿ ª º) Solo suba con el nombre del archivo con nombre y numero Manera Incorecta (Ingle 1º #3.doc) manera Corecta (Ingles 1 Num3.doc)</strong></p>
      </blockquote>
      <!-- The file upload form used as target for the file upload widget -->
      <form
        id="fileupload"
        action=""
        method="POST"
        enctype="multipart/form-data"
      >
<script> 
Vlogo="<img src='../logo/"+VGprefijo+".png' width='70' height='70'>";


if (typeof VGUsuario === 'undefined' ){
	document.getElementById("title").innerHTML=Vlogo+"&nbsp;Id Actividad:"+VGactividad+"&nbsp;"+VGtitulo;
}else{
    document.getElementById("title").innerHTML=Vlogo+"&nbsp;Id Actividad:"+VGactividad+"&nbsp;"+VGtitulo+"&nbsp;*Mi Codigo:&nbsp;"+VGparamecodigo;
}
document.getElementById("fileupload").action="https://akd.em-empire.net/appakd/public/actividades/?rutaakd="+VGactividad+"&prefijo="+VGprefijo+"&titulo="+VGtitulo+"&codigo="+VGparamecodigo;

document.getElementById("description").innerHTML=document.getElementById("description").innerHTML+VGtitulo+"&nbsp;Carga los Archivos Para &nbsp;Id Actividad:&nbsp;"+VGactividad+"&nbsp;";

</script>
        <!-- Redirect browsers with JavaScript disabled to the origin page -->
        <noscript
          ><input
            type="hidden"
            name="redirect"
            value="index.html"
        /></noscript>
        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
        <div class="row fileupload-buttonbar">
          <div class="col-lg-7">
            <!-- The fileinput-button span is used to style the file input field as button -->
            <span class="btn btn-success fileinput-button">
              <i class="glyphicon glyphicon-plus"></i>
              <span>Agregar Archivos...</span>
              <input type="file" name="files[]" multiple />
            </span>
            <button type="submit" class="btn btn-primary start">
              <i class="glyphicon glyphicon-upload"></i>
              <span>Iniciar Carga</span>
            </button>
            <button type="reset" class="btn btn-warning cancel">
              <i class="glyphicon glyphicon-ban-circle"></i>
              <span>Cancelar Carga</span>
            </button>
            <button type="button" class="btn btn-danger delete">
              <i class="glyphicon glyphicon-trash"></i>
              <span>Eliminar Seleccionado</span>
            </button>
            <input type="checkbox" class="toggle" />
            <!-- The global file processing state -->
            <span class="fileupload-process"></span>
          </div>
          <!-- The global progress state -->
          <div class="col-lg-5 fileupload-progress fade">
            <!-- The global progress bar -->
            <div
              class="progress progress-striped active"
              role="progressbar"
              aria-valuemin="0"
              aria-valuemax="100"
            >
              <div
                class="progress-bar progress-bar-success"
                style="width: 0%;"
              ></div>
            </div>
            <!-- The extended global progress state -->
            <div class="progress-extended">&nbsp;</div>
          </div>
        </div>
        <!-- The table listing the files available for upload/download -->
        <table role="presentation" class="table table-striped">
          <tbody class="files"></tbody>
        </table>
      </form>

      <div class="panel panel-default">
        <div class="panel-heading">  
          
          <p>Notas <strong> <font color="#FF0000">Importante Si desea Subir archivo desde Su móvil Use el explorador del movil, entrando a la página https://akd.em-empire.net/ en su móvil, esta opción para la app en el momento no está habilitada. Entre al navegador de su móvil para que tenga y autorice los permisos que le pide para subir archivos, </font></strong></p>
        </div>
        <div class="panel-body">
          <ul>
		<li>
      Importante Al cargar un archivo, la opción de eliminar esta desactivada, si quiere eliminar un archivo solicite soporte para que le realice la eliminación, para que haga una copia de seguridad. Solo envié el Id de la actividad, si todavía no ha cargado el archivo puede eliminar sin problema, y cargar uno nuevo.</li>
            <li>
            Los archivos cargados se eliminarán automáticamente después de 5 minutos al menos  que lo carges en iniciar descarga .</li>
            <li>Puede arrastrar y soltar archivos desde su escritorio en esta página web 
              (consulte el soporte del navegador).</span></pre>
            </li>
			<li>
           Extensiones permitidas (gif|jpe?g|png|docx|pdf|xlsx|docm|dotx|dotm|xlsm|xltx|xltm|xlsb|xlam|pptx|pptm|potx|potm|ppam|mp4) Si está manejando un formato en especial informe a soporte para activar extensión.</span></pre>
            </li>
			<li>Videos en extencion Mp4 Maximo 3Mega por video.</li>
		  </ul>
          <p>&nbsp;</p>
          <p><strong>INTRUSIONES:  </strong><br>
            <strong>1) </strong> Agrega archivos en  el botón (agregar archivo). O arrastra el archivo que guste. Por cada archivo  que necesite. <br>
            <strong>2)</strong> notara que los archivos se agregaron a la lista (no se han  subido todavía falta un paso más).<br>
            <strong>3)</strong> cada lista hay un botón Start o Cancelar, por archivo. Además   botones generales como iniciar carga,  cancelar carga y eliminar seleccionado.   si quiere subir un archivo pulse start , o quitar de la lista use  cancelar (quitara de la lista el que no desea subir). Si está seguro de que  todo los archivos son correctos use los generales y pulsa iniciar carga, hay un  chequeo para seleccionar varios archivos. <br>
          Nota: Puede eliminar antes de la carga, luego de ser cargado  no puede eliminar el archivo.  Para verificar  que todo está bien verifique la actividad y compruebe que su respuesta está en  la lista de respuesta de actividad. 
                    
          Espere que termine la carga para salir del modulo . las barras de carga le informara cuando este lista la carga. Ademas Puede ver los archivo que estan cargado anteriormente. 
          <center>
 <p><strong>Ir a la parte superior para <img src="../actividades/subir.png" width="117" height="137">  adjuntar tus archivos</strong></p>
 <span class="panel-heading"> <strong> <font color="#FF0000">Importante Si desea Subir archivo desde Su móvil Use el explorador del movil, entrando a la páginahttps://akd.em-empire.net/ en su móvil, esta opción para la app en el momento no está habilitada. Entre al navegador de su móvil para que tenga y autorice los permisos que le pide para subir archivos, </font></strong></span>
          </center></p>
        </div>
      </div>
    </div>
    <!-- The blueimp Gallery widget -->
    <div
      id="blueimp-gallery"
      class="blueimp-gallery blueimp-gallery-controls"
      data-filter=":even"
    >
      <div class="slides"></div>
      <h3 class="title"></h3>
      <a class="prev">‹</a>
      <a class="next">›</a>
      <a class="close">×</a>
      <a class="play-pause"></a>
      <ol class="indicator"></ol>
    </div>
    
    <!-- The template to display files available for upload -->
    <script id="template-upload" type="text/x-tmpl">
      {% for (var i=0, file; file=o.files[i]; i++) { %}
          <tr class="template-upload fade">
              <td>
                  <span class="preview"></span>
              </td>
              <td>
                  {% if (window.innerWidth > 480 || !o.options.loadImageFileTypes.test(file.type)) { %}
                      <p class="name">{%=file.name%}</p>
                  {% } %}
                  <strong class="error text-danger"></strong>
              </td>
              <td>
                  <p class="size">Processing...</p>
                  <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div>
              </td>
              <td>
                  {% if (!o.options.autoUpload && o.options.edit && o.options.loadImageFileTypes.test(file.type)) { %}
                    <button class="btn btn-success edit" data-index="{%=i%}" disabled>
                        <i class="glyphicon glyphicon-edit"></i>
                        <span>Edit</span>
                    </button>
                  {% } %}
                  {% if (!i && !o.options.autoUpload) { %}
                      <button class="btn btn-primary start" disabled>
                          <i class="glyphicon glyphicon-upload"></i>
                          <span>Start</span>
                      </button>
                  {% } %}
                  {% if (!i) { %}
                      <button class="btn btn-warning cancel">
                          <i class="glyphicon glyphicon-ban-circle"></i>
                          <span>Cancel</span>
                      </button>
                  {% } %}
              </td>
          </tr>
      {% } %}
    </script>
    <!-- The template to display files available for download -->
    <script id="template-download" type="text/x-tmpl">
      {% for (var i=0, file; file=o.files[i]; i++) { %}
          <tr class="template-download fade">
              <td>
                  <span class="preview">
                      {% if (file.thumbnailUrl) { %}
                          <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
                      {% } %}
                  </span>
              </td>
              <td>
                  {% if (window.innerWidth > 480 || !file.thumbnailUrl) { %}
                      <p class="name">
                          {% if (file.url) { %}
                              <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
                          {% } else { %}
                              <span>{%=file.name%}</span>
                          {% } %}
                      </p>
                  {% } %}
                  {% if (file.error) { %}
                      <div><span class="label label-danger">Error</span> {%=file.error%}</div>
                  {% } %}
              </td>
              <td>
                  <span class="size">{%=o.formatFileSize(file.size)%}</span>
              </td>
              <td>
                  {% if (file.deleteUrl) { %}
                      <button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
                          <i class="glyphicon glyphicon-trash"></i>
                          <span>Delete</span>
                      </button>
                      <input type="checkbox" name="delete" value="1" class="toggle">
                  {% } else { %}
                      <button class="btn btn-warning cancel">
                          <i class="glyphicon glyphicon-ban-circle"></i>
                          <span>Cancel</span>
                      </button>
                  {% } %}
              </td>
          </tr>
      {% } %}
    </script>
    <script
      src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"
      integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh"
      crossorigin="anonymous"
    ></script>
    <!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
    <script src="js/vendor/jquery.ui.widget.js"></script>
    <!-- The Templates plugin is included to render the upload/download listings -->
    <script src="https://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
    <!-- The Load Image plugin is included for the preview images and image resizing functionality -->
    <script src="https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
    <!-- The Canvas to Blob plugin is included for image resizing functionality -->
    <script src="https://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
    <!-- blueimp Gallery script -->
    <script src="https://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
    <!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
    <script src="js/jquery.iframe-transport.js"></script>
    <!-- The basic File Upload plugin -->
    <script src="js/jquery.fileupload.js"></script>
    <!-- The File Upload processing plugin -->
    <script src="js/jquery.fileupload-process.js"></script>
    <!-- The File Upload image preview & resize plugin -->
    <script src="js/jquery.fileupload-image.js"></script>
    <!-- The File Upload audio preview plugin -->
    <script src="js/jquery.fileupload-audio.js"></script>
    <!-- The File Upload video preview plugin -->
    <script src="js/jquery.fileupload-video.js"></script>
    <!-- The File Upload validation plugin -->
    <script src="js/jquery.fileupload-validate.js"></script>
    <!-- The File Upload user interface plugin -->
    <script src="js/jquery.fileupload-ui.js"></script>
    <!-- The main application script -->
    <script src="js/demo.js"></script>
    <!-- The XDomainRequest Transport is included for cross-domain file deletion for IE 8 and IE 9 -->
    <!--[if (gte IE 8)&(lt IE 10)]>
      <script src="js/cors/jquery.xdr-transport.js"></script>
    <![endif]-->
    
    

    
  </body>
</html>
