red and green observer status icons
[plstackapi.git] / planetstack / templates / admin / base.html
1 {% load admin_static %}{% load suit_tags %}{% load url from future %}<!DOCTYPE html>
2 <html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
3 <head>
4   <title>{% block title %}  {%if title %} {{ title }} | {% endif %} {{ 'ADMIN_NAME'|suit_conf }}{% endblock %}</title>
5   <link rel="stylesheet" type="text/css" href="{% block stylesheet %}{% endblock %}"/>
6   <link rel="stylesheet" type="text/css" href="{% static 'suit/bootstrap/css/bootstrap.min.css' %}" media="all"/>
7   <link rel="stylesheet" type="text/css" href="{% static 'suit/css/suit.css' %}" media="all">
8   <link rel="stylesheet" type="text/css" href="{% static 'planetstack.css' %}" media="all">
9   {% block extrastyle %}{% endblock %}
10   {% if LANGUAGE_BIDI %}<link rel="stylesheet" type="text/css" href="{% block stylesheet_rtl %}{% static "admin/css/rtl.css" %}{% endblock %}"/>{% endif %}
11   <script type="text/javascript">window.__admin_media_prefix__ = "{% filter escapejs %}{% static "admin/" %}{% endfilter %}";</script>
12   <script src="{% static 'suit/js/jquery-1.9.1.min.js' %}"></script>
13   <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
14   <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
15   <script type="text/javascript" src="{% static 'log4javascript-1.4.6/log4javascript.js' %}"></script>
16   <script type="text/javascript" src="{% static 'uploadTextarea.js' %}"></script>
17   <script type="text/javascript" src="{% static 'observer_status.js' %}"></script>
18
19   <script type="text/javascript">var Suit = { $: $.noConflict() }; if (!$) $ = Suit.$; </script>
20   {% if 'SHOW_REQUIRED_ASTERISK'|suit_conf %}
21   <style type="text/css">.required:after { content: '*'; margin: 0 0 0 5px; position: absolute; color: #ccc;}</style>
22   {% endif %}
23   {% block extrahead %}{% endblock %}
24   {% block blockbots %}
25     <meta name="robots" content="NONE,NOARCHIVE"/>{% endblock %}
26   <link rel="shortcut icon" href="{% static 'favicon.png' %}">
27 </head>
28 {% load i18n %}
29
30 <body class="{% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}">
31
32 <!-- Sticky footer wrap -->
33 <div id="wrap">
34
35   <!-- Container -->
36   {% block container %}
37     <div id="container">
38
39              <a href="{% url 'admin:index' %}"><h1 id="site-name"><img class="logo" height="70" width="259" src="{% static 'open-cloud-login-themed-light.png' %}"/></h1></a>
40       {% block header %}
41         {% if not is_popup %}
42           <!-- Header -->
43           <div id="header" class="header">
44             
45             <div id="branding">
46                   {% block quick-search %}
47                 {% with 'SEARCH_URL'|suit_conf as search_url %}
48                   {% if search_url %}
49                     <form class="form-search nav-quick-search" autocomplete="off" action="{% if '/' in search_url %}{{ search_url }}{% else %}{% url search_url %}{% endif %}" method="GET">
50                       <i class="input-icon icon-search"></i>
51                       <input type="text" name="q" class="input-medium search-query" id="quick-search">
52                       <input type="submit" class="submit" value="">
53                     </form>
54                   {% endif %}
55                 {% endwith %}
56               {% endblock %}
57             </div>
58           
59             {% block header_time %}
60             <div id="branding2">
61             <!--<div class="header-content header-content-first">
62               <div class="header-column icon">
63                 <i class="icon-time"></i>
64               </div>
65               <div class="header-column">
66                 <span class="date"> {% suit_date %}</span><br>
67                 <span class="time" id="clock">{% suit_time %}</span>
68               </div>
69             </div>-->
70           
71             {% endblock %}
72
73             {% block header_content %}
74               <!--<div class="header-content">
75                 <div class="header-column icon">
76                   <i class="icon-comment"></i>
77                 </div>
78                 <div class="header-column">
79                   <a href="" class="grey"><b>2</b> new messages</a>
80                 </div>
81               </div>-->
82             {% endblock %}
83
84             {% if user.is_active and user.is_staff %}
85               <div id="user-tools">
86                 {% trans 'Welcome,' %}
87                 <a href="http://{{ request.get_host}}/admin/core/user/{{user.id}}">{{user.email}}</a>
88                 <span id="observer-status"></span>
89                 <span class="user-links">
90                 {% block userlinks %}
91                   {% url 'django-admindocs-docroot' as docsroot %}
92                   {% if docsroot %}
93                     <a href="{{ docsroot }}">{% trans 'Documentation' %}</a>
94                    <span class="separator">|</span>
95                   {% endif %}
96                   <a href="{% url 'admin:password_change' %}">{% trans 'Change password' %}</a>
97                   <span class="separator">|</span>
98                   <a href="{% url 'admin:logout' %}">{% trans 'Log out' %}</a>
99                   </span>
100                 {% endblock %}
101               </div>
102             {% endif %}
103
104             {% block nav-global %}{% endblock %}
105
106           </div>
107            </div>
108         {% endif %}
109         <!-- END Header -->
110       {% endblock %}
111
112
113       <div class="suit-columns {{ is_popup|yesno:'one-column,two-columns' }}">
114
115         {% block content-center %}
116           <div id="suit-center" class="suit-column">
117
118             {% if not is_popup %}
119             <div id=openCloudTopPage>
120             {% include "/opt/planetstack/templates/admin/newminidashboard.html" %}
121             </div>
122
123               {% block breadcrumbs %}
124                 <ul class="breadcrumb"> 
125                   <li><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
126                     {% if title %}
127                       <span class="divider">&raquo;</span>
128                       </li>
129                       <li class="active">
130                       {{ title }}
131                     {% endif %}
132                     </li>
133                 </ul>
134               {% endblock %}
135             {% endif %}
136
137             {% block messages %}
138               {% if messages %}
139
140                 {% for message in messages %}
141                   <div class="alert alert-{% firstof message.tags 'info' %}">
142                     <button class="close" data-dismiss="alert">×</button>
143                     <strong>
144                       {% if message.tags %}{{ message.tags|capfirst }}{% else %}
145                         Message{% endif %}!</strong>
146                     {{ message }}
147                   </div>
148                 {% endfor %}
149               {% endif %}
150             {% endblock messages %}
151
152             <!-- Content -->
153             <div id="content" class="{% block coltype %}colM{% endblock %} row-fluid">
154               {% block pretitle %}{% endblock %}
155               {% block content_title %}{% if title %}
156                 <h2 class="content-title">{{ title }}</h2>
157               {% endif %}{% endblock %}
158               {% block content %}
159                 {% block object-tools %}{% endblock %}
160                 {{ content }}
161               {% endblock %}
162               {% block sidebar_content %}
163                 {% block sidebar %}{% endblock %}
164               {% endblock %}
165             </div>
166             <!-- END Content -->
167           <span class="clearfix"></span>
168           </div>
169         {% endblock %}
170
171
172         {% block content-left %}
173           {% if not is_popup %}
174             <div id="suit-left" class="suit-column">
175          
176
177               {% include 'suit/menu.html' %}
178
179             </div>
180           {% endif %}
181         {% endblock %}
182
183       </div>
184     </div>
185   {% endblock %}
186
187   {% if not is_popup %}
188   <!-- Sticky footer push -->
189   <div id="push"></div>
190   {% endif %}
191
192 </div>
193
194 {% block footer %}
195   {% if not is_popup %}
196   <div id="footer" class="footer">
197     <div class="content">
198       <div class="tools">
199         {% block footer_links %}
200           <a href="http://djangosuit.com/support/" target="_blank" class="icon"><i class="icon-question-sign"></i>Support</a>
201           <a href="http://djangosuit.com/pricing/" target="_blank" class="icon"><i class="icon-bookmark"></i>Licence</a>
202           <a href="http://github.com/darklow/django-suit/issues" target="_blank" class="icon"><i class="icon-comment"></i>Report a bug</a>
203         {% endblock %}
204       </div>
205
206       <div class="statusMsg" id="statusMsg">
207       <!-- this is a placeholder for xoslib views to display status messages -->
208       </div>
209
210       <!-- <div class="copyright">
211         {% block copyright %}
212           Copyright &copy; 2013 DjangoSuit.com<br>Developed by <a href="http://djangosuit.com" target="_blank">DjangoSuit.com</a>
213         {% endblock %}
214       </div> -->
215
216       <div class="branding">{% block footer_branding %}
217         {% with 'ADMIN_NAME'|suit_conf as admin_name %}
218           {{ admin_name }}
219           {% if admin_name == 'Django Suit' %}
220             v{{ 'VERSION'|suit_conf }}
221           {% endif %}
222         {% endwith %}
223       {% endblock %}</div>
224     </div>
225   </div>
226   {% endif %}
227 {% endblock %}
228
229   <script src="{% static 'suit/bootstrap/js/bootstrap.min.js' %}"></script>
230   <script src="{% static 'suit/js/suit.js' %}"></script>
231   <script type="text/javascript" src="//www.google.com/jsapi"></script>
232   <script src="{% static 'planetstack_graphs.js' %}"></script>
233   <!-- src="{% static 'planetstack_graphs_old.js' %}" -->
234
235   {% block extrajs %}{% endblock %}
236 <script src="http://d3js.org/d3.v3.js"></script>
237         <div class="modal fade hide" id="chartsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
238           <div class="modal-dialog">
239             <div class="modal-content">
240               <!--<div class="modal-header">
241                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
242                 <h4 class="modal-title" id="myModalLabel">OpenCloud</h4>
243               </div>-->
244               <div class="modal-body" style="overflow-y:hidden; overflow-x:hidden;">
245                 <div class="chartContainer">
246                         <div class="row">
247                                 <div class=" padding">
248                                 </div>
249                         </div>
250
251                         <div class="row">
252                                 <div class=" heading">
253                                         <p id="chartHeading" class="heading">OpenCloud</p>      
254                                 </div>
255                         </div>
256                         <div class="row">
257                                 <div class="padding"></div>
258                                 <div class="padding"></div>
259                         </div>
260                         <div class="row">
261                                 <div id="graph" class="graph">
262                                 </div>
263                         </div>
264                 </div>
265                 <div id="graph_work" style="display:none"></div>
266               </div>
267               <!--<div class="modal-footer">
268                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
269               </div>-->
270             </div><!-- /.modal-content -->
271           </div><!-- /.modal-dialog -->
272         </div><!-- /.modal -->
273
274
275 <script>
276
277
278
279
280 </script>
281 </body>
282 </html>