source: TI05-delivery/ows_framework/trunk/ows_server/ows_server/templates/advanced.kid @ 3691

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/TI05-delivery/ows_framework/trunk/ows_server/ows_server/templates/advanced.kid@3691
Revision 3691, 8.5 KB checked in by cbyrom, 13 years ago (diff)

Create new controls to componentise functionality for maps, layer
selection and dimension selection. Replace existing functionality with
this.
Add verbose documentation.

Line 
1<html py:extends="'ndgPage.kid'" xmlns="http://www.w3.org/1999/xhtml" xmlns:py="http://purl.org/kid/ns#">
2    <!-- provides the main introduction and "advanced" search page -->
3    <head>
4      <replace py:replace="pagehead()"/>
5          <script src="$g.server/js/wmsc.js"></script>
6          <script src="$g.server/js/prototype.js"></script>
7          <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
8      <script src="$g.server/js/openlayers-x.js"/>
9      <script src="$g.server/js/dimensionControl.js"/>
10      <script src="$g.server/js/mapControl.js"/>
11      <script type="text/javascript">
12        var app = null;
13        function initOLMapBox() {
14          var controlMarkup = '<tr>\
15                <td>Northerly Latitude:</td>\
16        <td colspan="2" align="center">\
17                        <input size="7" value="${c.bbox[0]}" name="bboxN"/>\
18                </td>\
19                </tr>\
20                <tr>\
21                        <td>Longitudinal Extent:</td>\
22                <td align="center"><input size="8" value="${c.bbox[1]}" name="bboxW"/></td>\
23                <td align="center"><input size="8" value="${c.bbox[2]}" name="bboxE"/></td></tr>\
24        <tr><td> Southerly Latitude:</td>\
25        <td colspan="2" align="center">\
26                <input size="7" value="${c.bbox[3]}" name="bboxS"/></td></tr>\
27        <tr><td colspan="3">(Units: degrees, north and east positive)</td></tr>';
28       
29          var coordControl = new WMSC.DimControl('dims', 'discoForm', controlMarkup);
30          app = new WMSC.VisApp('map', 10, 440, false);
31          app.addDimensionControl(coordControl);
32        }
33      </script>
34
35    </head>
36    <body onload="initOLMapBox()">
37    <div id="entirepage">
38        <div py:replace="header1(0)"/>
39        <div py:replace="PageTabs('Search')"/>
40        <div class="outer">
41            <div class="inner">
42                <form action="$c.discoveryURL" name="discoForm" id="discoForm">
43                <div class="float-wrap">
44                    <div id="AdvContent">
45                        <div class="contentWrap">
46                            <p>The NERC Data Discovery Service allows you to find data resources held within the NERC DataGrid (NDG) catalogue. 
47                            The catalogue makes data discovery easier as it connects data held in managed archives and other initiatives.</p>
48                            <p>It is populated with 'discovery' metadata (information about data sets) harvested on a regular basis from the
49                            NERC Data Centres and other providers in the UK and worldwide. </p>
50                            <p>Choose one or more search categories to query the catalogue and return data sets of interest. 
51                            Links to further information and/or data access are provided in the responses.</p>
52                            <div class="searchHdr">Free text search <span py:replace="helpIcon('fts_help')"/></div>
53                            <div id="fts_help" class="hidden" >
54                                <div class="helptxt">
55                                 <p>Free text search looks through the entire database of discovery documents, or it can be limited
56                                    to the Author (dataset creator), or Parameter fields</p>
57                                    <p> Note that it is possible to get a document returned which apparently does not include the
58                                    search term; this can occur when the html view does not reflect the entire document content.
59                                    The document pages include links to fuller and more original versions in viewable XML if you
60                                    suspect this is occurring and wish to track down obscure matches.</p>
61                                </div>
62                            </div>
63                            <div class="SearchBox">
64                                <label for="searchString"><input name="searchString" type="text" id="searchString" size="25" value="$c.searchString"/></label>
65                                <label for="textTarget"><select name="textTarget" id="textTarget">
66                                <option value="All" selected="selected">All</option>
67                                <option value="Authors">Authors</option>
68                                <option value="Params">Parameters</option> </select></label>
69                            </div>
70                           <div class="searchHdr">Temporal coverage (YYYY MM DD)&nbsp;<span py:replace="helpIcon('temcov_help')"/></div>
71                           <div id="temcov_help" class="hidden">
72                            <div class="helptxt">
73                            <p>You can find datasets which have data within a specific time range by using the temporal coverage</p>
74                            </div>
75                           </div>
76                           <div class="SearchStartDate">
77                                <span class="SearchTxt">Start date</span>
78                                <input type="text" value="$c.startDateYear" size="4" name="startDateYear"/>
79                                <input type="text" value="$c.startDateMon" size="2" name="startDateMon"/>
80                                <input type="text" value="$c.startDateDay" size="2" name="startDateDay"/></div>
81                           <div class="SearchEndDate">
82                                <span class="SearchTxt">End date&nbsp;&nbsp;</span>
83                                <input type="text" value="$c.endDateYear" size="4" name="endDateYear"/>
84                                <input type="text" value="$c.endDateMon" size="2" name="endDateMon"/>
85                                <input type="text" value="$c.endDateDay" size="2" name="endDateDay"/></div>     
86                           <div class="searchHdr">Source data providers <span py:replace="helpIcon('datpro_help')"/></div>
87                           <div id="datpro_help" class="hidden">
88                           <div class="helptxt"><p>Your search can be limited to NERC data centres alone</p></div></div>
89                           <div class="SearchSource">
90                               <label for="All"><input type="radio" name="source" value="All" id="All" checked="checked" />All</label>
91                               &nbsp;&nbsp;&nbsp;
92                               <label for="nercddc"><input type="radio" name="source" value="NERC_DDC" id="nercddc" />NERC Data Centres only</label>
93                           </div><br/>                 
94                            <div id="SearchSubmit"><input name="Search" type="submit" value="Search" />&nbsp;&nbsp;&nbsp;
95                            <input name="ClearForm" type="submit" value="Clear form" /></div><br />
96                        </div>
97                    </div> <!-- end centered AdvContent div -->
98                    <div id="innerLeft"></div>
99                    <!-- end left div -->
100                    <div class="clear"></div>
101                </div> <!--float wrap -->
102                <div id="innerRight">
103                    <?python
104                    #Search Types
105                    sps=[['overlaps','overlaps'],['does not overlap','doesNotOverlap'],['is within','within']]
106                    ?>
107                    <div class="searchHdr">Spatial coverage <span py:replace="helpIcon('spacov_help')"/></div>
108                    <table>
109                    <tr><td colspan="3">Look for data which
110                        <select name="geoSearchType">${XML(h.options_for_select(sps,c.geoSearchType))}</select>
111                    the search region.</td></tr>
112                        <tr>
113                        <td colspan="3">
114                        <div id="map"></div>
115                            <div id="spacov_help" class="hidden">
116                                <div class="helptxt">
117                                <p> The default search is a global search. You can select a limited geospatial region using either the text boxes or the map.
118                                 The default is to limit to datasets which overlap with a search region, but you can also aim to find only the datasets
119                                 within the search region, or which <b>don't</b> overlap with the search region too. </p>
120                                 <p> Or at least that's what should happen. Right now (December 3, 2007) only "overlaps" works!</p></div>
121                            </div>
122                    </td></tr>
123                    <tr>
124                    <td align="center">
125                    <div id="dims"/>
126                    </td>
127                    </tr>
128                    </table>
129                </div> <!-- end right div -->
130                <div class="clear"></div>
131                </form>
132            </div> <!-- inner -->
133        </div> <!-- outer -->
134        <div py:replace="footer()"/>
135    </div>
136    </body>
137</html>
Note: See TracBrowser for help on using the repository browser.