Commit 73bc3f203dcbe07d5b14a3a1ab70f3700a7186d6

Authored by higo.gomes
1 parent 6457a732

Index modificada e adicionada novo modelo de "Tab", capaz de percorrer todos os …

…itens usando a tecla tab.

git-svn-id: https://svn.bento.ifrs.edu.br/default/ASES/ASES%20-%20Web/ASES%20-%20Web/Fontes/avaliador-web@10594 c2178572-b5ca-4887-91d2-9e3a90c7d55b
Showing 1 changed file with 64 additions and 95 deletions   Show diff stats
src/main/webapp/WEB-INF/jsp/index/index.jsp
1 1 <%@page contentType="text/html" pageEncoding="UTF-8"%>
2   -<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
  2 +<%@taglib prefix="t" tagdir="/WEB-INF/tags"%>
3 3 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
4 4  
5 5 <t:baseLayout>
6   - <jsp:body>
  6 + <jsp:body>
7 7 <div class="tile --NOVALUE--">
8 8  
9 9 <!-- ADICIONANDO ERROS -->
10 10 <c:if test="${not empty errors}">
11 11 <c:forEach items="${errors}" var="error">
12   - <div class="${error.category}"><div class="alinName">${error.message}</div></div><br/>
  12 + <div class="${error.category}">
  13 + <div class="alinName">${error.message}</div>
  14 + </div>
  15 + <br />
13 16 </c:forEach>
14 17 </c:if>
15   -
16   - <div class="domtab">
17   - <ul class="domtabs">
18   - <li class=""><a href="#pri1">Validação pela URI</a></li>
19   - <li class=""><a href="#pri2">Validação pelo upload de arquivo</a></li>
20   - <li class=""><a href="#pri3">Validação pelo código fonte</a></li>
21   - </ul>
22   -
23   - <div style="display: block;">
24   - <a name="pri1" id="pri1"></a>
25   -
26   - <form name="form1" action="avaliar" method="post">
  18 + </div>
  19 +
  20 +
  21 +<h2>Formas de Avaliação</h2>
  22 +
  23 +<div class="container">
  24 +
  25 + <div class="tab">
  26 + <input type="radio" id="tab-1" name="tab-group-1" checked="checked">
  27 + <label class="rarios" for="tab-1">Validação pela URI</label>
  28 +
  29 + <div class="contenteudo">
  30 + <form name="form1" action="avaliar" method="post">
27 31 <input type="hidden" name="mark" value="true">
28 32 <input type="hidden" name="content" value="true">
29 33 <input type="hidden" name="presentation" value="true">
30 34 <input type="hidden" name="multimedia" value="true">
31 35 <input type="hidden" name="form" value="true">
32 36 <input type="hidden" name="behavior" value="true">
33   -
34   - <fieldset>
35   - <legend>Validação pela URI</legend>
36   -
37   - <%-- <p><label for="uri"> Exibir Resultado: </label>
38   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/html.png" alt="html" title="Gerar em HTML" height="20" width="20">
39   - <input type="radio" name="tiporel" value="5" checked="checked">HTML
40   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/pdf.png" alt="pdf" title="Gerar em PDF" height="20" width="20">
41   - <input type="radio" name="tiporel" value="4">PDF
42   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/odt.png" alt="odt" title="Gerar em ODT" height="20" width="20">
43   - <input type="radio" name="tiporel" value="3">ODT
44   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/xls.png" alt="xls" title="Gerar em XLS" height="20" width="20">
45   - <input type="radio" name="tiporel" value="2">XLS
46   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/doc-rtf.png" alt="xls" title="Gerar em RFT" height="20" width="20">
47   - <input type="radio" name="tiporel" value="1">RTF
48   - </p> --%>
49   - <label for="uri">URL: <input id="url" name="url" value="http://" size="50" type="text"></label>
50   - <input class="submit" name="executar" value="Executar" type="submit">
51   - </fieldset>
  37 +
  38 +
  39 + <label class="" for="url">URL:</label><input id="url"
  40 + name="url" value="http://" size="40" type="text">
  41 + <input id="input_tab_1" class="submit" name="executar"
  42 + value="Executar" type="submit">
  43 +
52 44 </form>
53   -
54   - </div>
55   -
56   - <div style="display: none;">
57   -
58   - <a name="pri2" id="pri2"></a>
59   -
60   - <form name="form2" action="avaliar-arquivo" method="post" enctype="multipart/form-data">
  45 + </div>
  46 + </div>
  47 +
  48 + <div class="tab">
  49 + <input type="radio" id="tab-2" name="tab-group-1">
  50 + <label class="rarios" for="tab-2">Validação pelo upload de arquivo</label>
  51 +
  52 + <div class="contenteudo">
  53 + <form name="form2" action="avaliar-arquivo" method="post"
  54 + enctype="multipart/form-data">
