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

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/mauRepo/MolesManager/trunk/src/MolesManager/static/templates/cedaObservation.html@8120
Revision 8120, 5.0 KB checked in by gparton, 8 years ago (diff)

committing changes to cedaObservation.js and associated views

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