Commit 73bc3f203dcbe07d5b14a3a1ab70f3700a7186d6
1 parent
6457a732
Exists in
master
and in
1 other branch
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 | ... | ... |