Mercurial > epgrec.yaz

diff templates/index.html @ 120:cb04c9ca1cb0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add: チャンネルスキップの追加途中（改造中）
author yoneda <epgrec@park.mda.or.jp>
date Sun, 14 Mar 2010 23:49:11 +0900
parents cb7da56c4198
children ea54c3128da3
line wrap: on
line diff
--- a/templates/index.html	Sat Mar 13 23:30:11 2010 +0900
+++ b/templates/index.html	Sun Mar 14 23:49:11 2010 +0900
@@ -189,6 +189,28 @@
 					$('#floatBox4Dialog').dialog('close');
 				}
 			});
+		},
+		CH_Skip: 0,
+		toggle:function() {
+			if( this.CH_Skip ) {
+				$('#float_titles').width(INISet.num_all_ch * INISet.ch_width + 80);
+				$('#tv_chs').width(INISet.num_all_ch * INISet.ch_width );
+				$('#tvtimes2').css( { left: INISet.num_all_ch * INISet.ch_width  + 40 } ).show();
+				tvtimes_scroll();
+				$('#ch_title_bar div.ch_title_skip').show();
+				$('#tv_chs div.ch_set_skip').show();
+
+				this.CH_Skip = 0;
+			}
+			else {
+				$('#tv_chs div.ch_set_skip').hide();
+				$('#ch_title_bar div.ch_title_skip').hide();
+				$('#float_titles').width( INISet.num_ch * INISet.ch_width + 80 );
+				$('#tv_chs').width( INISet.num_ch * INISet.ch_width );
+				$('#tvtimes2').css( { left: INISet.num_ch * INISet.ch_width  + 40 }).show();
+				tvtimes_scroll();
+				this.CH_Skip = 1;
+			}
 		}
 	}
 	var CTG = {
@@ -319,6 +341,8 @@
 		DG2.dialog({title:'ｃ潟',width:600});
 		DG2.dialog('close');
 
+		PRG.toggle();
+
 		nowBar.INI();
 		CTG.INI();
 		MDA.SCR.INI();	// 腟茵篏臀篆絖
@@ -368,10 +392,14 @@
 #tvtable div.tvtimetop {padding:8px 0px;}
 
 #tvtable div.ch_set {width:{/literal}{$ch_set_width}{literal}px;float:left;background-color:#BBB;}
+#tvtable div.ch_set_skip {width:{/literal}{$ch_set_width}{literal}px;float:left;background-color:#BBB; }
 
 
 #tvtable div.ch_title, #tvtable div.prg {margin-right:2px;}
 #tvtable div.ch_title {padding:8px 0px;background-color:#333;color:#DDD;font-weight:bold;text-align:center}
+#tvtable div.ch_title_skip, #tvtable div.prg {margin-right:2px;}
+#tvtable div.ch_title_skip {padding:8px 0px;background-color:#333;color:#DDD;font-weight:bold;text-align:center; }
+
 #tvtable div.prg {
 	overflow:hidden;
 	color:#444;
@@ -412,6 +440,9 @@
 #float_titles div.ch_title {width:{/literal}{$ch_set_width}{literal}px;float:left;color:#FFF;font-weight:bold;text-align:center}
 #float_titles div.ch_title div{padding:8px 0px;margin:0 6px 0 4px;background-image: url(imgs/trancBG50.png);}
 
+#float_titles div.ch_title_skip {width:{/literal}{$ch_set_width}{literal}px;float:left;color:#FFF;font-weight:bold;text-align:center; }
+#float_titles div.ch_title_skip div{padding:8px 0px;margin:0 6px 0 4px;background-image: url(imgs/trancBG50.png); }
+
 #float_follows {position:absolute;}
 #prg_info {
 	display:none;
@@ -453,7 +484,7 @@
 <h2>{$sitetitle}</h2>
 
 
-<div id="float_titles" style="width: {math equation="x + 80" x=$chs_width}px;height:120px;">
+<div id="float_titles" style="width: {math equation="x + 80" x=$chs_width }px;height:120px;">
 <div id="float_follows">
 
 <div class="set">
@@ -490,6 +521,11 @@
     {/foreach}
   </ul><br style="clear:left;" />
  </div>
+ 
+ <div class="set">
+   <ul><li><a class="jump" href="javascript:PRG.toggle()">ｃ潟茵腓</a></li></ul>
+ </div>
+
  <br style="clear:left;" />
 
  <div class="set">
@@ -515,12 +551,17 @@
 <div id="prg_info"><div class="dummy">test</div></div>
 </div>
 
-<div style="position:absolute;bottom:0;">
+
+<!-- ｃ潟絮 -->
+<div id="ch_title_bar" style="position:absolute;bottom:0;">
   <div class="tvtimeDM" style="float:left;">&nbsp;</div>
   {foreach from=$programs item=program }
-  <div class="ch_title" ><div style="cursor: pointer" onClick="javascript:PRG.chdialog('{$program.channel_disc}')" >{$program.station_name}</div></div>
+  <div {if $program.skip == 1 } class="ch_title_skip" {else} class="ch_title" {/if} >
+    <div {if $program.skip == 1 } class="ch_title_skip" {/if} style="cursor: pointer" onClick="javascript:PRG.chdialog('{$program.channel_disc}')" >{$program.station_name}</div>
+  </div>
   {/foreach}
 </div>
+
 <br style="clear:left;" />
 <div id="prg_info"><div class="dummy">&nbsp;</div></div>
 </div>
@@ -538,7 +579,7 @@
 
 <div id="tv_chs" style="width: {$chs_width}px" >
    {foreach from=$programs item=program }
-   <div class="ch_set" style="width: {$ch_set_width}px" >
+   <div {if $program.skip == 1 } class="ch_set_skip" {else} class="ch_set" {/if} style="width: {$ch_set_width}px" >
     <div class="ch_programs">
     {foreach from=$program.list item=item }
       <div {if $item.id}id="prgID_{$item.id}"{/if} class="prg {if ! $item.id}prg_none {/if} ctg_{$item.category_name}{if $item.rec gt 0 } prg_rec{/if}" style="height:{$item.height}px;">
@@ -573,12 +614,17 @@
 {literal}
 <script type="text/javascript">
 var INISet = {
+{/literal}
 	prgRecordURL : 'simpleReservation.php',		// 膂≧篋膣
 	prgRecordPlusURL : 'recordp.php',		// 荅括完篋膣
 	prgCancelURL : 'cancelReservation.php',		// 篋膣ｃ潟祉
-	dotMin : {/literal}{$height_per_min}{literal},
-	tableStartTime : {/literal}'{$top_time}',
-	tableEndTime : '{$last_time}'{literal}
+	dotMin : {$height_per_min},
+	tableStartTime : '{$top_time}',
+	tableEndTime : '{$last_time}',
+	ch_width : {$ch_set_width},
+	num_ch : {$num_ch},
+	num_all_ch : {$num_all_ch}
+{literal}
 }
 </script>
 {/literal}