source: mauRepo/MolesManager/trunk/cedaMoles/MolesManager/static/templates/cedaObservationCollection.html @ 8445

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/mauRepo/MolesManager/trunk/cedaMoles/MolesManager/static/templates/cedaObservationCollection.html
Revision 8445, 3.5 KB checked in by mnagni, 7 years ago (diff)

Complete - # 22489: CEDA Observation Collection - phenomenonTime
 http://team.ceda.ac.uk/trac/ceda/ticket/22489
Complete - # 22488: CEDA Observation Collection - Geographical Extent
 http://team.ceda.ac.uk/trac/ceda/ticket/22488

Line 
1{% extends "base.html" %}
2        {% block extra_head %}
3                <script src="http://openlayers.org/api/OpenLayers.js"></script>
4                <link rel="stylesheet" href="http://openlayers.org/dev/theme/default/style.css" type="text/css">
5                <dc id="dublinCoreHolder_id"></dc>
6               
7        {% endblock %}
8
9{% block title %}
10{% endblock %}
11   
12{% block main %}
13
14<script type="text/javascript">
15        require(['ceda/cedaObservation']);
16</script>
17<div class="grid_12 whiteFill">
18        <div class="grid_2">
19                <div id="cedaObsLogo"></div>
20                <div id='pubDetails_id'></div>
21        </div>
22        <div class = "grid_9">
23                <div id="title_id"></div>
24        </div> 
25</div>
26
27<div id = "upper_section" class="grid_12 whiteFill">
28        <div class="grid_4 cedaObs" id="middleLeft cedaObs">
29                <script type="text/javascript">
30                        require(["dojo/parser", "dijit/layout/AccordionContainer", "dijit/layout/ContentPane"]);
31                </script>
32       
33                <div data-dojo-type="dijit.layout.AccordionContainer">
34                        <div data-dojo-type="dijit.layout.ContentPane" title="Download & Services" selected="true">
35                                <div id="datalink_id"><p>Links to download and data services </p></div>
36                        </div>
37                        <div data-dojo-type="dijit.layout.ContentPane" title="Apply for Access">
38                                <div id="access_id">Access to these data may be restricted</div>
39                        </div>
40                        <div data-dojo-type="dijit.layout.ContentPane" title="Help">
41                                <div id="help_id">For assistance contact <a href="mailto:badc@rl.ac.uk">badc@rl.ac.uk</a></div>
42                        </div>
43                </div>
44                <div id="bbox_id"></div>
45                <div style="width:300px; height:175px" id="map" class="smallmap"></div>
46                <div id="resultTime_id"></div>
47                <div id='updateFreq_id'></div>
48        </div> 
49        <div class="grid_7 cedaObs" id="middleMiddle">
50                <div class="grid_7 alpha" id="description">
51                        <div id="citation_id"></div>
52                        <div id="pastCitation_id"></div>
53                        <div id="keywords_id"></div>
54                        <div id="description_id"></div>
55                        <div id="project_id"></div>
56                        <br />
57                </div><!-- End of div description -->
58                <!-- <div class="grid_5 omega" id="news">
59                         <p>News bar</p>
60                </div><!-- End of div news  -->
61        </div>
62</div> 
63         <!-- End of div upper_right -->
64 <!-- End of div upper_section -->
65
66<div id="lower_section" class="grid_12 whiteFill">
67        <div class="grid_8 push_2 alpha">
68                        <h5>Additional Information</h5>
69        </div>
70    <div id="lower_tab1" style="height:300px" class="grid_8 push_2 cedaObs">
71               
72                <script type="text/javascript">
73                        /* require necessary classes */
74                        dojo.require('dijit.layout.TabContainer');
75                        dojo.require('dijit.layout.ContentPane');
76                        dojo.require('dijit.form.Button');
77                       
78                        /* when all classes have loaded... */
79                        dojo.ready(function() {
80                                /*
81                                        don't need to do anything programmatically!
82                                        parseOnLoad and dojoType does the magic!
83                                */
84                        });
85                </script>
86
87        <!-- will host all tabs and their content panes -->
88                <div dojoType="dijit.layout.TabContainer" id="tabContainer" style="width:100%;height:100%;">
89               
90               
91                        <!-- content panes: title is tab name, make this tab selected -->
92                        <div dojoType="dijit.layout.ContentPane" title="Archive content details" selected="true">
93                                <div id="docLink_id"><p>Links to external documentation and sites</p></div>
94                        </div>
95               
96                        <!-- content panes: title is tab name, no special features here -->
97               
98                        <!-- content panes: title is tab name, make this tab closable -->
99               
100                        <!-- content panes: title is tab name, load content remotely, preload -->
101                        <div dojoType="dijit.layout.ContentPane" title="Data Lineage">
102                                <div id="dataLineage_id"></div>
103                        </div>
104                       
105               
106                </div>
107
108                       
109    </div> <!-- End of div lower_side -->
110</div> <!-- End of div lower_section -->
111<div class="corner-content-1col-bottom"></div> 
112
113{% endblock %}
Note: See TracBrowser for help on using the repository browser.