Ignore:
Timestamp:
27/01/11 08:52:03 (9 years ago)
Author:
mnagni
Message:

Passes user/psw/host (still hardcoded) to the processing library
Allows the GML version selection
Minor refactoring on the layout

File:
1 edited

Legend:

Unmodified
Added
Removed
  • mauRepo/NewmoonJSP/src/main/webapp/encodeXMI.xhtml

    r7833 r7849  
    66        xmlns:ui="http://java.sun.com/jsf/facelets" 
    77        xmlns:a4j="http://richfaces.org/a4j" 
    8         xmlns:fu="http://richfaces.org/input"> 
     8        xmlns:fu="http://richfaces.org/input" 
     9        xmlns:pn="http://richfaces.org/output" 
     10        xmlns:rich="http://richfaces.org/rich"> 
    911 
    10 <h:head> 
    11         <title>Richfaces FileUpload Demo</title> 
    12         <style> 
     12<f:view> 
     13        <h:head> 
     14                <title>Newmoon</title> 
     15                <style> 
    1316<!-- 
    1417.fu .rf-fu-lst { 
    1518        height: 500px; 
    1619} 
     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} 
    1743--> 
    1844</style> 
    19 </h:head> 
     45        </h:head> 
    2046 
    21 <h:body> 
    22         <h:form id="form"> 
    23                 <script type="text/javascript"> 
    24                         <!-- 
    25                         var onfilesubmit = function (event) { 
    26                                 var data = event.rf.data; 
    27                                 RichFaces.log.info(jQuery("<span><b>onfilesubmit: </b>" + data.name + " " + data.state + "</span>")); 
    28                         }; 
    29                          
    30                         var onuploadcomplete = function (event) { 
    31                                 var data = event.rf.data; 
    32                                 var str = ""; 
    33                                 RichFaces.log.info(jQuery("<b>onuploadcomplete:</b>")); 
    34                                 for (var i in data) { 
    35                                         var item = data[i]; 
    36                                         RichFaces.log.info("    " + item.name + " " + item.state); 
    37                                 } 
    38                         }; 
    39                         //--> 
    40                         </script> 
     47        <h:body> 
     48                <f:facet name="header"> 
     49                    For Application Developers 
     50                </f:facet> 
    4151 
    42                 <fu:fileUpload id="packageToEncode" acceptedTypes="zip" 
    43                         fileUploadListener="#{xMIEncoder.xmiListener}" 
    44                         onfilesubmit="onfilesubmit(event)"> 
    45                 </fu:fileUpload> 
    46         </h:form> 
    47         <a4j:outputPanel id="downloadResponse" 
    48                 rendered="#{xMIEncoder.encodeReady}"> 
    49                 <a4j:mediaOutput element="a" cacheable="false" 
    50                         createContent="#{xMIEncoder.downloadZip}" value="#{notUsed}" 
    51                         mimeType="application/zip"> 
    52                         <h:graphicImage id="download" url="img/download_icon.gif" 
    53                                 title="download" /> 
    54                 </a4j:mediaOutput> 
    55         </a4j:outputPanel> 
     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" 
     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> 
    5698 
    5799 
    58 </h:body> 
     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="toEncode.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>Please upload <b>one zip at time</b></li> 
     150                                        <li>After pressing the download button the file is <b>deleted</b> 
     151                                        from the system. Consequently if you do not save it you have to 
     152                                        start a new encoding process.</li> 
     153                                        <li>A well known bug in the application is that if the page is 
     154                                        refreshed using the browser button, the upload panel stop does not 
     155                                        allow to add further file. In this case close the page and reopen 
     156                                        it.</li> 
     157                                </ul> 
     158                        </pn:panel> 
     159                </h:panelGrid> 
     160        </h:body> 
     161</f:view> 
    59162</html> 
Note: See TracChangeset for help on using the changeset viewer.