-
Notifications
You must be signed in to change notification settings - Fork 4
/
guide.html
79 lines (75 loc) · 4.09 KB
/
guide.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="x-ua-compatible" content="IE=Edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<meta name="application-name" content="mythling-epg" data-version="1.2.1">
<title>Mythling EPG</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/mythling.css">
<link rel="icon" type="image/png" href="images/icon.png">
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="js/ng-infinite-scroll-h-fix.js"></script>
<script src="src/ng-stay.js"></script>
<script src="src/epg.js"></script>
<script src="src/calendar.js"></script>
<script src="src/search.js"></script>
</head>
<body ng-app="epgApp" ng-controller="EpgController" pop-container>
<div class="guide-status label-width header-height">
<div class="status-outer">
<div class="status" ng-controller="EpgCalController">
<input id="calendarInput" type="text" class="form-control calendar-input" blur-me ng-click="openCalendar($event)"
ng-model="currentDate" ng-model-options="{getterSetter: true}" datepicker-popup="EEE MMM d"
min-date="minDate" max-date="maxDate" show-weeks="false" show-button-bar="false" is-open="calendarOpened" />
<div class="calendar-outer">
<button id="calendarBtn" type="button" class="action-button" ng-click="openCalendar($event)" tabIndex="1">
<img ng-src="{{calendarOpened ? 'images/cal22x.png' : 'images/cal22.png'}}" />
</button>
</div>
<div class="search-outer" ng-controller="EpgSearchController">
<button id="searchBtn" type="button" class="action-button" search-pre-render
popover-template="'views/search.html'" popover-placement="right" ng-click="searchClick($event)" tabIndex="2">
<img ng-src="{{searchOpened ? 'images/srch22x.png' : 'images/srch22.png'}}" />
</button>
</div>
</div>
</div>
</div>
<div class="timeslot-row" stay="top" stay-revert-to-fixed="{{revertLabelsToFixed}}" ng-style="::{left:labelWidth+'px'}">
<div class="timeslot-outer slot-width header-height" ng-repeat="timeslot in guideData.timeslots track by $index" >
<div class="timeslot">{{timeslot}}</div>
</div>
</div>
<div class="channel-column" stay="left" stay-revert-to-fixed="{{revertLabelsToFixed}}" stay-track="setPosition" ng-style="::{top:headerHeight+'px'}">
<div class="channel-outer label-width row-height" ng-repeat="channel in guideData.channels">
<div class="channel" ng-if="!showChannelIcons">
{{::channel.ChanNum}}<br/>{{::channel.CallSign}}
</div>
<div class="channel-icon" ng-if="showChannelIcons" title="{{::channel.CallSign}}">
<img ng-src="{{::channel.IconURL}}" ng-style="::{height:rowHeight-4+'px'}" alt="{{::channel.CallSign}}" />
</div>
</div>
</div>
<div class="listings" ng-style="::{marginLeft:labelWidth+'px',marginTop:headerHeight+'px'}"
infinite-scroll="guideData.nextPage()"
infinite-scroll-horizontal="true"
infinite-scroll-disabled="bufferSize == 0"
infinite-scroll-distance="bufferSize">
<div class="channel-row" ng-repeat="channel in guideData.channels">
<div class="program-outer" ng-repeat="program in channel.programs">
<div class="program row-height" popover-template="'views/menu.html'" popover-trigger="popShow" popover-placement="{{popPlace}}"
pop-click ng-style="{width:program.width+'px'}">
<div ng-if="!program.filler" id="{{::program.id}}" class="program-inner" tabIndex="{{::program.index}}" pop-hide
ng-class="{'program-record': program.recStatus.record, 'program-error': program.recStatus.error, 'program-warn': program.recStatus.code == 7}"
data-seq="{{::program.seq}}" data-offset="{{::program.offset}}">
<span class="program-title">{{::program.Title}}</span><br/>{{::program.subTitle}}
</div>
</div>
</div>
</div>
</div>
</body>
</html>