Added alternate view for Helpdesk
[flowspy] / templates / base.html
index 26f0c2e..a70104e 100644 (file)
@@ -1,17 +1,21 @@
-{% load i18n %}
+<!DOCTYPE HTML>
 <html>
 <head>
+{% load i18n %}
 <title>GRNET's FoD :: {% block title %}{% endblock %} </title>
 <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
 <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
+<link REL="SHORTCUT ICON" HREF="/fodstatic/favicon.ico">  
+<script src="/fodstatic/js/jquery.min.js" type="text/javascript"></script>
+<script src="/fodstatic/js/jquery_csrf_protect.js" type="text/javascript"></script>
+<link rel="stylesheet" type="text/css" href="/fodstatic/css/bootstrap.css">
+<link rel="stylesheet" type="text/css" href="/fodstatic/css/bootstrap-responsive.css">
+<link rel="stylesheet" type="text/css" href="/fodstatic/css/smoothness/jquery-ui-1.8.13.custom.css">
+<link rel="stylesheet" type="text/css" href="/fodstatic/css/base.css">
 
-<script src="/static/js/jquery.min.js" type="text/javascript"></script>
-<link rel="stylesheet" type="text/css" href="/static/css/base.css">
-<link rel="stylesheet" type="text/css" href="/static/css/smoothness/jquery-ui-1.8.13.custom.css">
-<script type="text/javascript" src="/static/js/jquery-ui-1.8.12.custom.min.js"></script>
-{% if user.is_authenticated %}
-<script type="text/javascript" src="{% url load-js 'poller' %}"></script>
-{% endif %}
+<script type="text/javascript" src="/fodstatic/js/jquery-ui-1.8.23.custom.min.js"></script>
+<script type="text/javascript" src="/fodstatic/js/jquery.cookie.js"></script>
+<script type="text/javascript" src="/fodstatic/js/bootstrap.js"></script>
 <script type="text/javascript">
 
        function setlang(lang){
                $("#langform").submit();
        }
 
-//function highlight(elemId){
-//    var elem = $(elemId);
-//    elem.css("background-color", "#ffffbb");
-//    setTimeout(function() { $(elemId).animate({ backgroundColor: "white" }, 2000)}, 1500);
-//}
-//
-//   
-//$(document).ready( function(){
-//     if (document.location.hash) {
-//         highlight(document.location.hash);
-//     }
-//     $('a[href*=#]').click(function(){
-//         var elemId = '#' + $(this).attr('href').split('#')[1];
-//         highlight(elemId);
-//     });
-//});
-
 </script>
+<style>
+body {
+    background-color: #EEEEEE;
+    height: 100%;
+    overflow-y: scroll;
+}
+#content {
+    background-color: #FFFFFF;
+    min-height: 100%;
+    padding: 20px;
+    padding-top: 90px;
+    position: relative;
+}
+</style>
 {% block extrahead %}{% endblock %}
 </head>
 
 
 
 <body>
-       <div id="main">
+       {% comment %}
                        <div id="header">
                                <a class="grnetlogo" href="{% url group-routes %}">
-                                       <img class="logoimg" src="/static/grnet_logo.png">
+                                       <img class="logoimg" src="/fodstatic/logo.png">
                                </a>
                                <div id="title">
                                        <a href="{% url group-routes %}">Firewall on Demand</a>
                                </div>
                                <div class="loginform">
                                        <div id="formcontent">
+                                       {% block menublock %}
                                                {% if user.is_authenticated %}
                                                <span class="topmenuuser">{% trans "Welcome" %} <strong>{{user}}</strong></span>
                                                {% endif %}
-                                               {% comment %}
+                                               
                                                <span {% if user.is_authenticated %}class="topmenuaction"{% else %}class="topmenuuser"{% endif %} >
                                                        <form action="{% url django.views.i18n.set_language %}" method="post" style="display:inline;" id="langform">
                                                                {% csrf_token %}
@@ -66,7 +68,7 @@
                                                                {% endfor %}
                                                        </form>
                                                </span>
-                                               {% endcomment %}
+
                                                {% if user.is_authenticated %}
                                                <span class="topmenuaction"><a href="{% url user-profile %}">{% trans "My profile" %}</a></span>
                                                {% if user.is_superuser %}
                                                {% endif %}
                                                <span class="topmenuaction"><a href="{% url logout %}">{% trans "Logout" %}</a></span>
                                                {% else %}
+                                               {% if error %}
+                                               <span class="topmenuaction relogin" title="{% trans 'After clicking Retry Login, it is strongly suggested to close your browser and visit the page again' %}"><a href="{% url logout %}">{% trans "Retry Login" %}</a></span>
+                                               {% else %}
                                                <span class="topmenuaction"><a href="{% url login %}">{% trans "Shibboleth Login" %}</a></span>
                                                {% endif %}
+                                               {% endif %}
+                                               {% endblock %}
                                        </div>
                                        
                                </div>
                        </div>
