themes/iphone/playlist.tpl
changeset 77 e5f1f45ea7e2
parent 51 7009a9cbd46f
equal deleted inserted replaced
76:487a16c7117c 77:e5f1f45ea7e2
    23     var img_play = '/themes/{$theme|escape}/images/play.png';
    23     var img_play = '/themes/{$theme|escape}/images/play.png';
    24     var img_pause = '/themes/{$theme|escape}/images/pause.png';
    24     var img_pause = '/themes/{$theme|escape}/images/pause.png';
    25     var img_ajax = '/themes/{$theme|escape}/images/ajax.gif';
    25     var img_ajax = '/themes/{$theme|escape}/images/ajax.gif';
    26     var class_current = 'current';
    26     var class_current = 'current';
    27     var allow_control = {if $allow_control}true{else}false{/if};
    27     var allow_control = {if $allow_control}true{else}false{/if};
       
    28     
       
    29     var iPhone = true;
    28     </script>
    30     </script>
    29     {foreach from=$scripts item=script}
    31     {foreach from=$scripts item=script}
    30     <script type="text/javascript" src="/scripts/{$script}"></script>
    32     <script type="text/javascript" src="/scripts/{$script}"></script>
    31     {/foreach}
    33     {/foreach}
    32     <script type="text/javascript" src="/themes/{$theme|escape}/scrollfix.js"></script>
    34     <script type="text/javascript" src="/themes/{$theme|escape}/scrollfix.js"></script>
    33     <script type="text/javascript" src="/themes/{$theme|escape}/expand.js"></script>
    35     <script type="text/javascript" src="/themes/{$theme|escape}/expand.js"></script>
    34   </head>
    36   </head>
    35   <body>
    37   <body>
    36     <div id="playbar">
    38     <div id="playbar">
    37       <div class="playbar-inner">
    39       <div class="playbar-inner">
       
    40         <div id="offlinemode"><img title="No network connection; running in offline mode" src="/offlinemode.png" width="22" height="22" /></div>
    38         <img alt=" " id="ajax_status" style="display: none; position: absolute; top: 5px; right: 5px;" src="about:blank" />
    41         <img alt=" " id="ajax_status" style="display: none; position: absolute; top: 5px; right: 5px;" src="about:blank" />
    39         {if $allow_control}
    42         {if $allow_control}
    40         <a href="#action:jump" onclick="jump_current_track();  return false;"><img alt=" " src="/themes/{$theme|escape}/images/jump.png" style="position: relative; top: -8px; border-right: 1px solid #a0a0a0" /></a>
    43         <a href="#action:jump" onclick="jump_current_track();  return false;"><img alt=" " src="/themes/{$theme|escape}/images/jump.png" style="position: relative; top: -8px; border-right: 1px solid #a0a0a0" /></a>
    41         <a href="#action:prev" onclick="player_action('prev'); return false;"><img alt="&laquo; PrevTrk" src="/themes/{$theme|escape}/images/prev.png" style="position: relative; top: -8px;" /></a>
    44         <a href="#action:prev" onclick="player_action('prev'); return false;"><img alt="&laquo; PrevTrk" src="/themes/{$theme|escape}/images/prev.png" style="position: relative; top: -8px;" /></a>
    42         <a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a>
    45         <a href="#action:play" onclick="player_action('play'); return false;" id="btn_playpause"><img alt="Play" src="/themes/{$theme|escape}/images/play.png" /></a>
    46         {/if}
    49         {/if}
    47         <span id="playmeter">--:--/--:--</span><br />
    50         <span id="playmeter">--:--/--:--</span><br />
    48         <div id="playhead"><div id="playhead-filler">&nbsp;</div></div>
    51         <div id="playhead"><div id="playhead-filler">&nbsp;</div></div>
    49         <div id="playhead-button">&nbsp;</div>
    52         <div id="playhead-button">&nbsp;</div>
    50         {if $allow_control}
    53         {if $allow_control}
    51         <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" />
    54         <a href="#" onclick="volume_custom_form(); return false;">
       
    55           <img hspace="4" alt="Volume: " src="/themes/{$theme|escape}/images/volume.png" />
       
    56         </a>
    52         <span id="volume_wrap"><a
    57         <span id="volume_wrap"><a
    53           class="volume_button" href="#volume:0"   onmouseover="volume_over(0);"   onmouseout="volume_out();" id="volbtn_0"   onclick="set_volume(0);   return false;">&nbsp;</a><a
    58           class="volume_button" href="#volume:0"   onmouseover="volume_over(0);"   onmouseout="volume_out();" id="volbtn_0"   onclick="set_volume(0);   return false;">&nbsp;</a><a
    54           class="volume_button" href="#volume:10"  onmouseover="volume_over(10);"  onmouseout="volume_out();" id="volbtn_10"  onclick="set_volume(10);  return false;">&nbsp;</a><a
    59           class="volume_button" href="#volume:10"  onmouseover="volume_over(10);"  onmouseout="volume_out();" id="volbtn_10"  onclick="set_volume(10);  return false;">&nbsp;</a><a
    55           class="volume_button" href="#volume:20"  onmouseover="volume_over(20);"  onmouseout="volume_out();" id="volbtn_20"  onclick="set_volume(20);  return false;">&nbsp;</a><a
    60           class="volume_button" href="#volume:20"  onmouseover="volume_over(20);"  onmouseout="volume_out();" id="volbtn_20"  onclick="set_volume(20);  return false;">&nbsp;</a><a
    56           class="volume_button" href="#volume:30"  onmouseover="volume_over(30);"  onmouseout="volume_out();" id="volbtn_30"  onclick="set_volume(30);  return false;">&nbsp;</a><a
    61           class="volume_button" href="#volume:30"  onmouseover="volume_over(30);"  onmouseout="volume_out();" id="volbtn_30"  onclick="set_volume(30);  return false;">&nbsp;</a><a
    73         {foreach key=tid item=track from=$playlist}
    78         {foreach key=tid item=track from=$playlist}
    74         {strip}
    79         {strip}
    75         <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}">
    80         <tr class="{cycle values="row1,row2"}{if $active == $tid} current{/if}" id="track_{$tid}" amarok:length_sec="{$track.length_int}">
    76           <td>
    81           <td>
    77             <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="expand_track({$tid}); return false;">
    82             <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="expand_track({$tid}); return false;">
    78               {$track.title|escape}
    83               {$track.title|escape}<br />
       
    84               <small>{$track.album|escape} - {$track.artist|escape}</small>
    79             </a>
    85             </a>
    80             <div id="track_inner_{$tid}" class="track_inner">
    86             <div id="track_inner_{$tid}" class="track_inner">
    81               <div style="float: left; margin-right: 5px;">
    87               <div style="float: left; margin-right: 5px;">
    82                 {sprite artist=$track.artist album=$track.album size=50}
    88                 {sprite artist=$track.artist album=$track.album size=50}
    83               </div>
    89               </div>
       
    90               <div style="float: right; margin-left: 5px;">
       
    91                 <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;">
       
    92                   <img alt="Play track" src="/themes/{$theme|escape}/images/playsmall.png" style="padding: 10px;" />
       
    93                 </a>
       
    94               </div>
    84               <small>
    95               <small>
    85               <b>Artist:</b> {$track.artist|escape}<br />
       
    86               <b>Album:</b> {$track.album|escape}<br />
       
    87               <b>Length:</b> {$track.length|escape}<br />
    96               <b>Length:</b> {$track.length|escape}<br />
    88               </small>
    97               </small>
    89               <a class="tracklink" href="#action:jump;tid:{$tid}" onclick="jump_to_song({$tid}); return false;">&raquo; Play track</a>
       
    90             </div>
    98             </div>
    91           </td>
    99           </td>
    92         </tr>
   100         </tr>
    93         {/strip}
   101         {/strip}
    94         {/foreach}
   102         {/foreach}
    95       </table>
   103       </table>
    96     </div>
   104     </div>
    97     <div id="footer">
   105     <div id="footer">
    98       <img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" /><br />
   106       <img alt="AmaroK web control" src="/themes/{$theme|escape}/images/amarok.gif" /><br />
    99       <div class="poweredby">
   107       <div class="poweredby">
   100         Powered by <a onclick="window.open(this.href); return false;" href="http://greyhound.enanocms.org/">Greyhound</a> v{$greyhound_version}
   108         {include file="footer.tpl"}
   101         {if $use_auth}
       
   102         &ndash;
       
   103         <a href="/logout">log out</a>
       
   104         {/if}
       
   105       </div>
   109       </div>
   106     </div>
   110     </div>
   107     <script type="text/javascript">
   111     <script type="text/javascript">
   108       setTimeout('fix_scroll();', 2000);
   112       setTimeout('fix_scroll();', 2000);
   109     </script>
   113     </script>