gronod/headphones
1
0
Fork 1
mirror of https://github.com/rembo10/headphones.git synced 2026-03-22 04:39:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Albums Grid

Browse Source 
*Added CTRL + LMOUSE click on albums to select.
This commit is contained in:
Brinken
2012-08-31 22:23:58 +02:00
parent f4974e49d9
commit 44bf3b7004
3 changed files with 37 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
data/interfaces/brink/artist.html
View File

@@ -8,11 +8,11 @@
<%def name="body()">
<script>
$(document).ready(function(){
$('#menu_link_getextra').click(function() {
$('#getExtras').click(function() {
$('#dialog').dialog();
return false;
});
$('#menu_link_modifyextra').click(function() {
$('#modifyExtras').click(function() {
$('#dialog').dialog();
});
});
@@ -23,7 +23,8 @@
<input type="hidden" name="ArtistID" value="${artist['ArtistID']}">
<input type="hidden" name="newstyle" value="true">
%for extra in extras:
<input type="checkbox" id="${extra}" name="${extra}" value="1" ${extras[extra]} />${string.capwords(extra)}<br>
<input type="checkbox" id="${extra}" name="${extra}" value="1" ${extras[extra]} />
<label for="${extra}">${string.capwords(extra)}</label><br />
%endfor
<br>
<input id="submit" type="submit" value="Fetch Extras">
@@ -41,9 +42,9 @@
%endif
%if artist['IncludeExtras']:
<li><a href="removeExtras?ArtistID=${artist['ArtistID']}">Remove Extras</a></li>
<li><a class="menu_link_edit" href="#">Modify Extras</a></li>
<li><a id="modifyExtras" href="#">Modify Extras</a></li>
%else:
<li><a id="menu_link_getextra" href="#">Get Extras</a></li>
<li><a id="getExtras" href="#">Get Extras</a></li>
%endif
</ul>
<ul id="nav-view">
@@ -73,13 +74,14 @@
<option value="Downloaded">Downloaded</option>
</select>
<input type="submit" value="GO">
<small><span class="wsr Tag"></span> Click CTRL + LMOUSE on albums to select.</small>
</p>
<div id="gridView">
%for album in albums:
<%
%>
<div class="image-container">
<div class="image-box ${album['Status']}">
<div class="image-box">
<div class="image-tag ${album['Status']}"></div>
<img />
<div class="image-actions">
@@ -98,7 +100,7 @@
<div class="image-info">
<b style="display: none;">${artist['ArtistName']}</b>
<span><a href="albumPage?AlbumID=${album['AlbumID']}" title="${album['AlbumID']}">${album['AlbumTitle']}</a></span>
<span><a class="image-url" href="albumPage?AlbumID=${album['AlbumID']}" title="${album['AlbumID']}">${album['AlbumTitle']}</a></span>
</div>
</div>
%endfor
@@ -194,6 +196,19 @@
<%def name="javascriptIncludes()">
<script>
$(document).ready(function(){
$(".image-box").click(function(evt) {
if (evt.ctrlKey)
{
var input = $(this).find('.image-select');
if( $(input).is(':checked') ){
$(input).attr('checked', false);
}
else{
$(input).attr('checked', true);
}
}
});
//Load Art
getAlbumArt();
getArtistArt();

26
data/interfaces/brink/css/style.css
View File

@@ -430,12 +430,8 @@ table#album_table td#albumart { vertical-align: middle; text-align: left; }
height: 126px;
width: 126px;
position: relative;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
overflow: hidden;
}
.image-container .image-box img {
.image-container .image-box img {
width: 100%;
min-height: 100%;
position: absolute;
@@ -445,20 +441,22 @@ table#album_table td#albumart { vertical-align: middle; text-align: left; }
border: 0;
}
.image-container input {
.image-container .image-box input {
position: absolute;
top: 0px;
z-index: 2;
width: 100%;
height: 100%;
text-align: right;
text-align: center;
box-shadow: 0px 0px 10px rgb(0,0,0);
-moz-box-shadow: 0px 0px 10px rgb(0,0,0);
-webkit-box-shadow: 0px 0px 10px rgb(0,0,0);
-o-box-shadow: 0px 0px 10px rgb(0,0,0);
}
.image-container input:checked {
content: "";
background: rgba(0,0,0,0.1);
box-shadow: 0 0 10px rgb(0,145,255);
-moz-box-shadow: 0 0 10px rgb(0,145,255);
-webkit-box-shadow: 0 0 10px rgb(0,145,255);
.image-container .image-box input:checked {
box-shadow: 0px 0px 10px rgb(0,145,255);
-moz-box-shadow: 0px 0px 10px rgb(0,145,255);
-webkit-box-shadow: 0px 0px 10px rgb(0,145,255);
-0-box-shadow: 0px 0px 10px rgb(0,145,255);
}
.image-container .image-actions {
display: none;

6
data/interfaces/brink/js/script.js
View File

@@ -15,7 +15,7 @@ function getArtistInfo(name,imgElem,size,artistID) {
} else {
if ( data.artist === undefined || imageUrl == "" || imageUrl == undefined ) {
var imageLarge = "#";
var imageUrl = "interfaces/brink/images/no-cover-artist.png";
var imageUrl = "interfaces/brink/images/no-artist-art.png";
} else {
var artist = data.artist.mbid;
var artistBio = data.artist.bio.summary;
@@ -42,7 +42,7 @@ function getArtistInfo(name,imgElem,size,artistID) {
}
if ( data.artist === undefined || imageUrl == "" ) {
var imageLarge = "#";
var imageUrl = "interfaces/brink/images/no-cover-artist.png";
var imageUrl = "interfaces/brink/images/no-artist-art.png";
} else {
var artist = data.artist.name;
var artistBio = data.artist.bio.summary;
@@ -101,7 +101,7 @@ function getAlbumInfo(name, album, elem,size) {
$(elem).css("background", "url("+ imageUrl+")");
}
$(elem).css("background", "url("+ imageUrl+") center top no-repeat");
$(elem).wrap('<a href="'+ imageLarge +'" rel="dialog" title="' + name + '"></a>');
//$(elem).wrap('<a href="'+ imageLarge +'" rel="dialog" title="' + name + '"></a>');
}
});
}