-                       <div id="content">
+                       {% endcomment %}
+                       <div class="navbar navbar-fixed-top">
+
+                               <div class="navbar-inner">
+                                   <div class="container">
+                                      
+                                   {% block topmenu %}
+                                   <a class="brand brandimg" href="{% url group-routes %}"><img src="/fodstatic/img/fod_logo_latest.png" /></a>
+                                   <ul class="nav">
+                                   {% if user.is_authenticated %}
+                                   
+                                   {% if user.get_profile.peer %}
+                                       <li>
+                                           <a href="{% url user-profile %}">{% trans "My profile" %}</a>
+                                       </li>
+                                   {% endif %}
+                                       
+                                   {% if perms.accounts.overview %}<li>
+                            <a href="{% url overview %}">{% trans "Overview" %}</a>
+                        </li>{% endif %}
+                                   {% if user.is_superuser %}
+                                               <li {% block hometop %}{% endblock %}>
+                                                       <a href="{% url admin:index %}">{% trans "Admin" %}</a>
+                                               </li>
+                                               {% endif %}
+                                   {% else %}
+                                       <li {% block faqtop %}{% endblock %}>
+                                           
+                                       </li>
+                                   {% endif %}
+                                     <li class="dropdown">
+                                           <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans "Language" %}: {% for lang in LANGUAGES %}{% ifequal LANGUAGE_CODE lang.0 %}{% trans lang.1 %}{% endifequal %}{% endfor %}<b class="caret"></b></a>
+                                           <ul class="dropdown-menu">
+                                           <form action="{% url django.views.i18n.set_language %}" method="post" style="display:inline;" id="langform">
+                                                                                               {% csrf_token %}
+                                                                                               <input name="next" type="hidden" value="{{ next }}" />
+                                                                                               <input id="langsel" name="language" type="hidden" value="" />
+                                                                                       </form>
+                                               {% for lang in LANGUAGES %}
+                                               <li>
+                                                   <a class="select_lang" href="#" onclick="setlang('{{ lang.0 }}'); return false;" title="{{lang.1}}">{% trans lang.1 %}{% ifequal LANGUAGE_CODE lang.0 %}  <i class="icon-ok"></i>{% endifequal %}</a>
+                                               </li>
+                                             {% endfor %}
+                                           </ul>
+                                       </li>
+                               
+                                   </ul>
+                                   {% endblock %}
+                                   <ul class="nav pull-right">
+                                        {% if user.is_authenticated %}
+                                        <li><span><strong>{{user}}</strong></span></li>
+                                       <li>
+                                               <a href="{% url logout %}">{% trans "Logout" %}</a>
+                                       </li>
+                                       {% else %}
+                                       {% if error %}
+                                               {% if inactive %}
+                                                       <li><a href="{% url login %}">{% trans "Shibboleth Login" %}</a></li>
+                                               {% else %}
+                                               <li>
+                                                       <a id='ttip' data-placement="bottom" rel="tooltip" href="{% url logout %}" data-original-title="{% trans 'After clicking Retry Login, it is strongly suggested to close your browser and visit the page again' %}">{% trans "Retry Login" %}</a>
+                                               </li>{% endif %}
+                                               {% else %}                                              
+                                       <li><a href="{% url login %}">{% trans "Shibboleth Login" %}</a></li>
+                                       {% endif %}
+                                       {% endif %}
+                                   </ul>
+                                       
+                                   </div>    
+                               </div>
+                       </div>
+                       {% block contentplaceholder %}
+                       <div id="content" class="container">
                                {% block brcrmb_container %}
-                               <div class="info_content_title">{% if user.is_authenticated %}<a href="{% url group-routes %}">{% trans "My rules" %}</a>{% endif %}
+                               <ul class="breadcrumb">{% if user.is_authenticated %}<li><a href="{% url group-routes %}">{% trans "My rules" %}</a></li>{% else %}<li><a href="{% url welcome %}">{% trans "Welcome" %}</a></li>{% endif %}
                                {% block breadcrumbs %}{% endblock %}
-                               </div>
+                               </ul>
+                               {% endblock %}
                                {% if messages %}
                                <div id="messages">
                                {% for message in messages %}
                                {% endfor %}
                                </div>
                                {% endif %}
-                               {% endblock %}
+                               
+                               
                                {% block content %}
                                {% endblock %}
 
                        </div>
-                       
-                       <div id="footer">
-                               {% comment %}
-                       {% if user.is_authenticated %}
-                       {% trans "If you have any questions or need help, contact GRNET Helpdesk at <a href='mailto:helpdesk@grnet.gr'>helpdesk@grnet.gr</a> or 800-11-47638." %}<br />
-                       {% endif %}
-                       <a href="http://www.grnet.gr">{% trans "GRNET" %} NOC</a> | <a href="/about/info/">{% trans "Info" %}</a> | <a href="/about/terms-of-service">{% trans "Service Terms" %}</a>
-                       {% endcomment %}
-                       </div>
-       </div>
+                       {% endblock %}
+                       {% block footerblock %}
+                               {% include "footer.html" %}
+                       {% endblock %}
+       
 </body>
 </html>