source: mauRepo/NewmoonJSP/src/main/webapp/pages/encodeXMI.xhtml @ 7936

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/mauRepo/NewmoonJSP/src/main/webapp/pages/encodeXMI.xhtml@7936
Revision 7936, 4.9 KB checked in by mnagni, 8 years ago (diff)

Simplified the ZIP structure.
Added a new sample test
Promoted to 1.1.1

Line 
1<?xml version='1.0' encoding='UTF-8'?>
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml"
4        xmlns:h="http://java.sun.com/jsf/html"
5        xmlns:f="http://java.sun.com/jsf/core"
6        xmlns:ui="http://java.sun.com/jsf/facelets"
7        xmlns:a4j="http://richfaces.org/a4j"
8        xmlns:fu="http://richfaces.org/input"
9        xmlns:pn="http://richfaces.org/output"
10        xmlns:rich="http://richfaces.org/rich">
11
12<f:view>
13        <h:head>
14                <title>Newmoon</title>
15                <style>
16<!--
17.fu .rf-fu-lst {
18        height: 500px;
19}
20
21.center-td {
22        text-align: center;
23}
24
25.left-button {
26        float: left;
27}
28
29.panel {
30        width: 200px;
31        height: 100px;
32        position: absolute;
33        left: 50%;
34        top: 50%;
35        margin-left: -100px;
36        margin-top: -50px;
37}
38
39.top {
40        width: 200px;
41        height: 100px;
42}
43-->
44</style>
45        </h:head>
46
47        <h:body>
48                <f:facet name="header">
49                   
50                </f:facet>
51
52                <h:panelGrid columns="1">
53                        <pn:panel>
54                                <f:facet name="header">
55                                                Upload the zip package containing the xmi definition to encode 
56                                        </f:facet>
57                                <h:form id="form">
58                                        <script type="text/javascript">
59                                                        <!--
60                                                        var onfilesubmit = function (event) {
61                                                                var data = event.rf.data;
62                                                                RichFaces.log.info(jQuery("<span><b>onfilesubmit: </b>" + data.name + " " + data.state + "</span>"));
63                                                        };
64                                                       
65                                                        var onuploadcomplete = function (event) {
66                                                                var data = event.rf.data;
67                                                                var str = "";
68                                                                RichFaces.log.info(jQuery("<b>onuploadcomplete:</b>"));
69                                                                for (var i in data) {
70                                                                        var item = data[i];
71                                                                        RichFaces.log.info("    " + item.name + " " + item.state);
72                                                                }
73                                                        };
74                                                        //-->
75                                                        </script>
76                                        <fu:fileUpload id="packageToEncode" acceptedTypes="zip, xmi, xml"
77                                                fileUploadListener="#{xMIEncoder.xmiListener}"
78                                                onfilesubmit="onfilesubmit(event)" noDuplicate="false"
79                                                addButtonClass="left-button" uploadButtonClass="left-button">
80                                        </fu:fileUpload>
81                                        <h:panelGroup id="gmlVersion">
82                                                <fu:select defaultLabel="Select the GML version"
83                                                        value="#{xMIEncoder.gmlSelectedVersion}">
84                                                        <f:selectItems value="#{xMIEncoder.gmlVersions}" />
85                                                </fu:select>
86                                                <h:outputText
87                                                        value="Please select the GML version you want to use" />
88                                        </h:panelGroup>
89                                </h:form>
90                        </pn:panel>
91
92                        <h:form id="pollForm">
93                                <h:panelGroup id="poll">
94                                        <a4j:poll enabled="true" interval="1000">
95                                                <a4j:ajax event="timer" render="downloadResponse" />
96                                        </a4j:poll>
97                                </h:panelGroup>
98
99
100                                <a4j:outputPanel id="downloadResponse">
101                                        <h:panelGroup id="processing" rendered="#{xMIEncoder.processing}">
102                                                <h:graphicImage value="/img/AjaxProcess.gif" />
103                                                <h:outputText
104                                                        value="The system is processing your request. Please wait...." />
105                                        </h:panelGroup>
106                                        <a4j:mediaOutput element="a" cacheable="false"
107                                                createContent="#{xMIEncoder.downloadZip}" value="#{notUsed}"
108                                                mimeType="application/zip">
109                                                <h:panelGroup id="download" rendered="#{xMIEncoder.encodeReady}">
110                                                        <h:graphicImage url="/img/download_icon.gif" title="download" />
111                                                        <h:outputText value="Please download the system response" />
112                                                </h:panelGroup>
113                                        </a4j:mediaOutput>
114                                </a4j:outputPanel>
115                        </h:form>
116
117
118                        <pn:panel>
119                                <f:facet name="header" style="color:#FF0000;">
120                    Instructions
121                    </f:facet>
122                                <ol>
123                                        <li>Using the sample ZIP (see below) as reference, prepare the
124                                        project you want to encode.</li>
125                                        <li>Press the "Add" button to prepare the system to process
126                                        it.</li>
127                                        <li>Select the GML version from the drop down menu</li>
128                                        <li>Press the "Upload" button to process the last updated file
129                                        or "Clear" to remove it from the processing queue</li>
130                                        <li>When the system completes the transformation, a download
131                                        button will appear to retrieve the results.</li>
132                                </ol>
133
134                        </pn:panel>
135                        <pn:panel>
136                                <f:facet name="header" style="color:#FF0000;">
137                    Sample ZIP
138                    </f:facet>
139                    To learn about the structure of the zip file to upload please check <a
140                                        href="myCustomPackage.zip"><b>this</b></a> sample file
141                                                 
142        </pn:panel>
143
144                        <pn:panel>
145                                <f:facet name="header" style="color:#FF0000;">
146                    WARNING
147            </f:facet>
148                                <ul>
149                                        <li>The application accepts also single XMI file (with extension <i style="COLOR: #a52a2a;">xmi</i> or <i style="COLOR: #a52a2a;">xml</i>)</li>
150                                        <li>Please upload <b>one zip at time</b></li>
151                                        <li>After pressing the download button the file is <b>deleted</b>
152                                        from the system. Consequently if you do not save it you have to
153                                        start a new encoding process.</li>
154                                        <li>A well known bug in the application is that if the page is
155                                        refreshed using the browser button, the upload panel stop does not
156                                        allow to add further file. In this case close the page and reopen
157                                        it.</li>
158                                </ul>
159                        </pn:panel>
160                </h:panelGrid>
161        </h:body>
162</f:view>
163</html>
Note: See TracBrowser for help on using the repository browser.