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

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

amendments to search function on base.html, update of search page and modification to display

  • 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">
49        </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', 'ceda/cedaObservation']);
76                                        </script>
77
78                                        <input type="hidden" name="coObs" id="coObs_id" value='{{ coObs }}' />
79                                        <input type="hidden" name="guid" id="guid_id" value='{{ guid }}' />
80
81                                        <div
82                                        data-dojo-type="dijit.form.Form"
83                                        id="myForm"
84                                        data-dojo-id="myForm"
85                                        encType="multipart/form-data"
86                                        action="{% url MolesManager.views.cedaSearch.coSearch %}" method="POST">
87       
88                                        <script type="dojo/method" data-dojo-event="onSubmit">
89                                                if(this.validate()){
90                                                        return confirm('Form is valid, press OK to submit');
91                                                }else{
92                                                        alert('Form contains invalid data.  Please correct first');
93                                                        return false;
94                                                }
95                                                return true;
96                                        </script>
97                               
98                                        {% csrf_token %}
99       
100                                        <!--    <div class="fieldWrapper claro">
101                                                        <label for="id_obj_id">Search:</label>
102                                                        <input type="text" name="searchTerm" value= ""
103                                                                data-dojo-type="dijit.form.TextBox"
104                                                                data-dojo-props="trim:true, propercase:true" id="searchTerm"/>
105                                                        <button id="search" type="submit">Search</button>
106                                               
107                                                </div> <!-- End of div fieldWrapper -->
108                                        <form method=POST name="searchAll" action="http://badc.nerc.ac.uk/cgi-bin/search/select_search">
109                                        <input type="hidden" name=badc_only value="n">
110                                        <input type="hidden" name=year value="any">
111                                        <center>
112                                        <table border=0 >
113
114                                        <tr>
115                                                <td><b>Search for:</b></td>
116                                                <td><input name="SEARCH_STRING" type="text" size="25" maxlength="50"></td>
117                                                <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>
118                                        </tr>
119                                        </table>
120                                        </center>
121                                </div> <!-- End of div myForm -->
122                               
123                        </div> <!-- End of div grid_4 push_8 -->
124                        <!-- <div id="advancedSearch" class="grid_3 push8"><p><a href="/search">+Advanced Search</a></p></div>
125                        -->
126                </div> <!-- End of div header-bottom -->
127        </div> <!-- End of div header -->
128 
129 
130  </div> <!-- end headerContainer -->
131
132  <div class="container_12 corner-page-bottom"></div> 
133<!-- END HEADER SECTION -->
134 
135<!-- C. MAIN SECTION -->     
136        <div class="container_12 fill" id="mainContainer">
137                <div class="corner-page-top"></div>   
138<!-- Place content here -->
139                <div class="fill" id="main" >   
140                        <h1>{% block title %}{% endblock %}</h1> 
141         
142                        {% block main %}{% endblock %}
143       
144                </div> <!--end main -->
145        </div> <!-- End of div mainContainer -->
146<!-- Place content above here -->
147
148    <!-- Footer section-->
149       
150        <div class="container_12 fill" id="footerContainer">
151                <br />
152                <br />
153                <div class="grid_12 whiteFill" id="footer">
154                        <div class="grid_12 alpha" id="footerLogos">
155                                <p><a href="http://www.ncas.ac.uk"><img src="/static/img/ncas_logo_fullcolour.jpg" alt="NCAS logo" title="NCAS" align="left"/></a>
156                                <a href="http://www.nceo.ac.uk"><img src="/static/img/nceo_logo.jpg" alt="NCEO logo" title="NCEO" align="right"/></a></p>
157                        </div> <!-- End div footerLogos-->
158                        <div class="grid_6 push_3 whiteFill omega" id="footerStatements">
159                                <p>Copyright &copy; 2011 STFC&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved</p>
160         
161                                <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>
162
163                        </div> <!-- End of footerStatements div -->
164                </div> <!-- End of div footer -->
165        </div>   <!-- End of footerContainer div -->
166        <div class="container_12 corner-page-bottom"></div> 
167
168</body>
169</html>
Note: See TracBrowser for help on using the repository browser.