update components

This commit is contained in:
Luke Pulverenti 2016-08-02 21:32:16 -04:00
parent 823f69bb92
commit db0bac5a2b
22 changed files with 113 additions and 91 deletions

View file

@ -67,19 +67,19 @@
height: 2px;
}
.sportsProgramInfo .programAccent {
.sportsAccent {
background-color: #0A7C33;
}
.newsProgramInfo .programAccent {
.newsAccent {
background-color: #523378;
}
.movieProgramInfo .programAccent {
.movieAccent {
background-color: #A43913;
}
.childProgramInfo .programAccent {
.childAccent {
background-color: #0B487D;
}
@ -245,7 +245,7 @@
@media all and (max-width: 1200px) {
.channelHeaderCell.withImage .guideChannelNumber {
.guideChannelNumberWithImage {
display: none;
}
}
@ -367,7 +367,7 @@
color: #bbb;
}
.programCell i {
.programIcon {
margin-left: auto;
margin-right: .5em;
height: 3.5vh;
@ -377,7 +377,7 @@
flex-shrink: 0;
}
.programCell i + i {
.programIcon + .programIcon {
margin-left: .25em;
}

View file

@ -341,18 +341,27 @@
html += '</div>';
if (program.IsHD && options.showHdIcon) {
html += '<i class="guideHdIcon md-icon">hd</i>';
html += '<i class="guideHdIcon md-icon programIcon">hd</i>';
}
if (program.SeriesTimerId) {
html += '<i class="seriesTimerIcon md-icon">fiber_smart_record</i>';
html += '<i class="seriesTimerIcon md-icon programIcon">fiber_smart_record</i>';
}
else if (program.TimerId) {
html += '<i class="timerIcon md-icon">fiber_manual_record</i>';
html += '<i class="timerIcon md-icon programIcon">fiber_manual_record</i>';
}
if (addAccent) {
html += '<div class="programAccent"></div>';
if (program.IsKids) {
html += '<div class="programAccent childAccent"></div>';
} else if (program.IsSports) {
html += '<div class="programAccent sportsAccent"></div>';
} else if (program.IsNews) {
html += '<div class="programAccent newsAccent"></div>';
} else if (program.IsMovie) {
html += '<div class="programAccent movieAccent"></div>';
}
}
html += '</button>';
@ -413,13 +422,15 @@
}
var cssClass = 'channelHeaderCell clearButton itemAction lazy';
if (hasChannelImage) {
cssClass += ' withImage';
}
html += '<button type="button" class="' + cssClass + '"' + dataSrc + ' data-action="link" data-isfolder="' + channel.IsFolder + '" data-id="' + channel.Id + '" data-serverid="' + channel.ServerId + '" data-type="' + channel.Type + '">';
html += '<div class="guideChannelNumber">' + channel.Number + '</div>';
cssClass = 'guideChannelNumber';
if (hasChannelImage) {
cssClass += ' guideChannelNumberWithImage';
}
html += '<div class="' + cssClass + '">' + channel.Number + '</div>';
if (!hasChannelImage) {
html += '<div class="guideChannelName">' + channel.Name + '</div>';