PageRenderTime 8ms CodeModel.GetById 2ms app.highlight 2ms RepoModel.GetById 1ms app.codeStats 0ms

/webportal/src/main/webapp/WEB-INF/zul/AddToolSitesBySpecies.zul

http://alageospatialportal.googlecode.com/
Unknown | 215 lines | 207 code | 8 blank | 0 comment | 0 complexity | 804fc020b7b8cfb0422ae5a6fe106743 MD5 | raw file
  1<?xml version="1.0" encoding="UTF-8"?>
  2
  3<zk xmlns="http://www.zkoss.org/2005/zul">
  4    <window id="addtoolwindow" use="org.ala.spatial.analysis.web.AddToolSitesBySpeciesComposer"
  5    apply="org.ala.spatial.analysis.web.AddToolSitesBySpeciesComposer" width="750px" height="700px"
  6    xmlns:n="http://www.zkoss.org/2005/zk/native">
  7        <n:div class="fancybox-bg" id="fancybox-bg-ne" />
  8        <n:div class="fancybox-bg" id="fancybox-bg-se" />
  9        <n:div class="fancybox-bg" id="fancybox-bg-sw" />
 10        <n:div class="fancybox-bg" id="fancybox-bg-nw" />
 11        <n:div class="fancybox-bg" id="fancybox-bg-n" />
 12        <n:div class="fancybox-bg" id="fancybox-bg-e" />
 13        <n:div class="fancybox-bg" id="fancybox-bg-s" />
 14        <n:div class="fancybox-bg" id="fancybox-bg-w" />
 15        <a sclass="fancybox-close" onClick="addtoolwindow.onClick$btnCancel(null)" style="display: inline" />
 16        <n:a class="fancybox-help" n:onClick="loadHelp('sitesbyspecies-tools')" style="display: inline" />
 17        
 18        <separator />
 19        <hbox id="stepCounter">
 20            <vbox style="padding-left: 10px">
 21                <grid width="150px">
 22                    <columns>
 23                        <column width="120px"/>
 24                        <column />
 25                    </columns>
 26                    <rows>
 27                        <row>
 28                            <label id="lblStep1" style="font-weight:bold" value="1. Apply to an area"/>
 29                            <image id="imgCompletedStep1" visible="false" src="img/accept.png"/>
 30                        </row>
 31                        <row>
 32                            <label id="lblStep2" value="2. Select species"/>
 33                            <image id="imgCompletedStep2" visible="false" src="img/accept.png"/>
 34                        </row>
 35                        <row>
 36                            <label id="lblStep3" value="3. Points to Grid options"/>
 37                            <image id="imgCompletedStep3" visible="false" src="img/accept.png"/>            
 38                        </row>                    
 39                    </rows>
 40        
 41                </grid>
 42
 43                <div id="tlinfo" visible="false">
 44                    <separator spacing="20px" />
 45                    <label value="The colours against the layers are like traffic lights. Green implies the layer is uncorrelated to all selected layers, orange implies some correlation while red implies high correlation. As you select layers, the colours change to reflect correlation with already selected layers. For example a red layer implies high correlation with at least one selected layer while a green layer implies little or no correlation to any selected layer" />
 46                    <separator />
 47                    <label value="Note: The correlations are currently based on full layer spatial extents and not any selected sub-area." />
 48                </div>
 49
 50            </vbox>
 51            <vbox style="padding-left: 10px" >
 52                <div id="atstep1" visible="true" zclass="first optional" sclass="atstep">
 53                    <label id="atstep1_desc" value="Apply to an area" sclass="wSubLabel"/>
 54                    <label id="atstep1_label" value="" />
 55                    <separator />
 56                    <radiogroup id="rgArea" orient="vertical" onOK="addtoolwindow.onClick$btnOk(null)" focus="true">
 57                        <radio id="rAreaCurrent" label="Current extent" value="current" />
 58                        <radio id="rAreaAustralia" label="Australia" value="australia" />
 59                        <radio id="rAreaWorld" label="World" value="world" />
 60                        <radio id="rAreaCustom" label="Define new area" value="custom" />
 61                    </radiogroup>
 62                </div>
 63
 64                <div id="atstep2" visible="false" zclass="step2 species" sclass="atstep" width="550px" height="600px">
 65                    <label id="atstep2_desc" value="Select species" sclass="wSubLabel"/>
 66                    <label id="atstep2_label" value="" />
 67                    <vbox>
 68                        <separator height="20px" />
 69                        <checkbox id="chkGeoKosherTrue" checked="true" label="Include spatially-valid records" />
 70                        <checkbox id="chkGeoKosherFalse" checked="false" label="Include spatially-suspect records" />
 71                        
 72                    </vbox>
 73                    <separator />
 74                    <radiogroup id="rgSpecies" orient="vertical" onOK="addtoolwindow.onClick$btnOk(null)">
 75                        <radio id="rSpeciesAll" label="All species" value="allspecies" visible="false" />
 76                        <radio id="rSpeciesMapped" label="All species currently mapped" value="allmapped" visible="false" />
 77                        <radio id="rSpeciesSearch" value="search" label="Search for species by common or scientific name" />
 78                        <vbox width="100%">
 79                            <div id="divSpeciesSearch" visible="false" >
 80                                <separator />
 81                                <label sclass="wLabel" value="Enter a scientific or common name"/>
 82                                <separator />
 83                                <hbox>
 84                                    <separator orient="vertical" />
 85                                    <div id="searchSpeciesACComp" use="org.ala.spatial.analysis.web.SpeciesAutoCompleteComponent"/>
 86                                    <!-- <combobox id="searchSpeciesAuto" use="org.ala.spatial.analysis.web.SpeciesAutoComplete"
 87                                    autodrop="true"  width="320px" 
 88                                    onOK="if(searchSpeciesAuto.getSelectedIndex()>=0)addtoolwindow.onClick$btnOk(null)" >
 89                                        <comboitem label=""/>
 90                                    </combobox> -->
 91                                </hbox>
 92                                <separator/>
 93                                <label sclass="wCaption" value='For example: "Macropus rufus" or "Red Kangaroo"'/>
 94                                <separator />
 95                                <!--<button sclass="goButton" label="Upload species" id="btnUpload" class="float:left" /> -->
 96                            </div>
 97                        </vbox>
 98                        <radio id="rMultiple" label="Create new species list" value="multiple" />
 99                        <vbox id="vboxMultiple" visible="false">
