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

 1<?variable-resolver class="org.zkoss.spring.DelegatingVariableResolver"?>
 2<zk>
 3    <window id="areaenvironmentalenvelopewindow" use="org.ala.spatial.analysis.web.AreaEnvironmentalEnvelope"
 4    apply="org.ala.spatial.analysis.web.AreaEnvironmentalEnvelope" 
 5    width="400px" xmlns:n="http://www.zkoss.org/2005/zk/native"
 6    style="position:absolute;left:20px;top:20px" draggable="false">
 7        <n:div class="left-cover" />
 8        <n:div class="fancybox-bg" id="fancybox-bg-ne" />
 9        <n:div class="fancybox-bg" id="fancybox-bg-se" />
10        <n:div class="fancybox-bg" id="fancybox-bg-sw" />
11        <n:div class="fancybox-bg" id="fancybox-bg-nw" />
12        <n:div class="fancybox-bg" id="fancybox-bg-n" />
13        <n:div class="fancybox-bg" id="fancybox-bg-e" />
14        <n:div class="fancybox-bg" id="fancybox-bg-s" />
15        <n:div class="fancybox-bg" id="fancybox-bg-w" />
16        <a sclass="fancybox-close" onClick="areaenvironmentalenvelopewindow.onClick$btnCancel(null)" style="display: inline" />
17
18        <caption label="Environmental Envelope" />
19
20        <vbox>
21            <div>
22                <hbox width="100%">
23                    <label value="Area name" sclass="h3" />
24                    <textbox id="txtLayerName" width="250px"/>
25                </hbox>
26            </div>
27            <label value="Search for a layer to add" />
28            <combobox id="cbEnvLayers" use="org.ala.spatial.analysis.web.EnvLayersCombobox" autodrop="true" width="350px" >
29                <comboitem label=""/>
30            </combobox>
31            <label sclass="exampleText">e.g. Annual Mean Temperature</label>
32            <separator />
33            <separator />
34            <button style="float:left" id="btnClearSelection" label="Clear layers" sclass="goButton" />
35                <listbox id="lbSelLayers" multiple="false" checkmark="false" height="300px" >
36                    <listhead>
37                        <listheader label="Layer" width="40%" ></listheader>
38                        <listheader>
39                            <label value="Envelope extent" width="40%"></label>
40                        </listheader>
41                        <listheader width="20%">
42                            <vbox>
43                                <label value="Species"></label>
44                                <label value="count"></label>
45                            </vbox>
46                        </listheader>
47                    </listhead>
48                    <listfoot>
49                        <listfooter span="3">
50                            <div id="popup_continous" visible="false" width="100%" >
51
52                                <label sclass="word-wrap"
53                                       style="white-space: normal; font-weight:bold"
54                                       value="edit envelope for this layer" id="label_continous"
55                                       multiline="true"/>
56
57                                <vbox width="100%">
58                                    <hbox><label value="Full layer extent"/><label id="popup_range"/></hbox>
59                                    <hbox>
60                                        <slider id="popup_slider_min" slidingtext="">
61                                        </slider>
62                                        <doublebox id="popup_minimum" width="80px"></doublebox>
63                                    </hbox>
64
65                                    <hbox>
66                                        <slider id="popup_slider_max" slidingtext="">
67                                        </slider>
68                                        <doublebox id="popup_maximum" width="80px"></doublebox>
69                                        <textbox id="popup_idx" visible="false"></textbox>
70                                    </hbox>
71                                    <hbox>
72                                        <button label="Update species count" id="apply_continous" sclass="goButton" autodisable="self"/>
73                                        <button label="Remove" id="remove_continous" sclass="goButton" />
74                                    </hbox>
75                                </vbox>
76                            </div>
77                        </listfooter>
78                    </listfoot>
79                </listbox>
80                <separator />
81                <separator />
82            </vbox>
83        <div style="float:right;margin-right:5px">
84            <hbox>                
85                <button sclass="goButton" label="Cancel" id="btnCancel" onClick="areaenvironmentalenvelopewindow.detach()"/>
86                <button label="Next" id="filter_done" sclass="goButton" disabled="true" autodisable="self"/>
87            </hbox>
88        </div>
89
90    </window>
91</zk>
92