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

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

latest amendments to ceda Obs view

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