root/other-projects/the-macronizer/trunk/web/jsp/mi/main.jsp @ 30594

Revision 30594, 11.0 KB (checked in by kjdon, 4 years ago)

modifying the input and results areas to get it looking the same in chrome as it does in firefox

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<%
3            String inputOptionsDisplay;
4            String inputOptionsVisibility;
5            String hiddenInputOptions;
6            if (request.getAttribute("options") != null && request.getAttribute("options").equals("true")) {
7                inputOptionsDisplay = "block";
8                inputOptionsVisibility = "visible";
9                hiddenInputOptions = "true";
10            } else {
11                inputOptionsDisplay = "none";
12                inputOptionsVisibility = "hidden";
13                hiddenInputOptions = "false";
14            }
15            String checkPreserveMacrons;
16            if (request.getAttribute("preserveMacrons") != null && !request.getAttribute("preserveMacrons").equals("true")) {
17                checkPreserveMacrons = "";
18            } else {
19                checkPreserveMacrons = "checked";
20            }
21%>
22
23<html>
24    <head>
25        <%@page contentType="text/html" pageEncoding="UTF-8"%>
26        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
27        <title>The Māori Macron Restoration Service</title>
28        <link href="../../css/css.css" rel="stylesheet" type="text/css" />
29        <script src="../../js/js.js" type="text/javascript"></script>
30
31        <style type="text/css">
32            <% if (request.getAttribute("file") != null) {%>
33            fieldset#download-file, li#download-tab {
34                display: block;
35                visibility: visible;
36            }
37            fieldset#restore-by-input, fieldset#restore-by-upload {
38                display: none;
39                visibility: hidden;
40            }
41            <% } else {%>
42            fieldset#restore-by-input {
43                display: block;
44                visibility: visible;
45            }
46            fieldset#restore-by-upload, fieldset#download-file, li#download-tab {
47                display: none;
48                visibility: hidden;
49            }
50            <% }%>
51
52
53
54
55        </style>
56
57    </head>
58
59    <body>
60        <jsp:include page="header.jsp" />
61
62        <div id="content">
63            <ul id="tabset_tabs">
64                <%
65                            String inputTabClass, uploadTabClass, downloadTabClass;
66                            inputTabClass = uploadTabClass = downloadTabClass = "";
67                            if (request.getAttribute("file") != null) {
68                                downloadTabClass = "selected";
69                            } else {
70                                inputTabClass = "selected";
71                            }
72                %>
73                <li id="input-tab" class="<%=inputTabClass%>"> <a href="javascript:toggleTabs('restore-by-input');"> <span>Tāpiri Tohutō i te</span> Tāurunga</a> </li>
74                <li id="upload-tab" class="<%=uploadTabClass%>"> <a href="javascript:toggleTabs('restore-by-upload');"> <span>Tāpiri Tohutō i te</span> Kōnae Tuku Atu</a> </li>
75                <li id="download-tab" class="<%=downloadTabClass%>"> <a href="javascript:void()"> <span>Whakaora ki te</span> Kōnae Tukuake</a> </li>
76            </ul>
77
78            <div id="fields">
79                <fieldset id="restore-by-input">
80                    <legend class="tabset_label">Tāpiri Tohutō i te Tāurunga</legend>
81                    <form action="../servlet/DirectInput" method="post" >
82                        <p class="instructions">Tuhia ngā kōrero</p>
83                        <div class="workspace">
84              <textarea name="fragment" cols="60" rows="18" id="fragment"><%= request.getAttribute("old") != null ? request.getAttribute("old") : ""%></textarea>
85             <div class="results" ><%= request.getAttribute("fragment2") != null ? request.getAttribute("fragment2") : ""%></div>
86             </div>
87                        <fieldset>
88                            <legend class="more-options">
89                                <a href="javascript:toggleOptions();">
90                                    <img id="input-more-options-icon" src="../../images/arrow-closed.png" alt="Advanced Options Icon"></img>
91                                    Ngā Kōwhiringa Arā Atu Anō
92                                </a>
93                            </legend>
94                            <div id="input-options" class="options" style="display: <%=inputOptionsDisplay%>; visibility: <%=inputOptionsVisibility%>;">
95                                <table>
96                                    <tr>
97                                        <td>
98                                            <input name="preserveExistingMacrons" type="checkbox" value="true" <%=checkPreserveMacrons%>></input>
99                                            <label>Pupuritia ngā tohutō tÄ«ariari</label>
100                                        </td>
101                                    </tr>
102                                </table>
103                            </div>
104                        </fieldset>
105                        <input type="hidden" name="lang" value="mi" />
106                        <input id="hidden-input-options" type="hidden" name="options" value="<%= hiddenInputOptions%>" />
107                        <p class="submit_button">
108                            <input title="Submit to add macrons" type="submit" value="Tāpiri Tohutō" />
109                        </p>
110                    </form>
111                </fieldset>
112
113                <fieldset id="restore-by-upload">
114                    <legend class="tabset_label">Tāpiri tohutō i te kōnae tuku atu</legend>
115                    <form action="../servlet/FileUpload" method="post" enctype="multipart/form-data">
116                        <p class="instructions">Kōwhiritia tētehi kōnae hei tukuake</p>
117                        <p>
118                            <label>Kōnae:</label>
119                            <input type="file" id="uploaded_file" name="file" />
120                        </p>
121                        <fieldset>
122                            <legend class="more-options">
123                                <a href="javascript:toggleOptions();">
124                                    <img id="upload-more-options-icon" src="../../images/arrow-closed.png" alt="Advanced Options Icon"></img>
125                                    Ngā Kōwhiringa Arā Atu Anō
126                                </a>
127                            </legend>
128                            <div id="upload-options" class="options" style="display: <%=inputOptionsDisplay%>; visibility: <%=inputOptionsVisibility%>;">
129                                <table>
130                                    <tr>
131                                        <th><label>Whakawaehere Pūāhua:</label></th>
132                                        <td><select id="upload-charset" name="charsetEncoding">
133                                                <option value="(detect automatically)" selected="selected">(kimi aunoa)</option>
134                                                <option value="utf-8">utf-8 (Unicode)</option>
135                                                <option value="utf-16">utf-16 (Unicode)</option>
136                                            </select></td>
137                                    </tr>
138                                    <tr>
139                                        <th><label>Momo Tuhinga:</label></th>
140                                        <td><select id="upload-doctype" name="fileType">
141                                                <option value="(detect automatically)" selected="selected">(kimi aunoa)</option>
142                                                <option value=".docx">Microsoft Office Word 2007 (.docx)</option>
143                                                <option value=".odt">Open Office Word (.odt)</option>
144                                                <option value=".txt">Text (.txt)</option>
145                                            </select></td>
146                                    </tr>
147                                    <tr>
148                                        <td>
149                                            <input name="preserveExistingMacrons" type="checkbox" value="true" <%=checkPreserveMacrons%>></input>
150                                            <label>Pupuritia ngā tohutō tÄ«ariari</label>
151                                        </td>
152                                    </tr>
153                                </table>
154                            </div>
155                        </fieldset>
156                        <input type="hidden" name="lang" value="mi" />
157                        <input id="hidden-upload-options" type="hidden" name="options" value="<%= hiddenInputOptions%>" />
158                        <p class="submit_button">
159                            <input title="Submit to add macrons" type="submit" value="Tiki Kōnae" />
160                        </p>
161                        <p class="notes">Hei whakamōhio: E āhei ana ngā tuhinga Microsoft Word 2007, ngā tuhinga Open Office Text me ngā tuhinga kuputuhi hoki.</p>
162                    </form>
163                </fieldset>
164
165                <fieldset id="download-file">
166                    <legend class="tabset_label">Whakaora ki te Kōnae Tukuake</legend>
167                    <form action="../servlet/Download" method="post" >
168                        <p class="instructions">Tāputa:</p>
169                        <div id="options" class="options">
170                            <table>
171                                <tr>
172                                    <th><label>Kōnae:</label></th>
173                                    <td><label><%= request.getAttribute("filename")%></label></td>
174                                </tr>
175                                <tr>
176                                    <th><label>Whakawaehere Pūāhua:</label></th>
177                                    <td><label><%= request.getAttribute("charsetEncoding")%></label></td>
178                                </tr>
179                                <tr>
180                                    <th><label>Momo Tuhinga:</label></th>
181                                    <td><label><%= request.getAttribute("fileType")%></label></td>
182                                </tr>
183                            </table>
184                        </div>
185                        <%
186                                    String downloadFilePath = request.getAttribute("file") != null ? ((java.io.File) request.getAttribute("file")).getAbsolutePath() : null;
187                        %>
188                        <input type="hidden" id="filepath" name="filepath" value="<%=downloadFilePath%>" />
189                        <input type="hidden" id="filename" name="filename" value="<%= request.getAttribute("filename")%>" />
190                        <p class="submit_button">
191                            <input title="Download File" type="submit" value="Tikiake Kōnae" />
192                        </p>
193                    </form>
194                </fieldset>
195            </div>
196        </div>
197
198        <jsp:include page="footer.jsp" />
199    </body>
200</html>
Note: See TracBrowser for help on using the browser.