Mercurial > epgrec.yaz
comparison templates/index.html @ 121:ea54c3128da3
mod: チャンネルスキップ実装中（番組表の表示方法を変更した）
| author | Sushi-k <epgrec@park.mda.or.jp> |
|---|---|
| date | Tue, 16 Mar 2010 12:46:37 +0900 |
| parents | cb04c9ca1cb0 |
| children | 709bc9c69318 |
comparison
equal
deleted
inserted
replaced
| 120:cb04c9ca1cb0 | 121:ea54c3128da3 |
|---|---|
| 188 } | 188 } |
| 189 $('#floatBox4Dialog').dialog('close'); | 189 $('#floatBox4Dialog').dialog('close'); |
| 190 } | 190 } |
| 191 }); | 191 }); |
| 192 }, | 192 }, |
| 193 CH_Skip: 0, | 193 CH_Skip: 1, |
| 194 chSkipShow:function() { | |
| 195 $('#float_titles').width(INISet.num_all_ch * INISet.ch_width + 80); | |
| 196 $('#tv_chs').width(INISet.num_all_ch * INISet.ch_width ); | |
| 197 $('#tvtimes2').css( { left: INISet.num_all_ch * INISet.ch_width + 40 } ).show(); | |
| 198 tvtimes_scroll(); | |
| 199 $('#ch_title_bar div.ch_title_skip').show(); | |
| 200 $('#tv_chs div.ch_set_skip').show(); | |
| 201 this.CH_Skip = 0; | |
| 202 }, | |
| 203 chSkipHide:function() { | |
| 204 $('#ch_title_bar div.ch_title_skip').hide(); | |
| 205 $('#tv_chs div.ch_set_skip').hide(); | |
| 206 $('#float_titles').width( INISet.num_ch * INISet.ch_width + 80 ); | |
| 207 $('#tv_chs').width( INISet.num_ch * INISet.ch_width ); | |
| 208 $('#tvtimes2').css( { left: INISet.num_ch * INISet.ch_width + 40 }).show(); | |
| 209 tvtimes_scroll(); | |
| 210 this.CH_Skip = 1; | |
| 211 }, | |
| 194 toggle:function() { | 212 toggle:function() { |
| 195 if( this.CH_Skip ) { | 213 if( this.CH_Skip ) { |
| 196 $('#float_titles').width(INISet.num_all_ch * INISet.ch_width + 80); | 214 this.chSkipShow(); |
| 197 $('#tv_chs').width(INISet.num_all_ch * INISet.ch_width ); | |
| 198 $('#tvtimes2').css( { left: INISet.num_all_ch * INISet.ch_width + 40 } ).show(); | |
| 199 tvtimes_scroll(); | |
| 200 $('#ch_title_bar div.ch_title_skip').show(); | |
| 201 $('#tv_chs div.ch_set_skip').show(); | |
| 202 | |
| 203 this.CH_Skip = 0; | |
| 204 } | 215 } |
| 205 else { | 216 else { |
| 206 $('#tv_chs div.ch_set_skip').hide(); | 217 this.chSkipHide(); |
| 207 $('#ch_title_bar div.ch_title_skip').hide(); | |
| 208 $('#float_titles').width( INISet.num_ch * INISet.ch_width + 80 ); | |
| 209 $('#tv_chs').width( INISet.num_ch * INISet.ch_width ); | |
| 210 $('#tvtimes2').css( { left: INISet.num_ch * INISet.ch_width + 40 }).show(); | |
| 211 tvtimes_scroll(); | |
| 212 this.CH_Skip = 1; | |
| 213 } | 218 } |
| 214 } | 219 } |
| 215 } | 220 } |
| 216 var CTG = { | 221 var CTG = { |
| 217 CN:'ctg', | 222 CN:'ctg', |
| 339 | 344 |
| 340 var DG2 = $('#channelDialog'); | 345 var DG2 = $('#channelDialog'); |
| 341 DG2.dialog({title:'ｃ潟',width:600}); | 346 DG2.dialog({title:'ｃ潟',width:600}); |
| 342 DG2.dialog('close'); | 347 DG2.dialog('close'); |
| 343 | 348 |
| 344 PRG.toggle(); | 349 // PRG.toggle(); |
| 345 | 350 |
| 346 nowBar.INI(); | 351 nowBar.INI(); |
| 347 CTG.INI(); | 352 CTG.INI(); |
| 348 MDA.SCR.INI(); // 腟茵篏臀篆絖 | 353 MDA.SCR.INI(); // 腟茵篏臀篆絖 |
| 349 }); | 354 }); |
| 390 background-position: left bottom; | 395 background-position: left bottom; |
| 391 } | 396 } |
| 392 #tvtable div.tvtimetop {padding:8px 0px;} | 397 #tvtable div.tvtimetop {padding:8px 0px;} |
| 393 | 398 |
| 394 #tvtable div.ch_set {width:{/literal}{$ch_set_width}{literal}px;float:left;background-color:#BBB;} | 399 #tvtable div.ch_set {width:{/literal}{$ch_set_width}{literal}px;float:left;background-color:#BBB;} |
| 395 #tvtable div.ch_set_skip {width:{/literal}{$ch_set_width}{literal}px;float:left;background-color:#BBB; } | 400 .ch_set_skip { display: none; } |
| 396 | 401 |
| 397 | 402 |
| 398 #tvtable div.ch_title, #tvtable div.prg {margin-right:2px;} | 403 #tvtable div.ch_title, #tvtable div.prg {margin-right:2px;} |
| 399 #tvtable div.ch_title {padding:8px 0px;background-color:#333;color:#DDD;font-weight:bold;text-align:center} | 404 #tvtable div.ch_title {padding:8px 0px;background-color:#333;color:#DDD;font-weight:bold;text-align:center} |
| 400 #tvtable div.ch_title_skip, #tvtable div.prg {margin-right:2px;} | 405 .ch_title_skip {display: none;} |
| 401 #tvtable div.ch_title_skip {padding:8px 0px;background-color:#333;color:#DDD;font-weight:bold;text-align:center; } | |
| 402 | 406 |
| 403 #tvtable div.prg { | 407 #tvtable div.prg { |
| 404 overflow:hidden; | 408 overflow:hidden; |
| 405 color:#444; | 409 color:#444; |
| 406 background-image: url(imgs/dot2.gif); | 410 background-image: url(imgs/dot2.gif); |
| 438 | 442 |
| 439 #float_titles { z-index:100} | 443 #float_titles { z-index:100} |
| 440 #float_titles div.ch_title {width:{/literal}{$ch_set_width}{literal}px;float:left;color:#FFF;font-weight:bold;text-align:center} | 444 #float_titles div.ch_title {width:{/literal}{$ch_set_width}{literal}px;float:left;color:#FFF;font-weight:bold;text-align:center} |
| 441 #float_titles div.ch_title div{padding:8px 0px;margin:0 6px 0 4px;background-image: url(imgs/trancBG50.png);} | 445 #float_titles div.ch_title div{padding:8px 0px;margin:0 6px 0 4px;background-image: url(imgs/trancBG50.png);} |
| 442 | 446 |
| 443 #float_titles div.ch_title_skip {width:{/literal}{$ch_set_width}{literal}px;float:left;color:#FFF;font-weight:bold;text-align:center; } | |
| 444 #float_titles div.ch_title_skip div{padding:8px 0px;margin:0 6px 0 4px;background-image: url(imgs/trancBG50.png); } | |
| 445 | 447 |
| 446 #float_follows {position:absolute;} | 448 #float_follows {position:absolute;} |
| 447 #prg_info { | 449 #prg_info { |
| 448 display:none; | 450 display:none; |
| 449 position:absolute; | 451 position:absolute; |
| 554 | 556 |
| 555 <!-- ｃ潟絮 --> | 557 <!-- ｃ潟絮 --> |
| 556 <div id="ch_title_bar" style="position:absolute;bottom:0;"> | 558 <div id="ch_title_bar" style="position:absolute;bottom:0;"> |
| 557 <div class="tvtimeDM" style="float:left;"> </div> | 559 <div class="tvtimeDM" style="float:left;"> </div> |
| 558 {foreach from=$programs item=program } | 560 {foreach from=$programs item=program } |
| 559 <div {if $program.skip == 1 } class="ch_title_skip" {else} class="ch_title" {/if} > | 561 <div id="ch_title_{$program.channel_disc}" class="ch_title{if $program.skip == 1 } ch_title_skip{/if}" > |
| 560 <div {if $program.skip == 1 } class="ch_title_skip" {/if} style="cursor: pointer" onClick="javascript:PRG.chdialog('{$program.channel_disc}')" >{$program.station_name}</div> | 562 <div style="cursor: pointer" onClick="javascript:PRG.chdialog('{$program.channel_disc}')" >{$program.station_name}</div> |
| 561 </div> | 563 </div> |
| 562 {/foreach} | 564 {/foreach} |
| 563 </div> | 565 </div> |
| 564 | 566 |
| 565 <br style="clear:left;" /> | 567 <br style="clear:left;" /> |
| 577 {/foreach} | 579 {/foreach} |
| 578 </div> | 580 </div> |
| 579 | 581 |
| 580 <div id="tv_chs" style="width: {$chs_width}px" > | 582 <div id="tv_chs" style="width: {$chs_width}px" > |
| 581 {foreach from=$programs item=program } | 583 {foreach from=$programs item=program } |
| 582 <div {if $program.skip == 1 } class="ch_set_skip" {else} class="ch_set" {/if} style="width: {$ch_set_width}px" > | 584 <div id="tv_chs_{$program.channel_disc}" class="ch_set{if $program.skip == 1 } ch_set_skip{/if}" > |
| 583 <div class="ch_programs"> | 585 <div class="ch_programs" > |
| 584 {foreach from=$program.list item=item } | 586 {foreach from=$program.list item=item } |
| 585 <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;"> | 587 <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;"> |
| 586 <div class="prg_dummy"> | 588 <div class="prg_dummy"> |
| 587 <div class="prg_title">{$item.title|escape}</div> | 589 <div class="prg_title">{$item.title|escape}</div> |
| 588 <div class="prg_subtitle">{$item.starttime}</div> | 590 <div class="prg_subtitle">{$item.starttime}</div> |