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

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/mauRepo/MolesManager/trunk/src/MolesManager/static/templates/base.html@8140
Revision 8140, 5.9 KB checked in by mnagni, 8 years ago (diff)
  • 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="css/960/reset.css"  />
25  <link rel="stylesheet" type="text/css" href="css/960/960_12_col.css"  />
26  <link rel="stylesheet" type="text/css" href="css/960/text.css"  />
27  <link rel="stylesheet" type="text/css" href="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<body class="claro">
33
34       
35        <script type="text/javascript">
36                console.log("load dojoConfig");
37        var dojoConfig = {
38            parseOnLoad: true,
39            isDebug: true,
40            locale: 'en-gb',
41            extraLocale: ['it-it'],
42                // Register 'ceda' js libs
43                // Make sure the module path does *not* end in a slash.           
44            paths: {"ceda": "/static/js"}
45        };
46                console.log(dojoConfig);
47    </script>
48        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/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>
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_4 push_8">
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
80                                        <div data-dojo-type="dijit.form.Form" id="myForm" data-dojo-id="myForm" encType="multipart/form-data" action="." method="POST">
81       
82                                        <script type="dojo/method" data-dojo-event="onSubmit">
83                                                if(this.validate()){
84                                                        return confirm('Form is valid, press OK to submit');
85                                                }else{
86                                                        alert('Form contains invalid data.  Please correct first');
87                                                        return false;
88                                                }
89                                                return true;
90                                        </script>
91                               
92                                        {% csrf_token %}
93       
94                                                <div class="fieldWrapper claro">
95                                                        <label for="id_obj_id">Search:</label>
96                                                        <input type="text" name="obs_id" value= ""
97                                                                data-dojo-type="dijit.form.TextBox"
98                                                                data-dojo-props="trim:true, propercase:true" id="obs_id"/>
99                                                        <button id="search_obs" type="submit">Search</button>
100                                               
101                                                </div> <!-- End of div fieldWrapper -->
102                                                <div id="advancedSearch"><p><a href="/search">+Advanced Search</a></p></div>
103                                       
104                                        </div> <!-- End of div myForm -->                               
105                        </div> <!-- End of div grid_4 push_8 -->
106                       
107                </div> <!-- End of div header-bottom -->
108        </div> <!-- End of div header -->
109 
110 
111  </div> <!-- end headerContainer -->
112
113  <div class="container_12 corner-page-bottom"></div> 
114<!-- END HEADER SECTION -->
115 
116<!-- C. MAIN SECTION -->     
117        <div class="container_12 fill" id="mainContainer">
118                <div class="corner-page-top"></div>   
119<!-- Place content here -->
120                <div class="fill" id="main" >   
121                        <h1>{% block title %}{% endblock %}</h1> 
122         
123                        {% block main %}{% endblock %}
124       
125                </div> <!--end main -->
126        </div> <!-- End of div mainContainer -->
127<!-- Place content above here -->
128
129    <!-- Footer section-->
130       
131        <div class="container_12 fill" id="footerContainer">
132                <br />
133                <br />
134                <div class="grid_12 whiteFill" id="footer">
135                        <div class="grid_12 alpha" id="footerLogos">
136                                <p><a href="http://www.ncas.ac.uk"><img src="img/ncas_logo_fullcolour.jpg" alt="NCAS logo" title="NCAS" align="left"/></a>
137                                <a href="http://www.nceo.ac.uk"><img src="img/nceo_logo.jpg" alt="NCEO logo" title="NCEO" align="right"/></a></p>
138                        </div> <!-- End div footerLogos-->
139                        <div class="grid_6 push_3 whiteFill omega" id="footerStatements">
140                                <p>Copyright &copy; 2011 STFC&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved</p>
141         
142                                <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>
143
144                        </div> <!-- End of footerStatements div -->
145                </div> <!-- End of div footer -->
146        </div>   <!-- End of footerContainer div -->
147        <div class="container_12 corner-page-bottom"></div> 
148
149</body>
150</html>
Note: See TracBrowser for help on using the repository browser.