source: mauRepo/MolesManager/trunk/src/MolesManager/static/templates/cedaObservation.html @ 8141

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/mauRepo/MolesManager/trunk/src/MolesManager/static/templates/cedaObservation.html@8141
Revision 8141, 5.0 KB checked in by mnagni, 8 years ago (diff)
Line 
1{% extends "base.html" %}
2        {% block extra_head %}
3       
4        {% endblock %}
5
6{% block title %} CEDA Observation Record {% endblock %}
7   
8{% block main %}
9
10<script type="text/javascript">
11        require(['ceda/cedaObservation']);
12</script>
13
14<div id = "upper_section" class="grid_12 whiteFill">
15  <h4>Search Results</h4>
16  <div class="grid_2" id="cedaObsLogo"></div> <!-- End of div cedaObsLogo -->
17  <div class="grid_8 " id="upper_middle">
18       
19        <div class="grid_8 alpha cedaObs" id="upper_middle_top">
20                <label for="title">Title</label><div id="title_id"></div>       <br />
21                <label for="citation">Citation</label><div id="citation_id"></div><br />
22                <label for="keywords">Keywords</label><div id="keywords_id"></div><br />
23        </div> <!-- End of div upper_middle_top -->
24
25  </div>   
26</div> 
27
28
29
30<div id = "middle_section" class="grid_12 whiteFill">
31        <div id="middleLeft cedaObs" class=grid_3>
32                <script type="text/javascript">
33                        require(["dojo/parser", "dijit/layout/AccordionContainer", "dijit/layout/ContentPane"]);
34                </script>
35       
36                <div data-dojo-type="dijit.layout.AccordionContainer">
37                        <div data-dojo-type="dijit.layout.ContentPane" title="Sample Data">
38            <p>Link to some Sample Data </p>
39        </div>
40                        <div data-dojo-type="dijit.layout.ContentPane" title="Download & Services" selected="true">
41            <p>Links to download and data services </p>
42        </div>
43                        <div data-dojo-type="dijit.layout.ContentPane" title="Apply for Access">
44            <p>This is a restricted dataset. To obtain access please use this link:</p>
45        </div>
46                        <div data-dojo-type="dijit.layout.ContentPane" title="Help">
47            <p>To contact the CEDA Helpdesk please use the <a href="http://www.ceda.ac.uk/contact">Contact Us page.</a></p>
48        </div>
49                </div>
50        </div> 
51        <div class="grid_6 cedaObs" id="middleMiddle">
52                <div class="grid_6 alpha" id="description">
53                        <label for="description">Description</label><div id="description_id"></div>
54                        <br />
55                </div><!-- End of div description -->
56                <div class="grid_6 omega" id="news">
57                         <p>News bar</p>
58                </div><!-- End of div news -->
59        </div>   
60
61   <div class="grid_3 cedaObs" id="middleRight">
62                <label for="geographicExtent">Geographic Extent</label><div id="geographicalExtent_id"></div> <br />
63                <label for="resolution">Resolution</label><div id="resolution_id"></div> <br /> 
64   </div> <!-- End of div upper_right -->
65</div> <!-- End of div upper_section -->
66
67
68<div id="lower_section" class="grid_12 whiteFill">
69
70 
71    <div id="lower_tab1" class="grid_7 cedaObs" style="height:300px">
72
73                <script type="text/javascript">
74                        /* require necessary classes */
75                        dojo.require('dijit.layout.TabContainer');
76                        dojo.require('dijit.layout.ContentPane');
77                        dojo.require('dijit.form.Button');
78                       
79                        /* when all classes have loaded... */
80                        dojo.ready(function() {
81                                /*
82                                        don't need to do anything programmatically!
83                                        parseOnLoad and dojoType does the magic!
84                                */
85                        });
86                </script>
87
88        <!-- will host all tabs and their content panes -->
89                <div dojoType="dijit.layout.TabContainer" id="tabContainer" style="width:100%;height:100%;">
90               
91               
92                        <!-- content panes: title is tab name, make this tab selected -->
93                        <div dojoType="dijit.layout.ContentPane" title="Parameters" selected="true">                   
94                        <p>Parameter List to go in here</p>                     
95                </div>
96               
97                        <!-- content panes: title is tab name, no special features here -->
98                        <div dojoType="dijit.layout.ContentPane" title="Format">
99                        <p>Details of format to go in here</p>
100                </div>
101               
102                        <!-- content panes: title is tab name, make this tab closable -->
103                        <div dojoType="dijit.layout.ContentPane" title="Data Quality">
104                        <p>Quality Statement goes in here</p>
105                </div>
106               
107                        <!-- content panes: title is tab name, load content remotely, preload -->
108                        <div dojoType="dijit.layout.ContentPane" title="Data Lineage">
109                        <p><label for="id_dataLineage">Data Lineage</label><div id="records_dataLineage"></div> <br /> <br /></p>
110                </div>
111               
112                </div>
113
114        </div> <!-- End of div lower_tab1 -->
115    <div id="lower_side" class="grid_4 cedaObs">
116                <h5><i>Additional Information:</i></h5>
117               
118                <div data-dojo-type="dijit.layout.AccordionContainer">
119                        <div data-dojo-type="dijit.layout.ContentPane" title="Related Data">
120                                <p>Links to related data products</p>
121                        </div>
122                        <div data-dojo-type="dijit.layout.ContentPane" title="Project Details" selected="true">
123                                <p>Link to Project</p>
124                        </div>
125                        <div data-dojo-type="dijit.layout.ContentPane" title="Data Production Details">
126                                <p>Link to Procedure</p>
127                        </div>
128                        <div data-dojo-type="dijit.layout.ContentPane" title="Documentation and Links">
129                                <p>Links to external documentation and sites</p>
130                        </div>
131                        <div data-dojo-type="dijit.layout.ContentPane" title="Archive content details">
132                                <p>Links to external documentation and sites</p>
133                        </div>
134                        <div data-dojo-type="dijit.layout.ContentPane" title="File list and Checksums">
135                                <label for="relatedParty">Related Parties</label><div id="relatedParty"></div><br />
136
137                        </div>
138                </div>         
139    </div> <!-- End of div lower_side -->
140</div> <!-- End of div lower_section -->
141<div class="corner-content-1col-bottom"></div> 
142
143{% endblock %}
Note: See TracBrowser for help on using the repository browser.