fix scrollbars in charts
[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 type="text/javascript">var Suit = { $: $.noConflict() }; if (!$) $ = Suit.$; </script>
14   {% if 'SHOW_REQUIRED_ASTERISK'|suit_conf %}
15   <style type="text/css">.required:after { content: '*'; margin: 0 0 0 5px; position: absolute; color: #ccc;}</style>
16   {% endif %}
17   {% block extrahead %}{% endblock %}
18   {% block blockbots %}
19     <meta name="robots" content="NONE,NOARCHIVE"/>{% endblock %}
20   <link rel="shortcut icon" href="{% static 'favicon.png' %}">
21 </head>
22 {% load i18n %}
23
24 <body class="{% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}">
25
26 <!-- Sticky footer wrap -->
27 <div id="wrap">
28
29   <!-- Container -->
30   {% block container %}
31     <div id="container">
32
33       {% block header %}
34         {% if not is_popup %}
35           <!-- Header -->
36           <div id="header" class="header">
37             
38             <div id="branding">
39               <table width="100%">
40                 <tr>
41                   <td width="70%">
42              <!-- <a href="{% url 'admin:index' %}"><h1 id="site-name">{% block branding %}{{ 'ADMIN_NAME'|suit_conf }}{% endblock %}</h1></a>-->
43              <a href="{% url 'admin:index' %}"><h1 id="site-name"><img src="{% static 'open-cloud-themed.png' %}"/></h1></a>
44              </td>
45               <td width="30%">
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                  </td>
58                </tr>
59              </table>
60             </div>
61           
62             {% block header_time %}
63             <div id="branding2">
64             <!--<div class="header-content header-content-first">
65               <div class="header-column icon">
66                 <i class="icon-time"></i>
67               </div>
68               <div class="header-column">
69                 <span class="date"> {% suit_date %}</span><br>
70                 <span class="time" id="clock">{% suit_time %}</span>
71               </div>
72             </div>-->
73           
74             {% endblock %}
75
76             {% block header_content %}
77               <!--<div class="header-content">
78                 <div class="header-column icon">
79                   <i class="icon-comment"></i>
80                 </div>
81                 <div class="header-column">
82                   <a href="" class="grey"><b>2</b> new messages</a>
83                 </div>
84               </div>-->
85             {% endblock %}
86
87             {% if user.is_active and user.is_staff %}
88               <div id="user-tools">
89                 {% trans 'Welcome,' %}
90                 <a href="http://{{ request.get_host}}/admin/core/user/{{user.id}}">{{user.email}}</a>
91                 <span class="user-links">
92                 {% block userlinks %}
93                   {% url 'django-admindocs-docroot' as docsroot %}
94                   {% if docsroot %}
95                     <a href="{{ docsroot }}">{% trans 'Documentation' %}</a>
96                    <span class="separator">|</span>
97                   {% endif %}
98                   <a href="{% url 'admin:password_change' %}">{% trans 'Change password' %}</a>
99                   <span class="separator">|</span>
100                   <a href="{% url 'admin:logout' %}">{% trans 'Log out' %}</a>
101                   </span>
102                 {% endblock %}
103               </div>
104             {% endif %}
105
106             {% block nav-global %}{% endblock %}
107
108           </div>
109            </div>
110         {% endif %}
111         <!-- END Header -->
112       {% endblock %}
113
114
115       <div class="suit-columns {{ is_popup|yesno:'one-column,two-columns' }}">
116
117         {% block content-center %}
118           <div id="suit-center" class="suit-column">
119
120             {% if not is_popup %}
121             <div id=openCloudTopPage>
122             <span id="minDashboard">
123                 <div class="hide">{{ app_label|capfirst|escape }}</div>
124                 <div class="hide selectedMainNav">{{ opts.verbose_name_plural|capfirst }}</div>
125                 <div class="hide currentOriginalNode">{{ original|truncatewords:"18" }}</div>
126
127
128                <label class="nodetextbox nodesLabel" style="display: none;" > </label>
129               <label class="nodelabel nodesValue" style="display: none;" ></label>
130                 <span class="nodesCnt hide"></span>
131               <label class="nodetextbox cpuLabel" style="display: none;" ></label>
132               <label class="nodelabel cpuValue" style="display: none;" ></label>
133                 <span class="cpuCnt hide"></span>
134             <label class="nodetextbox bandwidthLabel" style="display: none;" ></label>
135               <label class="nodelabel bandwidthValue" style="width:60px;display: none;"></label>
136                 <span class="bandUsage hide"></span>
137             </span>
138             </div>
139
140               {% block breadcrumbs %}
141                 <ul class="breadcrumb"> 
142                   <li><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
143                     {% if title %}
144                       <span class="divider">&raquo;</span>
145                       </li>
146                       <li class="active">
147                       {{ title }}
148                     {% endif %}
149                     </li>
150                 </ul>
151               {% endblock %}
152             {% endif %}
153
154             {% block messages %}
155               {% if messages %}
156
157                 {% for message in messages %}
158                   <div class="alert alert-{% firstof message.tags 'info' %}">
159                     <button class="close" data-dismiss="alert">×</button>
160                     <strong>
161                       {% if message.tags %}{{ message.tags|capfirst }}{% else %}
162                         Message{% endif %}!</strong>
163                     {{ message }}
164                   </div>
165                 {% endfor %}
166               {% endif %}
167             {% endblock messages %}
168
169             <!-- Content -->
170             <div id="content" class="{% block coltype %}colM{% endblock %} row-fluid">
171               {% block pretitle %}{% endblock %}
172               {% block content_title %}{% if title %}
173                 <h2 class="content-title">{{ title }}</h2>
174               {% endif %}{% endblock %}
175               {% block content %}
176                 {% block object-tools %}{% endblock %}
177                 {{ content }}
178               {% endblock %}
179               {% block sidebar_content %}
180                 {% block sidebar %}{% endblock %}
181               {% endblock %}
182             </div>
183             <!-- END Content -->
184           </div>
185         {% endblock %}
186
187
188         {% block content-left %}
189           {% if not is_popup %}
190             <div id="suit-left" class="suit-column">
191          
192
193               {% include 'suit/menu.html' %}
194
195             </div>
196           {% endif %}
197         {% endblock %}
198
199       </div>
200     </div>
201   {% endblock %}
202
203   {% if not is_popup %}
204   <!-- Sticky footer push -->
205   <div id="push"></div>
206   {% endif %}
207
208 </div>
209
210 {% block footer %}
211   {% if not is_popup %}
212   <div id="footer" class="footer">
213     <div class="content">
214       <div class="tools">
215         {% block footer_links %}
216           <a href="http://djangosuit.com/support/" target="_blank" class="icon"><i class="icon-question-sign"></i>Support</a>
217           <a href="http://djangosuit.com/pricing/" target="_blank" class="icon"><i class="icon-bookmark"></i>Licence</a>
218           <a href="http://github.com/darklow/django-suit/issues" target="_blank" class="icon"><i class="icon-comment"></i>Report a bug</a>
219         {% endblock %}
220       </div>
221
222       <div class="copyright">
223         {% block copyright %}
224           Copyright &copy; 2013 DjangoSuit.com<br>Developed by <a href="http://djangosuit.com" target="_blank">DjangoSuit.com</a>
225         {% endblock %}
226       </div>
227
228       <div class="branding">{% block footer_branding %}
229         {% with 'ADMIN_NAME'|suit_conf as admin_name %}
230           {{ admin_name }}
231           {% if admin_name == 'Django Suit' %}
232             v{{ 'VERSION'|suit_conf }}
233           {% endif %}
234         {% endwith %}
235       {% endblock %}</div>
236     </div>
237   </div>
238   {% endif %}
239 {% endblock %}
240
241   <script src="{% static 'suit/bootstrap/js/bootstrap.min.js' %}"></script>
242   <script src="{% static 'suit/js/suit.js' %}"></script>
243   <script src="{% static 'page_analytics.js' %}"></script>
244   <script type="text/javascript" src="//www.google.com/jsapi"></script>
245   <script src="{% static 'planetstack_graphs.js' %}"></script>
246   <!-- src="{% static 'planetstack_graphs_old.js' %}" -->
247
248   {% block extrajs %}{% endblock %}
249 <script src="http://d3js.org/d3.v3.js"></script>
250         <div class="modal fade hide" id="chartsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
251           <div class="modal-dialog">
252             <div class="modal-content">
253               <!--<div class="modal-header">
254                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
255                 <h4 class="modal-title" id="myModalLabel">OpenCloud</h4>
256               </div>-->
257               <div class="modal-body" style="overflow-y:hidden; overflow-x:hidden;">
258                 <div class="chartContainer">
259                         <div class="row">
260                                 <div class=" padding">
261                                 </div>
262                         </div>
263
264                         <div class="row">
265                                 <div class=" heading">
266                                         <p id="chartHeading" class="heading">OpenCloud</p>      
267                                 </div>
268                         </div>
269                         <div class="row">
270                                 <div class="padding"></div>
271                                 <div class="padding"></div>
272                         </div>
273                         <div class="row">
274                                 <div id="graph" class="graph">
275                                 </div>
276                         </div>
277                 </div>
278                 <div id="graph_work" style="display:none"></div>
279               </div>
280               <!--<div class="modal-footer">
281                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
282               </div>-->
283             </div><!-- /.modal-content -->
284           </div><!-- /.modal-dialog -->
285         </div><!-- /.modal -->
286
287
288 <script>
289
290
291
292
293 </script>
294 </body>
295 </html>