root/middleware-online/trunk/webapp/src/main/webapp/main.jsp @ 81

Revision 81, 7.6 KB (checked in by noliveira, 9 years ago)

Developments on Online Application

Line 
1<%@ page language="java" contentType="text/html; charset=UTF-8"
2        pageEncoding="UTF-8"%>
3<%@ page language="java" import="java.util.*"%>
4<%
5    ResourceBundle rb;
6                        if (request.getParameter("l") != null
7                                        && request.getParameter("c") != null) {
8                                rb = ResourceBundle.getBundle(
9                                                "webapp",
10                                                new Locale(request.getParameter("l"), request
11                                                                .getParameter("c")));
12                        } else {
13                            final String DEFAULT_COUNTRY = "PT";
14                            final String DEFAULT_LANGUAGE = "pt";
15                                rb = ResourceBundle.getBundle("webapp", new Locale(DEFAULT_LANGUAGE, DEFAULT_COUNTRY));
16                        }
17%>
18<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
19<html>
20<head>
21<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
22<link href="css/main.css" rel="stylesheet" media="screen" />
23<script type="text/javascript" src="js/deployJava.js"></script>
24<script type="text/javascript" src="js/deployJavaFixes.js"></script>
25<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
26<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
27<script type="text/javascript" src="js/PINOperations.js"></script>
28<script type="text/javascript" src="js/PDF.js"></script>
29<script type="text/javascript" src="js/signatures.js"></script>
30<link href="css/jquery-ui-1.8.17.custom.css" rel="stylesheet"
31        type="text/css">
32</link>
33</head>
34<body>
35        <script type="text/javascript">
36        // Loading the button actions for this page and the menu
37                $(document).ready(function() {
38                        $("#signDocument_btn").click(function() {
39                                startDocumentSigningProcess(true);
40                        });
41                       
42                        $("#signDocuments_btn").click(function() {
43                                startDocumentSigningProcess(false);
44                        });
45
46                        $("#verifySignatures_btn").click(function() {
47                                verifySignature();
48                        });
49
50                        $("#civilId_btn").click(function() {
51                                $('#fields > *').hide();
52                                loadCivilData();
53                                $('#idCivil').show();
54                        });
55
56                        $("#otherInfo_btn").click(function() {
57                                $('#fields > *').hide();
58                                loadOtherData();
59                                $('#outrosDados').show();
60                        });
61
62                        $("#address_btn").click(function() {
63                                $('#fields > *').hide();
64                                askForAddressPIN();
65                                $('#morada').show();
66                        });
67
68                        $("#certificates_btn").click(function() {
69                                $('#fields > *').hide();
70                                loadCerts();
71                                $('#certificados').show();
72                        });
73
74                        $("#pinCodes_btn").click(function() {
75                                $('#fields > *').hide();
76                                loadPins();
77                                $('#codigosPin').show();
78                        });
79
80                        $("#notepad_btn").click(function() {
81                                $('#fields > *').hide();
82                                loadNotas();
83                                $('#blocoNotas').show();
84                        });
85
86                        $("#generatePdf_btn").click(function() {
87                                showPDFDialog(['<%=rb.getString("readCard.dialog.checkbox1")%>', '<%=rb.getString("readCard.dialog.checkbox2")%>',
88                                                '<%=rb.getString("readCard.dialog.checkbox3")%>', '<%=rb.getString("readCard.dialog.checkbox4")%>'],
89                                                '<%=rb.getString("readCard.dialog.title")%>',
90                                                '<%=rb.getString("readCard.dialog.msg")%>',
91                                                '<%=rb.getString("readCard.dialog.cancelBtnLabel")%>',
92                                                '<%=rb.getString("readCard.dialog.printBtnLabel")%>',
93                                                '<%=rb.getString("readCard.dialog.generatePDFLabel")%>');
94                        });
95
96
97                        // Load the applet itself
98                        var attributes = {
99                                'class' : 'floatLeft',
100                                'width' : '1',
101                                'id' : 'ccApplet',
102                                'height' : '1'
103                        };
104
105                        var parameters = {
106                                'jnlp_href' : 'jnlp/util-applet.jnlp',
107                                'separate_jvm': 'true'
108                        };
109
110                        var version = '1.6';
111
112                        deployJava.runApplet(attributes, parameters, version);
113
114                        // start loading the main page info here note that on some browsers
115                        // this might fail because we haven't given the applet enought time to load
116                        // so we check inside this method for the applet status :p
117                        loadCivilData();
118
119        });
120        </script>
121        <div id="container">
122                <div id="header">
123                        <div id="title"><%=rb.getString("webapp.title")%></div>
124                        <div id="menu">
125                                <ul id="navlist">
126                                        <li><img src="images/menuicon_cartao.png" alt="" class="icon" />
127                                                <img src="images/menuicon_seta.png" alt="" class="seta" /> <label
128                                                id="mainMenuItem_Assinatura"><%=rb.getString("menu.level1.card")%></label>
129                                                <ul>
130                                                        <li><a href="main.jsp"><%=rb.getString("menu.level1.readCard")%></a></li>
131                                                        <li><a href="#" id="generatePdf_btn"><%=rb.getString("menu.level1.generatePDF")%></a></li>
132                                                </ul></li>
133                                        <li class="menu_separador"><img
134                                                src="images/separador_menu.jpg"></li>
135                                        <li><img src="images/menuicon_ferramentas.png" alt=""
136                                                class="icon" /> <img src="images/menuicon_seta.png" alt=""
137                                                class="seta" /> <label id="mainMenuItem_Ferramentas"><%=rb.getString("menu.level1.tools")%></label>
138                                        </li>
139                                        <li class="menu_separador"><img
140                                                src="images/separador_menu.jpg"></li>
141                                        <li><img src="images/menuicon_assinaturas.png" alt=""
142                                                class="icon" /> <img src="images/menuicon_seta.png" alt=""
143                                                class="seta" /> <label id="mainMenuItem_Assinatura"><%=rb.getString("menu.level1.digitalSignature")%></label>
144                                                <ul>
145                                                        <li><a href="#" id="signDocument_btn"><%=rb.getString("menu.level1.signDocument")%></a></li>
146                                                        <li><a href="#" id="signDocuments_btn"><%=rb.getString("menu.level1.signMultipleDocuments")%></a></li>
147                                                        <li class="submenu_separador"><img
148                                                                src="images/separador_submenu.jpg"></li>
149                                                        <li><a href="#" id="verifySignatures_btn"><%=rb.getString("menu.level1.verifySignatures")%></a></li>
150                                                </ul></li>
151                                        <li class="menu_separador"><img
152                                                src="images/separador_menu.jpg"></li>
153                                        <li><img src="images/menuicon_idioma.png" alt="" class="icon" />
154                                                <img src="images/menuicon_seta.png" alt="" class="seta" /> <label
155                                                id="mainMenuItem_Idioma"><%=rb.getString("menu.level1.idiom")%></label>
156                                                <ul>
157                                                        <li><a href="main.jsp?l=en&c=US" id="menuIdiomaEN"><%=rb.getString("menu.level1.english")%></a></li>
158                                                        <li><a href="main.jsp?l=pt&c=PT" id="menuIdiomaPT"><%=rb.getString("menu.level1.portuguese")%></a></li>
159                                                </ul></li>
160                                        <li class="menu_separador"><img
161                                                src="images/separador_menu.jpg"></li>
162                                        <li><img src="images/menuicon_ajuda.png" alt="" class="icon" />
163                                                <img src="images/menuicon_seta.png" alt="" class="seta" /> <label
164                                                id="mainMenuItem_Ajuda"><%=rb.getString("menu.level1.help")%></label></li>
165                                        <li></li>
166                                </ul>
167                        </div>
168                        <div id="menu_2level">
169                                <div class="item" id="menuItem_ID">
170                                        <a href="#" id="civilId_btn"><%=rb.getString("menu.level2.civilID")%></a>
171                                </div>
172                                <div class="item" id="menuItem_OutrosDados">
173                                        <a href="#" id="otherInfo_btn"><%=rb.getString("menu.level2.otherInfo")%></a>
174                                </div>
175                                <div class="item" id="menuItem_Morada">
176                                        <a href="#" id="address_btn"><%=rb.getString("menu.level2.address")%></a>
177                                </div>
178                                <div class="item" id="menuItem_Certificados">
179                                        <a href="#" id="certificates_btn"><%=rb.getString("menu.level2.certificates")%></a>
180                                </div>
181                                <div class="item" id="menuItem_Pins">
182                                        <a href="#" id="pinCodes_btn"><%=rb.getString("menu.level2.PINCodes")%></a>
183                                </div>
184                                <div class="item" id="menuItem_Notas">
185                                        <a href="#" id="notepad_btn"><%=rb.getString("menu.level2.notepad")%></a>
186                                </div>
187                        </div>
188                </div>
189                <div id="fields" class="fields">
190                        <div id="idCivil">
191                                <jsp:include page="id_civil.jsp" />
192                        </div>
193                        <div id="outrosDados" class="hiddenContent">
194                                <jsp:include page="outros_dados.jsp" />
195                        </div>
196                        <div id="morada" class="hiddenContent">
197                                <jsp:include page="morada.jsp" />
198                        </div>
199                        <div id="certificados" class="hiddenContent">
200                                <jsp:include page="certificados.jsp" />
201                        </div>
202                        <div id="codigosPin" class="hiddenContent">
203                                <jsp:include page="codigos_pin.jsp" />
204                        </div>
205                        <div id="blocoNotas" class="hiddenContent">
206                                <jsp:include page="bloco_notas.jsp" />
207                        </div>
208                </div>
209        </div>
210</body>
211</html>
Note: See TracBrowser for help on using the browser.