Added Accesskey for menu links 1 to 7.

ALT + 1-7
This commit is contained in:
Brinken
2012-03-20 09:45:04 +01:00
parent 5f927a6cdf
commit b565629b2d
8 changed files with 167 additions and 122 deletions

View File

@@ -72,6 +72,7 @@ div#updatebar
background-image: -ms-linear-gradient(bottom, rgb(97,0,0) 0%, rgb(122,0,0) 100%);
}
/*Tablehead color*/
h1,
table.display thead tr th
{
background-image: linear-gradient(bottom, rgb(69,69,69) 0%, rgb(102,102,102) 100%);

View File

@@ -126,7 +126,7 @@ a.blue {
#container { width: 100%; margin: auto; }
body { background-color: #313131; color: rgb(190,190,190); text-shadow: 1px 1px 3px #000; overflow: hidden; overflow-y: hidden; overflow-x: hidden; }
body { background-color: #313131; color: rgb(190,190,190); overflow: hidden; overflow-y: hidden; overflow-x: hidden; }
@@ -138,9 +138,19 @@ text-shadow: 1px 1px rgb(100,100,100);
line-height: 100%;
}
h1 { font-size: 14px; padding: 10px 0px 10px 10px; color: #FFF; text-decoration: none; background-color: #212121; }
h1,
h1 a,
h1 a:hover
{
font-size: 14px;
padding: 5px 0px 5px 10px;
color: #000;
text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
text-decoration: none;
border: 1px solid #000;
}
h2 { font-size: 13px; color: #FFF; text-decoration: none;}
h3 { font-size: 12px; color: #FFF; text-decoration: none;}
h3 { font-size: 12px; color: rgb(160,160,160); text-shadow: 1px 1px 0px rgb(10,10,10); text-decoration: none;}
h4 { font-size: 10px; color: #FFF; text-decoration: none;}
p { margin-top: 8px; margin-bottom: 8px; }
@@ -894,6 +904,7 @@ footer
width: 100%;
height: 30px;
z-index: 900;
box-shadow: 0px 0px 12px #000;
}
div#version { text-align: center; font-weight: bold; }
div#donate { text-align: center; margin: 20px auto 20px auto; }

View File

@@ -275,29 +275,32 @@ td.details {
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
border: 1px solid #000;
padding: 2px 5px;
color: #000;
font-weight: bold;
padding: 3px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
border-radius: 3px;
text-shadow: rgb(255,255,255);
}
.paging_full_numbers span.paginate_button {
background-image: linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
background-image: -o-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
background-image: -moz-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
background-image: -ms-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
border-bottom: 1px solid #000;
color: #fff;
background-image: -o-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
background-image: -moz-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
background-image: -ms-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
border-bottom: 1px solid #000;
}
.paging_full_numbers span.paginate_button:hover {
background-image: linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
background-image: -o-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
background-image: -moz-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
background-image: -ms-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
border-bottom: 1px solid #000;
background-image: -o-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
background-image: -moz-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
background-image: -ms-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
border-bottom: 1px solid #000;
color: #fff;
}

BIN
data/images/cd-big.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

View File

@@ -83,7 +83,7 @@
${next.headerIncludes()}
<div id="searchbar">
<form action="search" method="get">
<input type="text" value="" onfocus="if(this.value==this.defaultValue) this.value='';" name="name" />
<input type="text" value="" onfocus="if(this.value==this.defaultValue) this.value='';" name="name" accesskey="s" />
<select name="type">
<option value="artist">Artist</option>
<option value="album">Album</option>
@@ -94,13 +94,13 @@
<div class="clear" />
</header>
<ul id="nav">
<li><a class="elseSelect" href="home">Home</a></li>
<li><a href="upcoming">Upcoming</a></li>
<li><a href="extras">Suggestions</a></li>
<li><a href="manage">Manage</a></li>
<li><a href="history">History</a></li>
<li><a href="logs">Logs</a></li>
<li><a href="config">Settings</a></li>
<li><a class="elseSelect" href="home" accesskey="1">Home</a></li>
<li><a href="upcoming" accesskey="2">Upcoming</a></li>
<li><a href="extras" accesskey="3">Suggestions</a></li>
<li><a href="manage" accesskey="4">Manage</a></li>
<li><a href="history" accesskey="5">History</a></li>
<li><a href="logs" accesskey="6">Logs</a></li>
<li><a href="config" accesskey="7">Settings</a></li>
</ul>
<div id="main" class="main">
${next.body()}

View File

@@ -28,15 +28,20 @@
</div>
</td>
<td>
<h3>HTTP Username:</h3>
<p>HTTP Username:</p>
<input type="text" name="http_username" value="${config['http_user']}" size="30" maxlength="40" />
</td>
</tr>
<tr>
<td>
<h3>HTTP Port:</h3>
<input type="text" name="http_port" value="${config['http_port']}" size="10" maxlength="40" />
<p>HTTP Port:</p>
<input type="text" name="http_port" value="${config['http_port']}" size="10" maxlength="40" />
<div class="tooltip">
<span>
Default is: 8181
</span>
</div>
</td>
<td>
@@ -46,11 +51,10 @@
</p>
</td>
</tr>
<tr>
<td>
<p>
Launch Browser on Startup:
Launch Browser on Startup
<input class="styled" type="checkbox" name="launch_browser" value="1" ${config['launch_browser']} />
</p>
</td>
@@ -193,35 +197,35 @@
</h1>
</a>
<table class="configtable" summary="Search Providers">
<tr>
<td>
<h2>SABnzbd:</h2>
</td>
</tr>
<tr>
<td>
<h3>
NZBMatrix:
</h3>
<input class="styled" type="checkbox" name="nzbmatrix" value="1" ${config['use_nzbmatrix']} />
<p>
NZBMatrix:
<input class="styled" type="checkbox" name="nzbmatrix" value="1" ${config['use_nzbmatrix']} />
</p>
</td>
<td>
<h3>
NZBMatrix Username:
</h3>
<input type="text" name="nzbmatrix_username" value="${config['nzbmatrix_user']}" size="30" maxlength="40" />
<p>
NZBMatrix Username
<input type="text" name="nzbmatrix_username" value="${config['nzbmatrix_user']}" size="30" maxlength="40" />
</p>
</td>
<td>
<h3>NZBMatrix API:</h3>
<p>NZBMatrix API:
<input type="text" name="nzbmatrix_apikey" value="${config['nzbmatrix_api']}" size="36" maxlength="40" />
</p>
</td>
</tr>
<tr>
<td>
<h3>Newznab:</h3>
<input class="styled" type="checkbox" name="newznab" value="1" ${config['use_newznab']} />
<p>
<input class="styled" type="checkbox" name="newznab" value="1" ${config['use_newznab']} />
Newznab:
</p>
</td>
<td>
@@ -265,8 +269,9 @@
<tr>
<td>
<p>
<input class="styled" type="checkbox" name="newzbin" value="1" ${config['use_newzbin']} />
Newzbin
<input class="styled" type="checkbox" name="newzbin" value="1" ${config['use_newzbin']} />
</p>
</td>
@@ -274,7 +279,6 @@
<p>
Newzbin UID:
<input type="text" name="newzbin_uid" value="${config['newzbin_uid']}" size="30" maxlength="40" />
</p>
</td>
@@ -285,16 +289,9 @@
</p>
</td>
</tr>
<tr>
<td>
<h2>Torrent:</h2>
</td>
</tr>
<tr>
<td>
<h2>Torrent:</h2>
<p>
<input class="styled" type="checkbox" name="use_isohunt" value="1" ${config['use_isohunt']} />
Isohunt:
@@ -321,7 +318,7 @@
<table class="configtable" summary="Quality & Post Processing">
<tr>
<td width="200">
<h2>Album Quality:</h2><br />
<h2>Album Quality:</h2>
<p>
<input class="styled" type="radio" name="preferred_quality" value="0" ${config['pref_qual_0']} />
Highest Quality excluding Lossless
@@ -417,12 +414,14 @@
File Format:
</h3>
<input type="text" name="file_format" value="${config['file_format']}" size="43" />
<div class="tooltip">
<span>
Use: tracknumber, title, artist, album and year
<span>
</div>
<div class="tooltip">
<span>
Use: tracknumber, title, artist, album and year
<span>
</div>
</td>
</tr>
<tr>
<td>
<h2>Miscellaneous:</h2>
<br />

View File

@@ -16,77 +16,103 @@
<%def name="body()">
<div class="table_wrapper">
<h1>Scan Music Library</h1><br />
<p>
Where do you keep your music?<br /><br />
</p>
<form action="musicScan" method="GET">
%if headphones.MUSIC_DIR:
<input type="text" value="${headphones.MUSIC_DIR}" name="path" size="60" />
<div class="tooltip">
<span>
You can put in any directory, and it will scan for audio files in that folder
(including all subdirectories)<br />
For example: '/Users/name/Music'
</span>
</div>
%else:
<input type="text" value="Enter a Music Directory to scan" onfocus="if (this.value==this.defaultValue) this.value='';" name="path" size="60" />
<div class="tooltip">
<span>
You can put in any directory, and it will scan for audio files in that folder
(including all subdirectories)<br />
For example: '/Users/name/Music'
</span>
</div>
%endif
<br />
<br />
<input class="styled" type="checkbox" name="autoadd" value="1" ${checked(headphones.ADD_ARTISTS)}> Automatically add new artists
<br />
<br />
<input type="submit" />
<div class="tooltip">
<span>
This process runs in the background.
</span>
</div>
</form>
<h1>Scan Music Library</h1>
<table class="configtable">
<tr>
<td>
<p>
Where do you keep your music?
</p>
<form action="musicScan" method="GET">
%if headphones.MUSIC_DIR:
<input type="text" value="${headphones.MUSIC_DIR}" name="path" size="60" />
<div class="tooltip">
<span>
You can put in any directory, and it will scan for audio files in that folder
(including all subdirectories)<br />
For example: '/Users/name/Music'
</span>
</div>
%else:
<p>
<input type="text" value="Enter a Music Directory to scan" onfocus="if (this.value==this.defaultValue) this.value='';" name="path" size="60" />
<div class="tooltip">
<span>
You can put in any directory, and it will scan for audio files in that folder
(including all subdirectories)<br />
For example: '/Users/name/Music'
</span>
</div>
</p>
%endif
<br />
<p>
<input class="styled" type="checkbox" name="autoadd" value="1" ${checked(headphones.ADD_ARTISTS)} /> Automatically add new artists
</p>
<input type="submit" />
<div class="tooltip">
<span>
This process runs in the background.
</span>
</div>
</form>
</td>
</tr>
</table>
</div>
<div class="table_wrapper_half">
<h1>Import Last.FM Artists</h1><br />
Enter the username whose artists you want to import:<br /><br />
<form action="importLastFM" method="GET" align="left">
<%
if headphones.LASTFM_USERNAME:
lastfmvalue = headphones.LASTFM_USERNAME
else:
lastfmvalue = 'Last.fm Username'
%>
<input type="text" value="${lastfmvalue}" onfocus="if (this.value==this.defaultValue) this.value='';" name="username" size="18" />
<br />
<br />
<input type="submit" />
</form><br /><br />
<h1>Import Last.FM Artists</h1>
<table class="configtable">
<tr>
<td>
<p>
Enter the username whose artists you want to import:
</p>
<form action="importLastFM" method="GET" align="left">
<%
if headphones.LASTFM_USERNAME:
lastfmvalue = headphones.LASTFM_USERNAME
else:
lastfmvalue = 'Last.fm Username'
%>
<input type="text" value="${lastfmvalue}" onfocus="if (this.value==this.defaultValue) this.value='';" name="username" size="18" />
<br />
<br />
<input type="submit" />
</form>
</td>
</tr>
</table>
</div>
<div class="table_wrapper_half">
<h1>Placeholder :-)</h1><br />
<br /><br />
<form action="" method="GET" align="left">
<input type="text" onfocus="if (this.value==this.defaultValue) this.value='';" name="" size="18" />
<br />
<br />
<input type="submit" />
</form>
<h1>Placeholder :-)</h1>
<table class="configtable">
<tr>
<td>
<form action="" method="GET" align="left">
<input type="text" onfocus="if (this.value==this.defaultValue) this.value='';" name="" size="18" />
<br />
<br />
<input type="submit" />
</form>
</td>
</tr>
</table>
</div>
<div class="table_wrapper">
<h1>Force Search</h1><br />
<h3><a href="forceSearch">Force Check for Wanted Albums</a></h3>
<h3><a href="forceUpdate">Force Update Active Artists</a></h3>
<h3><a href="forcePostProcess">Force Post-Process Albums in Download Folder</a></h3><br /><br />
<h3><a href="checkGithub">Check for Headphones Updates</a></h3>
<table class="configtable">
<tr>
<td>
<h3><a href="forceSearch">Force Check for Wanted Albums</a></h3>
<h3><a href="forceUpdate">Force Update Active Artists</a></h3>
<h3><a href="forcePostProcess">Force Post-Process Albums in Download Folder</a></h3><br /><br />
<h3><a href="checkGithub">Check for Headphones Updates</a></h3>
</td>
</tr>
</table>
</div>
</%def>

View File

@@ -69,3 +69,8 @@ function rotate(degree) {
setTimeout(function() { rotate(++degree); },30);
}
});
//Acesskey
$(document).ready(function(){
$("dataTables_filter div input").attr("acesskey", "a");
});