[Slim-Checkins] r10002 - in /trunk/server/HTML/Touch: browsedb.html
slimserver.css
bklaas at svn.slimdevices.com
bklaas at svn.slimdevices.com
Fri Sep 22 20:13:18 PDT 2006
Author: bklaas
Date: Fri Sep 22 20:13:17 2006
New Revision: 10002
URL: http://svn.slimdevices.com?rev=10002&view=rev
Log:
enlarge/shrink for 1-by-1 artwork
Added:
trunk/server/HTML/Touch/browsedb.html (with props)
Modified:
trunk/server/HTML/Touch/slimserver.css
Added: trunk/server/HTML/Touch/browsedb.html
URL: http://svn.slimdevices.com/trunk/server/HTML/Touch/browsedb.html?rev=10002&view=auto
==============================================================================
--- trunk/server/HTML/Touch/browsedb.html (added)
+++ trunk/server/HTML/Touch/browsedb.html Fri Sep 22 20:13:17 2006
@@ -1,0 +1,152 @@
+[%# Page browsedb.html %]
+[%- IF ajaxRequest -%]
+ <pre>
+ [% pageType = 'artwork' %]
+[% IF browseby == 'BROWSE_BY_ARTWORK' && level == 0 %][% pageType = 'artwork' %][% END %]
+ [% PROCESS ajaxRequest.txt page = pageType %]
+ </pre>
+[%- ELSE -%]
+<!-- browsedb.html -->
+[%- title = BLOCK %]
+[%- playermodel | string %] : [% browseby | string -%]
+[%- END -%]
+[%- browse = '0'
+ playlist = '0'
+ music = '1'
+ pageicon = 'MUSIC' -%]
+[%- IF artwork == 2 -%]
+ [% thispage = 'artwork' %]
+[%- ELSE -%]
+ [% thispage = 'browse' %]
+[%- END -%]
+[%- PROCESS pageheader.html thispage = thispage -%]
+
+[% IF warn %]
+ <p><b>[% "NOTE" | string %]</b> [% "SCAN_WARNING" | string %]
+ [% IF audiodir %][% "SCAN_CLICK" | string %]
+ <a href="browsetree.html?player=[% playerURI %]"><font class="pagebartext">[% "HERE" | string %]</a>.</font>
+ [% END %]
+[% END %]
+[% PROCESS galleryselect.html %]
+<div id = 'crumblist'>
+<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#EEEEEE">
+ <td valign = 'top'> [% PROCESS crumblist noHomeLink = 1%]
+ </td>
+ </tr>
+ <tr>
+ <td class="pagebartext">
+ [%- IF pageinfo.totalpages > 1 && pageinfo.totalalphapages != 1 %] [% IF artwork == 2 %][% PROCESS pagebar artwork = 2 %][% ELSE %][% PROCESS pagebar %][% END %]
+ [%- IF NOT pageinfo.alphamap %] | [% PROCESS pagebarheader %][% END %]
+ [%- END %]
+ </td>
+ </tr>
+</table>
+</div>
+
+<!-- need about 40px of space to deal with fixed crumblist-->
+<table><tr><td height = '40'> </td></tr></table>
+
+[% IF level == 0 && artwork == 2 %]
+<div id = 'resizeThumbs'>
+<a href = 'javascript:enlargeThumbs();'>Enlarge</a> |
+<a href = 'javascript:shrinkThumbs();'>Shrink</a>
+</div>
+<div id = 'cover1'>
+<table >
+ <tr>
+ <td>
+ <img src = '[% webroot %]html/images/rew_active.gif' id = 'last_cover_click' class = 'thinborder'>
+ </td>
+ <td>
+ <!--first cover here-->[% INCLUDE coverTable cover = 1 %]
+ </td>
+ <td>
+ <!--second cover here-->[% INCLUDE coverTable cover = 2 %]
+ </td>
+ <td>
+ <img src = '[% webroot %]html/images/ffw_active.gif' id = 'next_cover_click' class = 'thinborder'>
+ </td>
+ </tr>
+</table>
+</div>
+
+
+[% ELSE %]
+<table width = '100%' class = 'noborder' bgcolor = 'white'>
+ <tr>
+[% IF coverArt %]
+ <td valign = 'top' width = '205'>
+ <a href="status.html?p0=playlist&p1=addalbum&p2=[% genre | uri %]&p3=[% contributor.id | uri %]&p4=[% album.id | uri %]&player=[% playerURI %]">
+ <p align="center">
+ <img src="/music/[% coverArt %]/cover.jpg" STYLE="border: 1px solid black" width = '200'></a>
+ </td>
+[% END %]
+ <td valign = 'top'>
+ <table cellspacing="0" border="0" cellpadding="0" width="100%" bgcolor = 'white' id = 'browsetable'>
+ [% IF browse_items %]
+ [% FOREACH item = browse_items %]
+ [%# IF browseby == 'BROWSE_BY_ARTWORK' && level == 0 %]
+ [%- IF artwork == 1 && (levelName == 'album' || levelName == 'age') %]
+ [% IF loop.index mod 6 == 1 || loop.first %]<tr>[% END %]
+ [% IF loop.first && contributor.id < 1 %][% ELSE %]
+ <td>
+ [% PROCESS browsedb_artwork.html %]
+ </td>
+ [% END %]
+ [% IF loop.index mod 6 == 0 %]</tr>[% END %]
+ [% ELSE %]
+ [% PROCESS browsedbitems_list.html %]
+ [% END %]
+ [% END %]
+ [% ELSE %]
+ [% browse_list %]
+ [% END %]
+ </table>
+ </td>
+ </tr>
+</table>
+<table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#EEEEEE">
+ <tr>
+ <td class="pagebartext">
+ [%- IF pageinfo.totalpages > 1 && pageinfo.totalalphapages != 1 %] [% PROCESS pagebar %]
+ [%- IF NOT pageinfo.alphamap %] | [% PROCESS pagebarheader %][% END %]
+ [%- END %]
+ </td>
+ </tr>
+ <tr>
+ <td> [% PROCESS crumblist noHomeLink = 1%]</td>
+ </tr>
+</table>
+[% END %]
+
+[%# /Page browsedb.html %]
+[% PROCESS pagefooter.html %]
+[% END %]
+
+[% BLOCK coverTable %]
+<table id = 'cover_table_[% cover %]' align = 'center'>
+<tr>
+ <td colspan = 2><table class = 'thinborder'><tr><td>
+ <img src = "[% webroot %]html/images/cover.png" border = '0' id = 'thumb_[% cover %]'>
+ </td></tr></table></td>
+</tr>
+<tr height = '30' valign = 'top'>
+ <td width = '40'>
+ <table><tr>
+ <td class="listing" align="center">
+ <a href="http://google.com" id = 'play_[% cover %]'><img src="[% webroot %]html/images/play.this.gif" border=0 height="20" alt='Play' title='Play'></a>
+ </td>
+ <td class="listing" align="center">
+ <a href="http://google.com" id = 'add_[% cover %]'><img src="[% webroot %]html/images/add.gif" border=0 height="20" alt='Next' title='Next'></a>
+ </td>
+ </tr></table>
+ </td>
+ <td align = 'left'>
+ <table width = '100%'>
+ <tr><td><span id = 'artist_[% cover %]'></span></td></tr>
+ <tr><td><span id = 'album_[% cover %]'></span></td></tr>
+ </table>
+ </td>
+</tr>
+</table>
+[% END %]
Propchange: trunk/server/HTML/Touch/browsedb.html
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: trunk/server/HTML/Touch/browsedb.html
------------------------------------------------------------------------------
svn:keywords = "Id Author LastChangedDate LastChangedBy"
Propchange: trunk/server/HTML/Touch/browsedb.html
------------------------------------------------------------------------------
svn:mime-type = text/html
Modified: trunk/server/HTML/Touch/slimserver.css
URL: http://svn.slimdevices.com/trunk/server/HTML/Touch/slimserver.css?rev=10002&r1=10001&r2=10002&view=diff
==============================================================================
--- trunk/server/HTML/Touch/slimserver.css (original)
+++ trunk/server/HTML/Touch/slimserver.css Fri Sep 22 20:13:17 2006
@@ -346,12 +346,15 @@
border: 1px solid black;
}
+div#resizeThumbs {
+ float:right;
+}
+
div#cover1 {
- position: relative;
+ position: absolute;
float: left;
left: 20;
- width: 300;
- top: 50;
+ top: 70;
}
div#cover2 {
@@ -453,3 +456,7 @@
WIDTH: 222;
HEIGHT: 36;
}
+
+.thinborder {
+ border: 1px solid black;
+}
More information about the checkins
mailing list