Files
headphones/data/interfaces/brink/base.html
2012-09-02 13:28:42 +02:00

148 lines
5.2 KiB
HTML

<%
import headphones
from headphones import version
%>
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Headphones - ${title}</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href=".images/favicon.ico">
<link rel="apple-touch-icon" href="images/headphoneslogo.png">
<!--Main Stylesheet-->
<link rel="stylesheet" href="interfaces/brink/css/style.css">
<link rel="stylesheet" href="interfaces/brink/css/websymbol.css">
<!-- Theme style -->
<link rel="stylesheet" href="interfaces/brink/css/theme/default.css">
<!--Jquery APIs-->
<script src="interfaces/brink/js/libs/jquery-1.8.0.min.js"></script>
<script src="interfaces/brink/js/libs/jquery-ui-1.8.23.custom.min.js"></script>
<link rel="stylesheet" href="interfaces/brink/css/libs/jquery-ui-1.8.23.custom.css">
<!--Ajax Form-->
<script src="interfaces/brink/js/libs/jquery.form.js"></script>
<!--Noty-->
<script type="text/javascript" src="interfaces/brink/js/noty/jquery.noty.js"></script>
<script type="text/javascript" src="interfaces/brink/js/noty/layouts/bottomRight.js"></script>
<!-- You can add more layouts if you want -->
<script type="text/javascript" src="interfaces/brink/js/noty/themes/brink.js"></script>
<!--Global Script-->
<script src="interfaces/brink/js/script.js"></script>
<script src="interfaces/brink/js/plugins.js"></script>
<!--Datatables-->
<script type="text/javascript" src="/js/libs/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="interfaces/brink/CSS/jquery.dataTables_themeroller.css">
${next.headIncludes()}
${next.javascriptIncludes()}
<!--jScrollPane-->
<link type="text/css" href="interfaces/brink/css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="interfaces/brink/js/libs/jquery.jscrollpane.min.js" ></script>
<script type="text/javascript" src="interfaces/brink/js/libs/jquery.mousewheel.js" ></script>
<script src="js/libs/modernizr-1.7.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
% if not headphones.CURRENT_VERSION:
$("#commits-behind").fadeIn('slow').text("${headphones.COMMITS_BEHIND}");
% elif headphones.CURRENT_VERSION != headphones.LATEST_VERSION and headphones.INSTALL_TYPE != 'win':
$("#commits-behind").fadeIn('slow').text("(${headphones.COMMITS_BEHIND})");
% else:
$("#commits-behind").hide()
% endif
});
</script>
<table id="table_body">
<tr>
<td id="header" colspan="2">
<ul id="nav">
<li><a href="home" accesskey="1">
<span class="wsr User"></span> Artist
</a>
</li>
<li><a href="upcoming" accesskey="2">
<span class="wsr">N</span> Upcoming
</a>
</li>
<li><a href="extras" accesskey="3">
<span class="wsr">R</span> Suggestions
</a>
</li>
<li><a href="manage" accesskey="4">
<span class="wsr">_</span> Manage
</a>
</li>
<li><a href="history" accesskey="5">
<span class="wsr">Z</span> History
</a>
</li>
<li><a href="logs" accesskey="6">
<span class="wsr">a</span> Logs
</a>
</li>
<li><a href="config" accesskey="7">
<span class="wsr">S</span> Settings
</a>
</li>
</ul>
<div id="searchbar">
<form action="search" method="get">
<select name="type">
<option value="artist">Artist</option>
<option value="album">Album</option>
</select>
<input type="text" value="" name="name" accesskey="s" placeholder="Search..." />
<input class="wsr" type="submit" value="L" />
</form>
</div>
${next.headerIncludes()}
</td>
</tr>
<tr>
<td id="content-container">
<div id="main" class="main">
${next.body()}
</div>
</td>
</tr>
<tr id="footer" >
<td colspan="2">
<div class="btn left">
<a href="forceSearch"><span class="wsr">I</span> Wanted Albums</a>
<a href="forceUpdate"><span class="wsr">U</span> Active Artists</a>
<a href="forcePostProcess"><span class="wsr">J</span> Post-Process</a>
<a href="update" onclick="javascript:return confirm('Do you wish to Update Headphones now?')"><span class="wsr">V</span> Update
</a>
</div>
<div class="btn right">
<a href="restart" onclick="javascript:return confirm('Do you wish to Restart Headphones?')"><span class="wsr">J</span> Restart</a>
<a href="shutdown" onclick="javascript:return confirm('Do you wish to Shutdown Headphones?')"><span class="wsr">X</span> Shut Down</a>
</div>
</td>
</tr>
</table>
</script>
</body>
</html>
<%def name="headIncludes()"></%def>
<%def name="headerIncludes()"></%def>
<%def name="javascriptIncludes()"></%def>