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

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

amendment to search page, addition of martian map

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> 
48        <div class="grid_7 cedaObs" id="middleMiddle">
49                <div class="grid_7 alpha" id="description">
50                        <div id="citation_id"></div>
51                        <div id="pastCitation_id"></div>
52                        <div id="keywords_id"></div>
53                        <div id="description_id"></div>
54                        <br />
55                </div><!-- End of div description -->
56                <!-- <div class="grid_5 omega" id="news">
57                         <p>News bar</p>
58                </div><!-- End of div news  -->
59        </div>
60</div> 
61         <!-- End of div upper_right -->
62 <!-- End of div upper_section -->
63
64
65<div id="lower_section" class="grid_12 whiteFill">
66    <div id="lower_tab1" style="height:300px" class="grid_8 push_2 cedaObs">
67
68                <script type="text/javascript">
69                        /* require necessary classes */
70                        dojo.require('dijit.layout.TabContainer');
71                        dojo.require('dijit.layout.ContentPane');
72                        dojo.require('dijit.form.Button');
73                       
74                        /* when all classes have loaded... */
75                        dojo.ready(function() {
76                                /*
77                                        don't need to do anything programmatically!
78                                        parseOnLoad and dojoType does the magic!
79                                */
80                        });
81                </script>
82
83        <!-- will host all tabs and their content panes -->
84                <div dojoType="dijit.layout.TabContainer" id="tabContainer" style="width:100%;height:100%;">
85               
86               
87                        <!-- content panes: title is tab name, make this tab selected -->
88                        <div dojoType="dijit.layout.ContentPane" title="Archive content details" selected="true">
89                                <div id="docLink_id"><p>Links to external documentation and sites</p></div>
90                        </div>
91               
92                        <!-- content panes: title is tab name, no special features here -->
93               
94                        <!-- content panes: title is tab name, make this tab closable -->
95               
96                        <!-- content panes: title is tab name, load content remotely, preload -->
97                        <div dojoType="dijit.layout.ContentPane" title="Data Lineage">
98                                <div id="dataLineage_id"></div>
99                        </div>
100                       
101               
102                </div>
103
104                       
105    </div> <!-- End of div lower_side -->
106</div> <!-- End of div lower_section -->
107<div class="corner-content-1col-bottom"></div> 
108
109{% endblock %}
Note: See TracBrowser for help on using the repository browser.