Home Files
Adminer
Execute Command
PHP Eval
Symlink
File Upload
Owner :
www-data
PHP Version
5.6.40-0+deb8u12
Disk Space
41.02 GB
Server Addr
19-www4
Your IP
10.10.10.40
Edit File
File:
<%-- Document : read Created on : 17/01/2016, 14:56:32 Author : Rafael --%> <%@page import="br.ler.map.Leitura"%> <%@page import="br.ler.control.Hash"%> <%@page import="br.ler.map.ObjetoSub"%> <%@page import="java.util.List"%> <%@page import="br.ler.map.Usuario"%> <%@page import="br.ler.jdbc.UsuarioDAO"%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!-- Document : read Created on : 17/01/2016, 14:56:32 Author : Rafael Oliveria de Faria Este trabalho está licenciado com uma Licença Creative Commons - Atribuição-NãoComercial 4.0 Internacional. --> <!DOCTYPE html> <html id="main"> <head> <title>Sistema de Leitura Virtual</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/my_page.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <meta charset="UTF-8"> <link rel="shortcut icon" href="img/icon.ico"/> <script type="text/javascript">window.history.forward();</script> <script language="JavaScript" type="text/javascript" src="js/MascaraValidacao.js"></script> <script src="http://www.geradorcpf.com/jquery-1.2.6.pack.js"></script> <script src="http://www.geradorcpf.com/jquery.maskedinput-1.1.4.pack.js"></script> <script> $(window).load(function () { $('#standbyRead').modal('show'); }); </script> <script src="js/jquery.js"></script> <script src="js/jquery.panzoom.js"></script> <script src="js/jquery.mousewheel.js"></script> <style type="text/css"> body { background: #F5FCFF; color: #333666; } section { text-align: center; margin: 50px 0; } .panzoom-parent { border: 2px solid #333; } .panzoom-parent .panzoom { border: 2px dashed #666; } .buttons { margin: 40px 0 0; } </style> <% List<ObjetoSub> obj = (List<ObjetoSub>) request.getAttribute("ListMaterial"); Usuario us = (Usuario) request.getAttribute("criptUserObject"); ObjetoSub getObjeto = (ObjetoSub) request.getAttribute("getObjeto"); Leitura getRead = (Leitura) request.getAttribute("getRead"); UsuarioDAO d = new UsuarioDAO(); %> </head> <body style="background-color: #444;"> <section> <div class="parent"> <div class="panzoom"> <img id="imgRead" value="img/<%=Hash.criptografar(String.valueOf(getObjeto.getCod_user()))%>/<%=Hash.criptografar(String.valueOf(getObjeto.getCod()))%>/" style="width: 600px; height: 650px; margin-top: 8px;" class="img-responsive img-thumbnail img-full" src="img/<%=Hash.criptografar(String.valueOf(getObjeto.getCod_user()))%>/<%=Hash.criptografar(String.valueOf(getObjeto.getCod()))%>/<%=getRead.getPage()%>.jpg"/> </div> </div> <div class="navbar navbar-default navbar-fixed-top"> <div class="container"> <form class="form-horizontal" action="action?pag=home" method="POST"> <button onclick="encerrar();" class="btn btn-danger navbar-btn pull-left " style="margin-left: -4px; margin-top: 8px;"><font size="3"> Encerrar Leitura</font></button> </form> <button class="navbar-toggle" data-toggle ="collapse" data-target =".navHeaderCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse navHeaderCollapse pull-right"> <ul class="nav navbar-nav navbar-right pull-right"> <div class="btn-group"> <button class="zoom-in btn-link">Zoom <span class="glyphicon glyphicon-zoom-in"></span></button> <button class="zoom-out btn-link">Zoom <span class="glyphicon glyphicon-zoom-out"></span></button> <button class="reset btn-link">Reset <span class="glyphicon glyphicon-repeat"></span></button> <input type="range" class="zoom-range"> </div> </ul> </div> <div class="col-lg-offset-2"> <button id="actionprev" value="<%=getRead.getPage()%>" class="btn btn-default navbar-btn text-center reset">Anterior</button> <label id="innerPage"><%=getRead.getPage()%></label> <label id="">de <%=getObjeto.getQtdPag()%></label> <button id="actionnext" value="<%=getObjeto.getQtdPag()%>" class="btn btn-default navbar-btn text-center reset">Próximo</button> </div> </div> </div> <script> var segundos = 0; //inicio do cronometro var con = 0; function exitOnPage() { $.get('action', {pag: 'readUpTime', codRead: <%=getRead.getCod()%>, timeRead: segundos, numberPage: pagina}); clearInterval(segundos); segundos = 0; con = 0; $(window).load(function () { $('#standbyRead').modal('show'); }); } function actionRead() { var elem = document.getElementById("main"); if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(); } setInterval(function () { conta(); }, 1000); } function encerrar() { $.get('action', {pag: 'readUpTime', codRead: <%=getRead.getCod()%>, timeRead: segundos, numberPage: pagina}); } function conta() { con++; segundos++; if (con === 5) { var pagina = document.getElementById("actionprev").value; $.get('action', {pag: 'readUpTime', codRead: <%=getRead.getCod()%>, timeRead: segundos, numberPage: pagina}); con = 0; } } $('#actionnext').click(function () { var prev = $('#actionprev').val(); var next = $('#actionnext').val(); if (parseInt(prev) < parseInt(next)) { prev++; var temp = prev - 1; $.get('action', {pag: 'readUpPage', numberPage: prev, codRead: <%=getRead.getCod()%>, timeRead: segundos, prox: temp}, function (responseText) { document.getElementById('innerPage').innerHTML = prev; $('#actionprev').attr('value', prev); $('#imgRead').attr('src', $('#imgRead').attr('value') + prev + '.jpg'); clearInterval(interval); segundos = 0; }); } }); $('#actionprev').click(function () { var prev = document.getElementById("actionprev").value; if (parseInt(prev) > 1) { prev--; var temp = prev + 1; $.get('action', {pag: 'readUpPage', numberPage: prev, codRead: <%=getRead.getCod()%>, timeRead: segundos, ant: temp}, function (responseText) { document.getElementById('innerPage').innerHTML = prev; $('#actionprev').attr('value', prev); $('#imgRead').attr('src', $('#imgRead').attr('value') + prev + '.jpg'); clearInterval(interval); segundos = 0; }); } } ); </script> <script> (function () { var $section = $('section').first(); $section.find('.panzoom').panzoom({ $zoomIn: $section.find(".zoom-in"), $zoomOut: $section.find(".zoom-out"), $zoomRange: $section.find(".zoom-range"), $reset: $section.find(".reset") }); })(); </script> </section> <hr> <br><br><br> <div class="navbar navbar-default navbar-fixed-bottom"> <div class="container navbar-toggle" data-toggle="collapse" data-target="#"> <a class="navbar-button btn btn-link pull-left test" data-toggle="tooltip" data-placement="top" title="GEPET - Grupo de Estudo e Pesquisa em Educação Tecnológica 2016"><img style="border-width:0; height: 31px; width:31px;" class="img-responsive img-full" src="img/Copyright.png"/></a> <a rel="license" class="navbar-button btn btn-link pull-left test" data-toggle="tooltip" data-placement="top" title="Este trabalho está licenciado com uma Licença Creative Commons - Atribuição-NãoComercial 4.0 Internacional."><img alt="Licença Creative Commons" style="border-width:0" class="img-responsive img-full" src="https://i.creativecommons.org/l/by-nc/4.0/88x31.png" /></a> <a class="navbar-button btn btn-link pull-right test" data-toggle="tooltip" data-placement="top" target="_blank" title="Visite o site da Universidade do Estado de Mato Grosso"><img src="img/unemat.jpg" class="img-responsive img-full "></a> </div> <div class="container collapse navbar-collapse" id="myNavbar"> <a rel="license" class=" navbar-button btn btn-link pull-left test" data-toggle="tooltip" data-placement="top" title="Este trabalho está licenciado com uma Licença Creative Commons - Atribuição-NãoComercial 4.0 Internacional."><img alt="Licença Creative Commons" style="border-width:0" class="img-responsive img-full" src="https://i.creativecommons.org/l/by-nc/4.0/88x31.png" /></a> <p class="navbar-text">GEPET - Grupo de Estudo e Pesquisa em Educação Tecnológica © 2016</p> <a class="navbar-button btn btn-link pull-right test" data-toggle="tooltip" data-placement="top" target="_blank" title="Visite o site da Universidade do Estado de Mato Grosso"><img src="img/unemat.jpg" class="img-responsive img-full "></a> </div> </div> <div class="modal fade" data-keyboard="false" data-backdrop="static" tabindex="-1" id ="standbyRead" role="dialog"> <div class="modal-dialog"> <div class="modal-content alert alert-warning"> <div class="modal-header text-center"> <p style="font-size: 24px;">Informações sobre o ambiente de leitura</p> </div> <div class="modal-body text-center"> <p style="font-size: 16px;"><strong>Interação com a leitura</strong></p> <p class="text-justify" style="font-size: 14px;">Ao começar a leitura o seu navegador ativará o modo tela cheia. Se sair desse modulo ainda permanecerá ativa, entretando ao sair da aba de navegação a sua leitura será interrompida. Ao retornar a aba de navegação, você poderá continuar a partir do ponto em que parou.</p> <br> <p style="font-size: 16px;"><strong>Sobre o tempo de leitura</strong></p> <p class="text-justify" style="font-size: 14px;"> Enquanto permanecer na tela de leitura, o seu tempo estará sendo contado em segundos. A cada curtos períodos de tempo o seu registro de leitura será salvo em nossas bases de dados, evitando perca de informações. Ao trocar de página o seu tempo atual é salvo. Caso retorne a página, iniciará uma nova contagem que será somada com a tempo já existente na base de dados. </p> <p style="color: red; font-size: 10px;" class="text-justify"> * Obs. Se fechar o navegador nenhum dado será guardado, mas não se preocupe: garantimos que você não será prejudicado(a). </p> <button onclick="actionRead()" class="form-control btn btn-success" data-dismiss="modal">Começar a leitura</button> </div> <div class="modal-footer"> <form class="form-horizontal" action="action?pag=home" method="POST"> <button id="segundos" class="btn btn-danger navbar-btn pull-left " style="margin-left: -4px; margin-top: 8px;"> Cancelar leitura</button> </form> </div> </div> </div> </div> <div class="modal fade" id ="noLog" role="dialog"> <div class="modal-dialog"> <div class="modal-content alert alert-warning"> <form class="form-horizontal"> <div class="modal-header text-center"> <h3><p>Informativo</p></h3> </div> <div class="modal-body "> <h4 class="text-center text-warning"> <p>Nada selecionado!<br>Por favor selecione um material para prosseguir!</p> </h4> </div> <div class="modal-footer"> <a class="btn btn-warning" data-dismiss="modal">Retorna</a> </div> </form> </div> </div> </div> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> </body> </html>