diff options
Diffstat (limited to 'templates/base.html')
-rw-r--r-- | templates/base.html | 127 |
1 files changed, 60 insertions, 67 deletions
diff --git a/templates/base.html b/templates/base.html index e784293..5c4a1c3 100644 --- a/templates/base.html +++ b/templates/base.html @@ -1,7 +1,8 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"> <head> - <link type="text/css" href="/site-media/css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" /> + <link type="text/css" href="/site-media/css/base/jquery-ui.css" rel="stylesheet" /> + <!-- link type="text/css" href="/site-media/css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" / --> <!-- link type="text/css" href="/site-media/css/jquery.jnotify.css" rel="stylesheet" /> <link type="text/css" href="/site-media/css/jquery.tooltip.css" rel="stylesheet" /> <link type="text/css" href="/site-media/css/jquery.multiselect2side.css" rel="stylesheet" /--> @@ -9,16 +10,17 @@ <link type="text/css" href="/site-media/css/jquery.wysiwyg.css" rel="stylesheet" /> <link type="text/css" href="/site-media/css/style.css" rel="stylesheet"/> <script type="text/javascript" src="/site-media/js/jquery-1.5.1.min.js"></script> - <script type="text/javascript" src="/site-media/js/jquery-ui-1.8.13.custom.min.js"></script> + <!-- script type="text/javascript" src="/site-media/js/jquery-ui-1.8.13.custom.min.js"></script --> + <script type="text/javascript" src="/site-media/js/jquery-ui.js"></script> <script type="text/javascript" src="/site-media/js/jquery.tooltip.pack.js"></script> <script type="text/javascript" src="/site-media/js/jquery.gravatar.js"></script> <script type="text/javascript" src="/site-media/js/md5.js"></script> <script type="text/javascript" src="/site-media/js/jquery.cookie.js"></script> - <script type="text/javascript" src="/site-media/js/jquery.timers.js"></script --> - <!-- script type="text/javascript" src="/site-media/js/jquery.multiselect2side.js"></script --> + <script type="text/javascript" src="/site-media/js/jquery.timers.js"></script> <script type="text/javascript" src="/site-media/js/jquery.jstree.js"></script> <script type="text/javascript" src="/site-media/js/jquery.wysiwyg.js"></script> <!-- script type="text/javascript" src="/site-media/js/jquery.form.js"></script--> + <script type="text/javascript" src="/site-media/js/jquery.validate.js"></script> <script type="text/javascript" src="/site-media/js/bbq.js"></script> <script type="text/javascript" src="/site-media/js/jquery.form.wizard-3.0.4.js"></script> @@ -29,6 +31,11 @@ $(function() { $("input:submit, input:reset, input:button, a",".button").button(); $('.tip').tooltip({showURL: false}); + $('.menubar').menubar({menuIcon: true, buttons: true}); + $('#endmatter').addClass('ui-state-default'); + $('a.gravatar').each(function(i,item) { + $(item).append($.gravatar($(item).attr('title'))); + }); $.validator.setDefaults({ highlight: function(input) { $(input).addClass("ui-state-error"); @@ -60,74 +67,60 @@ <body> <div id="container"> <div id="header"> - {% if name %} - <div class="navlist left"> - <ul> - {% if render.add %} - <li class="button"><a href="/name/{{name.id}}/add">Create New Group</a></li> - {% endif %} - <li class="button"><a class="tip" title="This is the full name of the group. This is the name that will be exposed to applications." href="{{name.url}}">{{ name }}</a></li> - </ul> - </div> - {% endif %} - {% if user.is_authenticated %} - <div class="navlist"> - <ul> - <li class="button"><a id="logout" href="/accounts/logout">Logout</a></li> - </ul> - <ul> - <li class="button"><a id="dashboard" href="/user/home">My Dashboard</a></li> - </ul> - </div> - {% endif %} - {% if noname %} - <div class="navlist"> - <ul> - {% if render.acl %} - <li class="button"><a href="/name/{{name.id}}/link/0">Modify Access</a></li> - {% endif %} - {% if render.edit %} - <li class="button"><a href="/name/{{name.id}}/edit">Modify</a></li> - {% endif %} - {% if render.delete %} - <li class="button"><a href="/name/{{name.id}}/delete">Delete</a></li> - {% endif %} - {% if render.invite %} - <li class="button"><a href="/name/{{name.id}}/invite">Invite</a></li> - {% endif %} - </ul> - </div> - {% endif %} - <div class="clear"></div> + <ul class="ilist"> + <li id="appname" class="left"> + <h1>SUNET Groups</h1> + </li> + <li id="topmenubar" class="right"> + {% if user.is_authenticated %} + <ul class="menubar"> + <li> + <a href="#">{{profile.display_name}}</a> + <ul> + <li><a href="/user/home">Dashboard</a></li> + <li><a href="/accounts/logout">Logout</a></li> + </ul> + </li> + </ul> + {% else %} + <div style="float: right;" class="button"><a href="/accounts/login-federated">Login</a></div> + {% endif %} + </li> + </ul> + <div class="clear"></div> </div> <div id="content"> {% block main %}{% endblock %} - <div class="clear"></div> </div> + <div class="clear"></div> <div id="footer"> - <ul> - <li> - <ul> - <li><h3>Users</h3></li> - <li><a href="/user/home">My Dashboard</a></li> - <li><a class="tip" title="Logout" id="logout" href="/accounts/logout/">Logout</a></li> - </ul> - </li> - <li> - <ul> - <li><h3>Support</h3></li> - <li><a class="tip" title="SUNET" href="http://www.sunet.se">SUNET</a></li> - <li><a class="tip" title="SUNET Community Support" href="http://community.sunet.se">SUNET Community Support</a></li> - <li><a href="#about">About COIP</a></li> - <li><a href="#about">Terms Of Use</a></li> - </ul> - </li> - <li> - <ul> - <li><h3>Developers</h3></li> - </ul> - </li> - </ul> + <div class="centered"> + <ul class="list-of-lists"> + <li> + <ul> + <li><h3>Users</h3></li> + {% if user.is_authenticated %} + <li><a href="/user/home">My Dashboard</a></li> + <li><a class="tip" title="Logout" id="logout" href="/accounts/logout/">Logout</a></li> + {% endif %} + </ul> + </li> + <li> + <ul> + <li><h3>Support</h3></li> + <li><a class="tip" title="SUNET" href="http://www.sunet.se">SUNET</a></li> + <li><a class="tip" title="SUNET Community Support" href="http://community.sunet.se">SUNET Community Support</a></li> + <li><a href="#about">About COIP</a></li> + <li><a href="#about">Terms Of Use</a></li> + </ul> + </li> + <li> + <ul> + <li><h3>Developers</h3></li> + </ul> + </li> + </ul> + </div> </div> </div> </body> |