Files
headphones/data/interfaces/brink/base.html
2012-07-27 19:14:28 +03:00

182 lines
5.9 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">
<!-- Theme style -->
<link rel="stylesheet" href="interfaces/brink/css/theme/default.css">
<!--Jquery APIs-->
<script src="js/libs/jquery-1.7.2.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="interfaces/brink/js/jquery-ui-1.8.21.custom.min.js"></script>
<link rel="stylesheet" href="interfaces/brink/css/jquery-ui-1.8.21.custom.css">
<!--Ajax Form-->
<script src="interfaces/brink/js/libs/jquery.form.js"></script>
<!--Noty-->
<script type="text/javascript" src="interfaces/brink/js/libs/jquery.noty.js" ></script>
<link rel="stylesheet" href="interfaces/brink/css/libs/jquery.noty.css">
<link rel="stylesheet" href="interfaces/brink/css/libs/noty_theme_default.css">
<!--Global Script-->
<script src="interfaces/brink/js/script.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>
% if not headphones.CURRENT_VERSION:
<script type="text/javascript">
noty({
"text":"You're running an unknown version of Headphones.<br />It's recommended that you update now!",
"type":"success",
buttons: [
{type: 'button green', text: 'Update', click: function($noty) {
$(this).click(function(){
document.location.href='update';
});
$noty.close
noty({force: true, text: 'Headphones is now updating, please be patient', type: 'success'});
}
},
{type: 'button pink', text: 'Cancel', click: function($noty) {
$noty.close();
noty({force: true, text: 'You can update anytime from the tools menu', type: 'information'});
}
}
],
closable: false,
timeout: false
});
</script>
% elif headphones.CURRENT_VERSION != headphones.LATEST_VERSION and headphones.INSTALL_TYPE != 'win':
<script>
noty({
"text":"A newer version is available."
+ "<br />You're ${headphones.COMMITS_BEHIND} commits behind"
+ "<a href='http://github.com/rembo10/headphones/compare/${headphones.CURRENT_VERSION}...${headphones.LATEST_VERSION}'>Version</a>"
+ "<a href='update'>Update</a>",
"type":"success"
});
$(document).ready(function(){
$("#commitsBehind").text("Update (${headphones.COMMITS_BEHIND})")
});
</script>
% endif
<div class="custom_container"></div>
<table id="table_body">
<tr>
<td id="header" colspan="2">
<div id="logo">
<img src="/images/headphoneslogo.png" alt="headphones" />
</div>
<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="web-symbol" type="submit" value="L"/>
</form>
</div>
${next.headerIncludes()}
</td>
</tr>
<tr>
<td id="nav-container">
<ul id="nav">
<li><a href="home" accesskey="1">
<span>U</span>Home
</a>
</li>
<li><a href="upcoming" accesskey="2">
<span>N</span>Upcoming
</a>
</li>
<li><a href="extras" accesskey="3">
<span>R</span>Suggestions
</a>
</li>
<li><a href="manage" accesskey="4">
<span>_</span>Manage
</a>
</li>
<li><a href="history" accesskey="5">
<span>Z</span>History
</a>
</li>
<li><a href="logs" accesskey="6">
<span>a</span>Logs
</a>
</li>
<li><a href="config" accesskey="7">
<span>S</span>Settings
</a>
</li>
</ul>
<div></div>
</td>
<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>I</span>Wanted Albums</a>
<a href="forceUpdate"><span>U</span>Active Artists</a>
<a href="forcePostProcess"><span>J</span>Post-Process</a>
<a href="checkGithub"><span>V</span>Update<label id="commits"></label></a>
</div>
<div class="btn right">
<a href="restart" onclick="javascript:return confirm('Restart HP?')"><span>J</span>Restart</a>
<a href="shutdown" onclick="javascript:return confirm('Shutdown HP?')"><span>X</span>Shut Down</a>
</div>
</td>
</tr>
</table>
</script>
</body>
</html>
<%def name="headIncludes()"></%def>
<%def name="headerIncludes()"></%def>
<%def name="javascriptIncludes()"></%def>