61 55 <input type="hidden" name="mark" value="true">
62 56 <input type="hidden" name="content" value="true">
63 57 <input type="hidden" name="presentation" value="true">
... ... @@ -66,65 +60,40 @@
66 60 <input type="hidden" name="behavior" value="true">
67 61 <input type="hidden" name="tiporel" value="html">
68 62  
69   - <fieldset>
70   - <legend>Validação pelo upload de arquivo</legend>
71   -
72   - <%-- <p><label for="uri"> Exibir Resultado: </label>
73   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/html.png" alt="html" title="Gerar em HTML" height="20" width="20">
74   - <input type="radio" name="tiprel" value="5" checked="checked">HTML
75   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/pdf.png" alt="pdf" title="Gerar em PDF" height="20" width="20">
76   - <input type="radio" name="tiprel" value="4">PDF
77   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/odt.png" alt="odt" title="Gerar em ODT" height="20" width="20">
78   - <input type="radio" name="tiprel" value="3">ODT
79   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/xls.png" alt="xls" title="Gerar em XLS" height="20" width="20">
80   - <input type="radio" name="tiprel" value="2">XLS
81   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/doc-rtf.png" alt="xls" title="Gerar em RFT" height="20" width="20">
82   - <input type="radio" name="tiprel" value="1">RTF
83   - </p> --%>
84   - <label for="up_file">Arquivo: <input id="up_file" name="file" size="30" type="file"></label>
85   - <input class="submit" name="executar" value="Executar" type="submit">
86   - </fieldset>
  63 +
  64 + <label for="up_file">Arquivo:</label><input id="up_file"
  65 + name="file" size="30" type="file">
  66 + <input id="input_tab_2" class="submit" name="executar"
  67 + value="Executar" type="submit">
  68 +
87 69 </form>
88   -
89   - </div>
90   -
91   -
92   -
93   - <div style="display: none;">
94   -
95   - <a name="pri3" id="pri3"></a>
96   -
97   - <form name="form3" action="avaliar-codigo" method="post" enctype="multipart/form-data">
  70 + </div>
  71 + </div>
  72 +
  73 + <div class="tab">
  74 + <input type="radio" id="tab-3" name="tab-group-1">
  75 + <label class="rarios" for="tab-3">Validação pelo código fonte</label>
  76 +
  77 + <div class="contenteudo">
  78 + <form name="form3" action="avaliar-codigo" method="post" enctype="multipart/form-data">
98 79 <input type="hidden" name="mark" value="true">
99 80 <input type="hidden" name="content" value="true">
100 81 <input type="hidden" name="presentation" value="true">
101 82 <input type="hidden" name="multimedia" value="true">
102 83 <input type="hidden" name="form" value="true">
103   - <input type="hidden" name="behavior" value="true">
  84 + <input type="hidden" name="behavior" value="true">
104 85  
105   - <fieldset>
106   - <legend>Validação pelo código fonte</legend>
107   -
108   - <%-- <p><label for="uri"> Exibir Resultado: </label>
109   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/html.png" alt="html" title="Gerar em HTML" height="20" width="20">
110   - <input type="radio" name="tiporel" value="5" checked="checked">HTML
111   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/pdf.png" alt="pdf" title="Gerar em PDF" height="20" width="20">
112   - <input type="radio" name="tiporel" value="4">PDF
113   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/odt.png" alt="odt" title="Gerar em ODT" height="20" width="20">
114   - <input type="radio" name="tiporel" value="3">ODT
115   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/xls.png" alt="xls" title="Gerar em XLS" height="20" width="20">
116   - <input type="radio" name="tiporel" value="2">XLS
117   - <img src="${pageContext.request.contextPath}/inicial_arquivos/imagens/doc-rtf.png" alt="xls" title="Gerar em RFT" height="20" width="20">
118   - <input type="radio" name="tiprel" value="1">RTF
119   - </p> --%>
  86 +
120 87 <label for="input">Código a analisar:<br><textarea id="input" name="html" rows="8" cols="75"></textarea> </label>
121   - <input class="submit" name="executar" value="Executar" type="submit">
122   - </fieldset>
123   - </form>
124   -
125   - </div>
126   -
127   - </div>
128   - </div>
129   - </jsp:body>
  88 + <br><input class="submit" name="executar" value="Executar" type="submit">
  89 +
  90 + </form>
  91 +
  92 + </div>
  93 + </div>
  94 +
  95 +</div>
  96 +
  97 +
  98 + </jsp:body>
130 99 </t:baseLayout>
131 100 \ No newline at end of file
... ...