Commit 8d2dd52d authored by mc16's avatar mc16

Teste com menu lateral

parent bc0c9c97
/* regra para o box-sizing */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* regra para o clear float */
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
#lateral {
padding:0 50px 0 0;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background:rgb(44,62,80);
background-image: -moz-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
background-image: -webkit-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
background-image: -o-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79) );
background-image: -ms-linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
background-image: linear-gradient(135deg, rgb(3,8,12), rgb(16,57,79));
height:100%;
overflow:hidden;
width:370px;
position:fixed;
top:0;
left:-320px;
}
#lateral:before {
z-index:1000;
color:white;
position:fixed;
left:4px;
top:45px;
}
#lateral:hover:before, #lateral:focus:before {
left:-500px
}
#lateral:hover, #lateral:focus, #lateral:active {
overflow-y:scroll;
-moz-transform: translate(320px, 0);
-webkit-transform: translate(320px, 0);
-o-transform: translate(320px, 0);
transform: translate(320px, 0);
padding-right:0;
}
#lateral .box {
list-style-type:none;
margin-bottom:1em;;
padding-bottom:1em;
}
#lateral h3 {
display:inline-block;
padding-bottom:0.2em;
margin: 2em 0 2em 0.81em;
color:rgb(255,255,255);
border-bottom: 4px solid rgb(155,155,155);
}
#menu {
position:relative;
margin:1em 0 1em -1em;
padding:0;
}
#menu li {padding:0; margin:0;}
#menu li a, #menu li a:link {
color:rgb(255,255,255);
text-decoration: none;
padding: 0.8em 0 0.8em 1em;
display: block;
-moz-transition: all 1.2s ease;
-webkit-transition: all 1.2s ease;
-o-transition: all 1.2s ease;
transition: all 1.2s ease;
}
#menu li a:hover {
color:rgb(255,255,255);
background-color:rgba(255,255,255,0.2);
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#form{
margin: 20px auto;
width: 700px;
......@@ -21,8 +108,6 @@ fieldset{
#label{
text-align: center;
font-size: 24px;
font-weight: bold;
}
#conta{
......
......@@ -207,14 +207,14 @@ function range(x){
for(var i = 1; i <= x; i++){
ret.push(i);
}
return ret;
}
function plotaGraficoX(/*vetX,vetY */indice,idHTML, grafico){
var vetLinhas = [];
var j;
for(var i = 0; i < dados.length; i++){
console.log(buscaTempoResposta(dados[i].stringResposta[indice]));
//Linhas
......@@ -243,9 +243,9 @@ function plotaGraficoX(/*vetX,vetY */indice,idHTML, grafico){
marker:{color:'rgb(200,20,20)'},
name: dados[i].nome
};
}
var node = document.createElement("DIV");
var node = document.createElement("DIV");
node.id = idHTML;
document.getElementById(grafico).appendChild(node);//idHTML+"<br><center id='"+idHTML+"'></center>"
Plotly.newPlot(idHTML, vetLinhas);
......@@ -257,9 +257,9 @@ function plotaGraficoX(/*vetX,vetY */indice,idHTML, grafico){
//Percorre os testes do professor e os plota de acordo com a congruencia
function geraGraficos(){
document.getElementById("graficoC").innerHTML = "";
document.getElementById("graficoI").innerHTML = "";
document.getElementById("graficoC").innerHTML = "";
document.getElementById("graficoI").innerHTML = "";
if(dados){
if(!dados.length)
......
......@@ -53,16 +53,37 @@
</div>
<div class="corpo">
<input id='hidden_1' type='hidden' name='acao' value=''>
<button class="pure-button pure-button-primary" class='botao_submit' value='enviado' onClick="downloadCsv();">Baixar os resultados</button>
<button class="pure-button pure-button-primary" class='botao_submit' value='enviado' onClick="buscaTestes()">Examinar o gráfico</button>
<button class="pure-button pure-button-primary" onClick="save_data();">Salvar dados</button>
<input type="file" id="input_load_data" onchange="load_data(this.files)">
<br>
<br>
<a class="pure-button pure-button-primary" href="index.html">Fazer teste</a>
<br><br>
</div>
<div id="lateral">
<div id="menu">
<h3 class="link-titulo">Resultados</h3>
<ul class="box">
<li><a value='enviado' onClick="downloadCsv();">Baixar</a></li>
</ul>
<h3 class="link-titulo">Gráficos</h3>
<ul class="box">
<li><a value='enviado' onClick="buscaTestes()">Examinar</a></li>
</ul>
<h3 class="link-titulo">Dados</h3>
<ul class="box">
<li><a onClick="save_data();">Salvar</a></li>
</ul>
<h3 class="link-titulo">Teste</h3>
<ul class="box">
<li><a href="index.html">Fazer teste</a></li>
</ul>
</div> <!-- /#menu -->
</div id="link"> <!-- vazio --> <div>
</div> <!-- /#lateral -->
<center id='graficoC'></center>
<center id='graficoI'></center>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment