Modifications to base.html to support graphs - from mtuity
[plstackapi.git] / planetstack / templates / admin / base.html
index 477e941..6842040 100644 (file)
@@ -1,7 +1,7 @@
 {% load admin_static %}{% load suit_tags %}{% load url from future %}<!DOCTYPE html>
 <html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
 <head>
-  <title>{% block title %}{{ title }} | {{ 'ADMIN_NAME'|suit_conf }}{% endblock %}</title>
+  <title>{% block title %}  {%if title %} {{ title }} | {% endif %} {{ 'ADMIN_NAME'|suit_conf }}{% endblock %}</title>
   <link rel="stylesheet" type="text/css" href="{% block stylesheet %}{% endblock %}"/>
   <link rel="stylesheet" type="text/css" href="{% static 'suit/bootstrap/css/bootstrap.min.css' %}" media="all"/>
   <link rel="stylesheet" type="text/css" href="{% static 'suit/css/suit.css' %}" media="all">
@@ -17,6 +17,7 @@
   {% block extrahead %}{% endblock %}
   {% block blockbots %}
     <meta name="robots" content="NONE,NOARCHIVE"/>{% endblock %}
+  <link rel="shortcut icon" href="{% static 'favicon.png' %}">
 </head>
 {% load i18n %}
 
         {% if not is_popup %}
           <!-- Header -->
           <div id="header" class="header">
+            
             <div id="branding">
-              <a href="{% url 'admin:index' %}"><h1 id="site-name">{% block branding %}{{ 'ADMIN_NAME'|suit_conf }}{% endblock %}</h1></a>
+              <table width="100%">
+                <tr>
+                  <td width="70%">
+             <!-- <a href="{% url 'admin:index' %}"><h1 id="site-name">{% block branding %}{{ 'ADMIN_NAME'|suit_conf }}{% endblock %}</h1></a>-->
+             <a href="{% url 'admin:index' %}"><h1 id="site-name"><img src="{% static 'open-cloud-themed.png' %}"/></h1></a>
+             </td>
+              <td width="30%">
+                  {% block quick-search %}
+                {% with 'SEARCH_URL'|suit_conf as search_url %}
+                  {% if search_url %}
+                    <form class="form-search nav-quick-search" autocomplete="off" action="{% if '/' in search_url %}{{ search_url }}{% else %}{% url search_url %}{% endif %}" method="GET">
+                      <i class="input-icon icon-search"></i>
+                      <input type="text" name="q" class="input-medium search-query" id="quick-search">
+                      <input type="submit" class="submit" value="">
+                    </form>
+                  {% endif %}
+                {% endwith %}
+              {% endblock %}
+                 </td>
+               </tr>
+             </table>
             </div>
-
+          
             {% block header_time %}
-            <div class="header-content header-content-first">
+            <div id="branding2">
+            <!--<div class="header-content header-content-first">
               <div class="header-column icon">
                 <i class="icon-time"></i>
               </div>
@@ -46,7 +69,8 @@
                 <span class="date"> {% suit_date %}</span><br>
                 <span class="time" id="clock">{% suit_time %}</span>
               </div>
-            </div>
+            </div>-->
+          
             {% endblock %}
 
             {% block header_content %}
                 {% endblock %}
               </div>
             {% endif %}
+
             {% block nav-global %}{% endblock %}
+
           </div>
+           </div>
         {% endif %}
         <!-- END Header -->
       {% endblock %}
 
             {% if not is_popup %}
               {% block breadcrumbs %}
-                <ul class="breadcrumb">
+                <ul class="breadcrumb"> 
                   <li><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
                     {% if title %}
                       <span class="divider">&raquo;</span>
                     </li>
                 </ul>
               {% endblock %}
+               <div class="hide">{{ app_label|capfirst|escape }}</div>
+               <div class="hide selectedMainNav">{{ opts.verbose_name_plural|capfirst }}</div>
+               <div class="hide currentOriginalNode">{{ original|truncatewords:"18" }}</div>  
+                  
+
+               <label class="nodetextbox nodesLabel" style="display: none;" > </label>
+              <label class="nodelabel nodesValue" style="display: none;" ></label>
+               <span class="nodesCnt hide"></span>
+              <label class="nodetextbox cpuLabel" style="display: none;" ></label>
+              <label class="nodelabel cpuValue" style="display: none;" ></label>
+               <span class="cpuCnt hide"></span>
+            <label class="nodetextbox bandwidthLabel" style="display: none;" ></label>    
+              <label class="nodelabel bandwidthValue" style="width:60px;display: none;"></label>
+               <span class="bandUsage hide"></span>
             {% endif %}
 
             {% block messages %}
         {% block content-left %}
           {% if not is_popup %}
             <div id="suit-left" class="suit-column">
-              {% block quick-search %}
-                {% with 'SEARCH_URL'|suit_conf as search_url %}
-                  {% if search_url %}
-                    <form class="form-search nav-quick-search" autocomplete="off" action="{% if '/' in search_url %}{{ search_url }}{% else %}{% url search_url %}{% endif %}" method="GET">
-                      <input type="text" name="q" class="input-medium search-query" id="quick-search">
-                      <i class="input-icon icon-search"></i>
-                      <input type="submit" class="submit" value="">
-                    </form>
-                  {% endif %}
-                {% endwith %}
-              {% endblock %}
+         
 
               {% include 'suit/menu.html' %}
 
 
   <script src="{% static 'suit/bootstrap/js/bootstrap.min.js' %}"></script>
   <script src="{% static 'suit/js/suit.js' %}"></script>
+  <script src="{% static 'main.js' %}"></script>
   {% block extrajs %}{% endblock %}
+<script src="http://d3js.org/d3.v3.js"></script>
+
+       <div class="modal fade hide" id="chartsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+         <div class="modal-dialog">
+           <div class="modal-content">
+             <!--<div class="modal-header">
+               <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+               <h4 class="modal-title" id="myModalLabel">OpenCloud</h4>
+             </div>-->
+             <div class="modal-body">
+               <div class="chartContainer">
+                       <div class="row">
+                               <div class=" padding">
+                               </div>
+                       </div>
+
+                       <div class="row">
+                               <div class=" heading">
+                                       <p id="chartHeading" class="heading">OpenCloud</p>      
+                               </div>
+                       </div>
+                       <div class="row">
+                               <div class="padding"></div>
+                               <div class="padding"></div>
+                       </div>
+                       <div class="row">
+                               <div id="graph" class="graph">
+                               </div>
+                       </div>
+               </div>
+             </div>
+             <!--<div class="modal-footer">
+               <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+             </div>-->
+           </div><!-- /.modal-content -->
+         </div><!-- /.modal-dialog -->
+       </div><!-- /.modal -->
+
+
+<script>
+
+
+
 
+</script>
 </body>
 </html>