source: mauRepo/MolesManager/trunk/src/MolesManager/static/templates/base.html @ 8426

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/mauRepo/MolesManager/trunk/src/MolesManager/static/templates/base.html@8426
Revision 8426, 7.0 KB checked in by mnagni, 7 years ago (diff)

Complete - # 22488: CEDA Observation Collection - Geographical Extent
 http://team.ceda.ac.uk/trac/ceda/ticket/22488
Moreover:
1) has been fixed a bug in JSON encoding
2) separated the OpenLayer? in an independent javascript libray (as example how to work with dojo multi-modules)
2) some javascripts used Object.keys function which is available only in the latest browser. Substituted with a dojo one

  • Property svn:executable set to *
Line 
1{% load i18n %}
2{% load static %}
3{% get_static_prefix as STATIC_URL %}
4
5<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
6<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
7
8
9<!--  Version: Multiflex-5.4 / Overview                     -->
10<!--  Type:    Design with sidebar                          -->
11<!--  Date:    March 13, 2008                               -->
12<!--  Design:  www.1234.info                                -->
13<!--  License: Fully open source without restrictions.      -->
14<!--           Please keep footer credits with the words    -->
15<!--           "Design by 1234.info". Thank you!            -->
16
17<head>
18
19    <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
20    <meta name="keywords" content="{% block meta_keywords %}{% endblock %}" /> 
21    <meta name="description" content="{% block meta_description %}{% endblock %}" /> 
22    <title>{% block meta_title %}{% endblock %}{% if settings.SITE_TITLE %} | {{ settings.SITE_TITLE }}{% endif %}</title>
23
24  <link rel="stylesheet" type="text/css" href="/static/css/960/reset.css"  />
25  <link rel="stylesheet" type="text/css" href="/static/css/960/960_12_col.css"  />
26  <link rel="stylesheet" type="text/css" href="/static/css/960/text.css"  />
27  <link rel="stylesheet" type="text/css" href="/static/css/ceda.css"  />
28  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />
29  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/layout/ContentPane.css" />
30  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/layout/TabContainer.css" />
31
32        <script type="text/javascript">
33                if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1){console.log("load dojoConfig")}
34        var dojoConfig = {
35                asynch:true,
36            parseOnLoad: true,
37            isDebug: true,
38            locale: 'en-gb',
39            extraLocale: ['it-it'],
40                // Register 'ceda' js libs
41                // Make sure the module path does *not* end in a slash.
42                packages:[
43                                { "name": "ceda", "location": "/static/js"}
44                ]
45        };
46                if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1){console.log(dojoConfig)}
47    </script>
48    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js"> </script>
49        <script src="http://openlayers.org/api/OpenLayers.js"></script>
50 
51    {% block extra_head %}{% endblock %}
52</head>
53
54<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
55<!-- Following line MUST remain as a comment to have the proper effect -->
56<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->
57
58<body class="claro">
59  <!-- CONTAINER FOR ENTIRE PAGE -->
60  <div class="container_12 fill" id="headerContainer">
61        <div class="corner-page-top"></div> 
62       
63    <div class="grid_12 fill" id="header" >
64            <div class="header-top">
65       
66                        <!-- A.1 SITENAME -->
67                        <a class="sitelogo" href="/" title="Home"></a>
68                          <div class="sitename"> </div>
69                </div> <!-- End of div header-top -->
70               
71                <div class="header-bottom">
72                        <div class="grid_9 push_3">
73               
74                                        <script type="text/javascript">
75                                                require(['dijit/form/Form', 'dijit/form/TextBox', 'dijit/form/Textarea', 
76                                                         'ceda/cedaObservation']);
77                                        </script>
78
79                                        <input type="hidden" name="coObs" id="coObs_id" value='{{ coObs }}' />
80                                        <input type="hidden" name="guid" id="guid_id" value='{{ guid }}' />
81
82                                        <div
83                                        data-dojo-type="dijit.form.Form"
84                                        id="myForm"
85                                        data-dojo-id="myForm"
86                                        encType="multipart/form-data"
87                                        action="{% url MolesManager.views.cedaSearch.coSearch %}" method="POST">
88       
89                                        <script type="dojo/method" data-dojo-event="onSubmit">
90                                                if(this.validate()){
91                                                        return confirm('Form is valid, press OK to submit');
92                                                }else{
93                                                        alert('Form contains invalid data.  Please correct first');
94                                                        return false;
95                                                }
96                                                return true;
97                                        </script>
98                               
99                                        {% csrf_token %}
100       
101                                        <!--    <div class="fieldWrapper claro">
102                                                        <label for="id_obj_id">Search:</label>
103                                                        <input type="text" name="searchTerm" value= ""
104                                                                data-dojo-type="dijit.form.TextBox"
105                                                                data-dojo-props="trim:true, propercase:true" id="searchTerm"/>
106                                                        <button id="search" type="submit">Search</button>
107                                               
108                                                </div> <!-- End of div fieldWrapper -->
109                                        <form method=POST name="searchAll" action="http://badc.nerc.ac.uk/cgi-bin/search/select_search">
110                                        <input type="hidden" name=badc_only value="n">
111                                        <input type="hidden" name=year value="any">
112                                        <center>
113                                        <table border=0 >
114
115                                        <tr>
116                                                <td><b>Search for:</b></td>
117                                                <td><input name="SEARCH_STRING" type="text" size="25" maxlength="50"></td>
118                                                <td nowrap><b>in: &nbsp; </b></td><td> CEDA <input type="radio" name="SEARCH_WHAT" checked value="BROWSE" /> &nbsp; <input type="radio" name="SEARCH_WHAT" value="DISCOVERY" />  NERC Data Catalogue Service <INPUT TYPE="SUBMIT" VALUE="Search"></td>
119                                        </tr>
120                                        </table>
121                                        </center>
122                                </div> <!-- End of div myForm -->
123                               
124                        </div> <!-- End of div grid_4 push_8 -->
125                        <!-- <div id="advancedSearch" class="grid_3 push8"><p><a href="/search">+Advanced Search</a></p></div>
126                        -->
127                </div> <!-- End of div header-bottom -->
128        </div> <!-- End of div header -->
129 
130 
131  </div> <!-- end headerContainer -->
132
133  <div class="container_12 corner-page-bottom"></div> 
134<!-- END HEADER SECTION -->
135 
136<!-- C. MAIN SECTION -->     
137        <div class="container_12 fill" id="mainContainer">
138                <div class="corner-page-top"></div>   
139<!-- Place content here -->
140                <div class="fill" id="main" >   
141                        <h1>{% block title %}{% endblock %}</h1> 
142         
143                        {% block main %}{% endblock %}
144       
145                </div> <!--end main -->
146        </div> <!-- End of div mainContainer -->
147<!-- Place content above here -->
148
149    <!-- Footer section-->
150       
151        <div class="container_12 fill" id="footerContainer">
152                <br />
153                <br />
154                <div class="grid_12 whiteFill" id="footer">
155                        <div class="grid_12 alpha" id="footerLogos">
156                                <p><a href="http://www.ncas.ac.uk"><img src="/static/img/ncas_logo_fullcolour.jpg" alt="NCAS logo" title="NCAS" align="left"/></a>
157                                <a href="http://www.nceo.ac.uk"><img src="/static/img/nceo_logo.jpg" alt="NCEO logo" title="NCEO" align="right"/></a></p>
158                        </div> <!-- End div footerLogos-->
159                        <div class="grid_6 push_3 whiteFill omega" id="footerStatements">
160                                <p>Copyright &copy; 2011 STFC&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved</p>
161         
162                                <p class="credits">Based on 960.gs with design elements from <a href="http://1234.info/" title="Designer Homepage">1234.info</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">CSS 2.0</a> </p>
163
164                        </div> <!-- End of footerStatements div -->
165                </div> <!-- End of div footer -->
166        </div>   <!-- End of footerContainer div -->
167        <div class="container_12 corner-page-bottom"></div> 
168
169</body>
170</html>
Note: See TracBrowser for help on using the repository browser.