100                            <separator />
101                            <label value="Enter scientific names separated by a comma or new line." />
102                           <label value="Use 'Add from search box' to find and add additional species." />
103                            <hbox>
104                                <textbox id="tMultiple" width="380px" height="100px" multiline="true" />
105                                <button id="bMultiple" label="Add"/>
106                            </hbox>
107                            <separator height="15px"/>
108                            <hbox>
109                                <label value="Add from search" />
110                                <separator orient="vertical" />
111                                <div id="mSearchSpeciesACComp" use="org.ala.spatial.analysis.web.SpeciesAutoCompleteComponent"/>
112                                <!-- <combobox id="mSearchSpeciesAuto" use="org.ala.spatial.analysis.web.SpeciesAutoComplete" autodrop="true" width="330px" /> -->
113                            </hbox>
114                            <separator />
115                            <separator />
116                            <listbox id="lMultiple" width="500px" height="200px" >
117                            <listhead>
118                                <listheader label="" width="20px" />
119                                <listheader label="scientific name" id="lhSciName" width="220px"/>
120                                <listheader label="family" id="lhFamily" width="100px"></listheader>
121                                <listheader label="kingdom" id="lhKingdom" width="100px" ></listheader>
122                                <listheader label="count" id="lhCount" width="60px" ></listheader>
123                                <listheader label="lsid" id="lhLSID" visible="false" width="0px"></listheader>
124                                <listheader />
125                            </listhead>
126                        </listbox>
127                            <separator height="20px"/>
128                        </vbox>
129                        <radio id="rSpeciesUploadLSID" value="uploadLsid" label="Use existing species list" />
130                        <include id="splistbox" src="/WEB-INF/zul/SpeciesListListBox.zul" />
131                        <!-- NQ:2014-02-10 - AT the moment the Points to Grid does NOT support imported points. This will be solved when we have better sandbox integration -->
132                        <!-- <radio id="rSpeciesUploadSpecies" value="uploadSpecies" label="Import points" /> -->
133                    </radiogroup>                    
134                </div>
135
136                <div id="atstep3" visible="false" zclass="last optional">
137                    <label id="atstep3_desc" value="Points to Grid options." sclass="wSubLabel"/>
138                    <label id="atstep3_label" value="" />
139                    <separator height="15px" />
140                    <hbox>
141                        <label value="Enter grid cell size in decimal degrees" />
142                        <doublebox id="dResolution" constraint="no negative,no empty" value="0.05"/>
143                    </hbox>
144                    <separator height="15px" />
145                        <label value="Enter number of cells in the moving average window (for occurrence density and species richness layers)" />
146                        <combobox id="cbMovingAverageSize" readonly="true" width="200px" constraint="no empty"
147                            value="9x9">
148                            <comboitem label="1x1 (no moving average)" value="1" />
149                            <comboitem label="3x3" value="3" />
150                            <comboitem label="5x5" value="5" />
151                            <comboitem label="7x7" value="7" />
152                            <comboitem label="9x9" value="9" />
153                            <comboitem label="11x11" value="11" />
154                            <comboitem label="13x13" value="13" />
155                            <comboitem label="15x15" value="15" />
156                        </combobox>
157                    <separator height="15px" />
158                    <div visible="true">
159                        <vbox>
160                            <separator />
161                            <checkbox id="chkSitesBySpecies" label="Produce sites by species matrix" checked="true" />
162                            <checkbox id="chkOccurrenceDensity" label="Produce occurrence density layer" />
163                            <checkbox id="chkSpeciesDensity" label="Produce species richness layer" />
164                        </vbox>
165                    </div>
166                    <separator height="60px" />
167                    <vbox>
168                        <hbox>
169                            <label value="* Estimated time to run the process:" />
170                            <label id="lEstimateMessage" value="Unknown" />
171                        </hbox>
172                        <div id="notLoggedIn" visible="false">
173                            <vbox>
174                                <div>
175                                    Your process is estimated to take longer than 5 minutes 
176                                    to process. 
177                                </div>
178                                <div>
179                                    In such instances, we recommend that you 
180                                    log into the ALA system before proceeding with the 
181                                    process. 
182                                </div>
183                                <div>
184                                    1. Click the Login button to authenticate
185                                </div>
186                                <div>
187                                    2. Close the popup window once authenticated
188                                </div>
189                                <div>
190                                    3. Click Next to proceed.
191                                </div>
192                                <div>
193                                    <button id="bLogin" label="Login" sclass="goButton" style="float:left" />
194                                </div>
195                            </vbox>
196                        </div>
197                        <div id="isLoggedIn" visible="false">
198                            Please click the Next button to proceed with the process.
199                        </div>
200                    </vbox>
201                </div>
202            </vbox>
203        </hbox>
204        <div sclass="wizButtonContainer">
205            <hbox>
206                <button sclass="goButton" label="Help" id="btnHelp" visible="false" />
207                <button sclass="goButton" label="Cancel" id="btnCancel" />
208                <button sclass="goButton" label="&lt; Back" id="btnBack" disabled="true" />
209                <button sclass="goButton" label="Next &gt;" id="btnOk" />
210                <fileupload sclass="fUploadButton" id="fileUpload" label="Next &gt;" upload="true" visible="false" />
211                <!-- <button sclass="goButton" id="fileUpload" label="Next &gt;" upload="true" visible="false" /> -->
212            </hbox>
213        </div>
214    </window>
215</zk>