diff options
| author | Adam <adam@sigterm.info> | 2013-08-21 20:17:20 -0700 |
|---|---|---|
| committer | Adam <adam@sigterm.info> | 2013-08-21 20:17:20 -0700 |
| commit | 52535cf6fb360e3483da40eee0032d8ff95624d1 (patch) | |
| tree | 44b4b898bedcde58948903819cd77e49dde8cc9b /modules/extra/webcpanel/templates/default/header.html | |
| parent | 765943062e94fdc23cdc3f2622f0c21d30fd0503 (diff) | |
| parent | 121d0a6e5b47fe3be2b1402f7bc5d8366f104a92 (diff) | |
Merge pull request #19 from Phr33d0m/1.9
A completely rewritten Control Panel
Diffstat (limited to 'modules/extra/webcpanel/templates/default/header.html')
| -rw-r--r-- | modules/extra/webcpanel/templates/default/header.html | 160 |
1 files changed, 50 insertions, 110 deletions
diff --git a/modules/extra/webcpanel/templates/default/header.html b/modules/extra/webcpanel/templates/default/header.html index 3cb1cf372..a5fe89517 100644 --- a/modules/extra/webcpanel/templates/default/header.html +++ b/modules/extra/webcpanel/templates/default/header.html @@ -1,113 +1,53 @@ -<!DOCTYPE html> -<html> -<head> - <link href="/static/style.css" media="screen" rel="stylesheet" type="text/css" /> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> - <title>{TITLE}</title> - {IF EXISTS CMDR} - <script type="text/javascript"> - var tSec=5; //Time in seconds to keep the overlay open - var t=(tSec*1000); //Convert the time to ms so we can use it - - $(document).ready(function() \{ - - /*Modal*/ - var id = "#dialog"; - - var mHeight; - var mWidth; - var oHeight = $(id).height(); - var oWidth = $(id).height(); - - var top; - var left; - - showModal(); +<!DOCTYPE html> +<!--[if IE 7]> <html lang="en" class="ie7"> <![endif]--> +<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> +<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]--> +<!--[if !IE]><!--> +<html lang="en"> + <!--<![endif]--> + <head> + <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> + <link href="/static/style.css" media="screen" rel="stylesheet" type="text/css" /> - $('.close').click(function (e) \{ - e.preventDefault(); - hideModal(); - \}); - - $('#mask').click(function () \{ - hideModal(); - \}); - - function hideModal() \{ - if ($('#mask').not(':hidden')) \{ - $('.master').fadeTo('slow',1.0); - $('#mask, .window').fadeOut(200); - \} - \} - - function showModal() \{ - mHeight = $(document).height(); - mWidth = $(window).width(); - - var alertMsg = '<br/>{CMDR}<br/>'; + <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> + <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> - $('#mask').css(\{'width': mWidth, 'height': mHeight\}); - $('#mask').fadeIn(200); - $('#mask').fadeTo('fast',0.75); - - $('#dialogMsg').html(alertMsg); - - top = mHeight/2-oHeight/2; - left = mWidth/2-oHeight/2; - - $(id).css('top', top); - $(id).css('left', left); - $('.master').fadeTo('fast',0.3); - - $(id).fadeIn(500); - setTimeout(hideModal, t); - - \} - - $(window).resize(function() \{ - if ($('#mask').not(':hidden')) \{ - mHeight = $(document).height(); - mWidth = $(window).width(); + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <script src="http://politeia.in/assets/js/html5shiv.js"></script> + <script src="http://politeia.in/assets/js/respond.min.js"></script> + <![endif]--> - /* Might as well only change the postion of box if the window is large enough */ - if ((mHeight > oHeight) && (mWidth > oWidth)) \{ - top = mHeight/2-oHeight/2; - left = mWidth/2-oHeight/2; - $('#mask').css(\{'width': mWidth, 'height': mHeight\}); - $(id).css('top', top); - $(id).css('left', left); - \} - - \} - \}) - - \}); - </script> - {END IF} -</head> -<body> - <div id="boxes"> - <div id="dialog" class="window"> - <h2>Status Message:</h2> - <div id="dialogMsg"></div> - <div id="dialogClose"><a href="#" class="close">Dismiss</a></div> - </div> - <div id="mask"></div> - </div> - <div class="master"> - <div class="header"> - <ul id="button"> - {FOR CATEGORY_URL,CATEGORY_NAME IN CATEGORY_URLS,CATEGORY_NAMES} - <li><a href="{CATEGORY_URL}">{CATEGORY_NAME}</a></li> - {END FOR} - </ul> - <div class="loggedinas">Logged in as {ACCOUNT} <a href="/logout">(Logout)</a></div> - </div> - <div class="sidebar"> - <ul class="sidenav"> - {FOR SUBCATEGORY_URL,SUBCATEGORY_GET,SUBCATEGORY_NAME IN SUBCATEGORY_URLS,SUBCATEGORY_GETS,SUBCATEGORY_NAMES} - <li><a href="{SUBCATEGORY_URL}{SUBCATEGORY_GET}">{SUBCATEGORY_NAME}</a></li> - {END FOR} - </ul> - </div> - <div class="content"> + <title>{TITLE}</title> + </head> + <body> + <div id="frontPages" class="container"> + <div class="row"> + <div class="navbar navbar-default"> + <span class="navbar-brand" style="margin-top: -1px">Anope Web <small>Control Panel</small></span> + <ul class="nav navbar-nav"> + {FOR CATEGORY_URL,CATEGORY_NAME IN CATEGORY_URLS,CATEGORY_NAMES} + <li><a href="{CATEGORY_URL}">{CATEGORY_NAME}</a></li> + {END FOR} + </ul> + <span id="loggedIn" class="pull-right"> + Logged in as {ACCOUNT} <a href="/logout">(Logout)</a> + </span> + </div> + </div> + + <div class="row"> + <div class="col-lg-3"> + <div id="navPanel" class="sidebar-nav-fixed"> + <div class="well" style="padding: 0;"> + <ul class="nav nav-list" style="padding: 10px;"> + {FOR SUBCATEGORY_URL,SUBCATEGORY_GET,SUBCATEGORY_NAME IN SUBCATEGORY_URLS,SUBCATEGORY_GETS,SUBCATEGORY_NAMES} + <li><a href="{SUBCATEGORY_URL}{SUBCATEGORY_GET}">{SUBCATEGORY_NAME}</a></li> + {END FOR} + </ul> + </div> + </div> + </div> + + <div class="col-lg-9"> + <div class="well" style="padding: 20px 20px 5px 20px;"> |