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

RevLine 
[8042]1{% extends "base.html" %}
[8090]2        {% block extra_head %}
[8215]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">
[8267]5                <dc id="dublinCoreHolder_id"></dc>
6               
[8215]7        {% endblock %}
[8016]8
[8244]9{% block title %}
10{% endblock %}
[8090]11   
12{% block main %}
[8016]13
[8141]14<script type="text/javascript">
15        require(['ceda/cedaObservation']);
16</script>
[8244]17<div class="grid_12 whiteFill">
18        <div class="grid_2">
19                <div id="cedaObsLogo"></div>
[8232]20                <div id='pubDetails_id'></div>
[8244]21        </div>
[8273]22        <div class = "grid_9">
[8244]23                <div id="title_id"></div>
24        </div> 
25</div>
[8088]26
[8244]27<div id = "upper_section" class="grid_12 whiteFill">
28        <div class="grid_4 cedaObs" id="middleLeft cedaObs">
[8120]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">
[8244]35                                <div id="datalink_id"><p>Links to download and data services </p></div>
36                        </div>
[8120]37                        <div data-dojo-type="dijit.layout.ContentPane" title="Apply for Access">
[8244]38                                <div id="access_id">Access to these data may be restricted</div>
39                        </div>
[8120]40                        <div data-dojo-type="dijit.layout.ContentPane" title="Help">
[8244]41                                <div id="help_id">For assistance contact <a href="mailto:badc@rl.ac.uk">badc@rl.ac.uk</a></div>
42                        </div>
[8120]43                </div>
[8262]44                <div id="bbox_id"></div>
[8244]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">
[8267]50                        <div id="citation_id"></div>
51                        <div id="pastCitation_id"></div>
52                        <div id="keywords_id"></div>
53                        <div id="description_id"></div>
[8120]54                        <br />
55                </div><!-- End of div description -->
[8215]56                <!-- <div class="grid_5 omega" id="news">
[8120]57                         <p>News bar</p>
[8215]58                </div><!-- End of div news  -->
[8244]59        </div>
60</div> 
61         <!-- End of div upper_right -->
62 <!-- End of div upper_section -->
[8091]63
[8211]64
[8120]65<div id="lower_section" class="grid_12 whiteFill">
[8244]66    <div id="lower_tab1" style="height:300px" class="grid_8 push_2 cedaObs">
[8091]67
[8120]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 -->
[8244]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>
[8120]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">
[8267]98                                <div id="dataLineage_id"></div>
[8244]99                        </div>
100                       
[8120]101               
102                </div>
[8016]103
[8244]104                       
[8120]105    </div> <!-- End of div lower_side -->
106</div> <!-- End of div lower_section -->
[8090]107<div class="corner-content-1col-bottom"></div> 
[8016]108
[8042]109{% endblock %}
Note: See TracBrowser for help on using the repository browser.