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