-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
186 lines (164 loc) · 8.22 KB
/
index.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<html ng-app="DCUFMApp">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>DCUFM - Ireland's Best Student Radio</title>
<link href="css/ionic.min.css" rel="stylesheet">
<link href="css/app.css" rel="stylesheet">
<script src="cordova.js"></script>
<script src="js/ionic.bundle.min.js"></script>
</head>
<body>
<ion-nav-bar animation="nav-title-slide-ios7"
type="bar-light"
back-button-type="button-icon"
back-button-icon="ion-arrow-left-c"></ion-nav-bar>
<ion-nav-view></ion-nav-view>
<script id="home.html" type="text/ng-template">
<ion-view title="'Home'">
<ion-content has-header="true" has-bouncing="false" padding="true"
scroll="false">
<div class="center">
<img rwdimgmap name="menu-image" src="img/menu.png"
width="627" height="626" id="menu-image" usemap="#menu"
alt="Menu" hidefocus="false"/>
<map name="menu" id="menu">
<area shape="poly"
coords="349,423,349,615,280,615,280,423,349,423"
href="#/about" title="About" alt="About"/>
<area shape="poly"
coords="351,11,351,204,279,204,279,11,351,11"
href="#/listen" title="Listen In"
alt="Listen In"/>
<area shape="poly"
coords="615,280,615,351,423,351,423,280,615,280"
href="#/schedule" title="Schedule"
alt="Schedule"/>
<area shape="poly"
coords="205,281,205,350,11,350,11,281,205,281"
href="#/message" title="Message In"
alt="Message In"/>
<area shape="poly"
coords="404,313,402,331,396,348,388,364,376,377,363,388,347,396,330,402,313,404,294,402,277,396,262,388,248,376,238,363,229,347,224,330,223,313,224,294,230,277,238,262,249,248,262,238,278,229,295,224,313,223,331,224,348,230,364,238,377,249,388,262,396,278,402,295,404,313,404,313"
href="#/listen" title="Listen" alt="Listen"/>
<area shape="poly"
coords="131,351,205,351,208,361,215,373,233,394,256,412,268,418,279,422,279,615,274,615,245,609,215,600,184,588,153,571,123,551,96,526,70,498,49,465,33,433,21,400,11,351,90,351,101,340,109,333,120,342,131,351,131,351"
href="#/message" title="Message In"
alt="Message In"/>
<area shape="poly"
coords="615,351,606,393,599,412,592,433,582,453,569,475,552,498,532,521,510,542,488,560,465,576,444,587,418,598,393,606,350,615,350,537,340,527,335,519,341,512,351,503,351,421,360,417,371,410,392,393,410,372,417,361,421,351,615,351,615,351"
href="#/about" title="About" alt="About"/>
<area shape="poly"
coords="380,16,405,22,432,33,459,47,487,64,514,85,538,108,560,135,578,165,586,181,594,198,606,234,615,275,615,280,543,280,524,293,514,286,504,280,423,280,419,269,413,257,395,234,372,215,361,208,350,204,350,11,380,16,380,16"
href="#/schedule" title="Schedule"
alt="Schedule"/>
<area shape="poly"
coords="279,11,279,92,287,103,293,111,286,123,279,135,279,204,267,207,255,213,243,221,232,232,221,243,212,256,206,268,203,280,11,280,11,275,17,241,23,216,34,189,48,162,65,135,86,110,109,86,135,65,163,48,198,31,226,21,274,11,279,11,279,11"
href="#/listen" title="Listen" alt="Listen"/>
</map>
</div>
<!--
<a class="item no-border" href="#/schedule">schedule</a>
<a class="item no-border" href="#/listen">listen</a>
<a class="item no-border" href="#/message">message</a>
<a class="item no-border" href="#/about">about</a>
-->
</ion-content>
</ion-view>
</script>
<script id="schedule.html" type="text/ng-template">
<ion-view title="'Schedule'">
<ion-content has-header="true" has-bouncing="false" padding="true">
<div class="list">
<a class="item no-border" href="#/schedule/{{day}}"
ng-repeat="day in days">
{{day}}
</a>
</div>
</ion-content>
</ion-view>
</script>
<script id="scheduleday.html" type="text/ng-template">
<ion-view title="day">
<ion-content has-header="true" has-bouncing="false" padding="true">
<div class="list">
<div class="item item-text-wrap no-border"
ng-repeat="show in schedule">
<div class="row row-center no-padding">
<div class="col-33"
ng-bind-html="show.startClock"></div>
<div class="col" ng-bind-html="show.showName"></div>
</div>
</div>
</div>
</ion-content>
</ion-view>
</script>
<script id="message.html" type="text/ng-template">
<ion-view title="'Message In'">
<ion-content has-header="true" padding="true" has-bouncing="false">
<div class="list list-inset">
<label class="item item-input no-border">
<textarea ng-model="message" placeholder="Enter your message here"></textarea>
</label>
</div>
<button class="button button-block button-balanced"
ng-click="sendMessage(message)">
Submit
</button>
</ion-content>
</ion-view>
</script>
<script id="about.html" type="text/ng-template">
<ion-view title="'About Us'">
<ion-content has-header="true" has-bouncing="false" padding="true">
<div class="item item-text-wrap">
<p>DCUfm is Dublin City University’s award-winning home-grown
radio
station, staffed by over 120 volunteers from across DCU’s
faculties. Our philosophy is simple: we want to put out the
best, fun-loving programmes possible, and give students a
voice.
We’re on the air 24 hours a day, with live and original
programmes from 9am to 11pm on weekdays. DCUfm is your place
for
the best in student-orientated arts, news, sport, and music
radio. Whatever you’re into, we’ve something for you.</p>
<p>
Many former staff members are moving up the ranks within
local
and national broadcasters – indeed, many of our current
members
now have jobs in the industry thanks to the experience
they’ve
gained here.
</p>
</div>
</ion-content>
</ion-view>
</script>
<script id="listen.html" type="text/ng-template">
<ion-view title="'Listen'">
<div class="bar bar-subheader bar-dark gradient-reversed no-border"
id="show-info">
<h2 class="title title-left">{{currentShow.showName}}</h2>
</div>
<ion-content has-header="true" has-subheader="true" scroll="false"
has-footer="true" padding="false" has-bouncing="false">
<div class="center">
<div id="show-image">
<img ng-src="{{currentShow.imageURL}}">
</div>
</div>
</ion-content>
<ion-footer-bar type="bar-dark" class="gradient no-border no-padding"
id="show-play" ng-click="playpause()">
<i id="player-status-icon" class="icon"
ng-class="{'ion-ios7-play': audio.paused, 'ion-ios7-pause': !audio.paused}"></i>
</ion-footer-bar>
</ion-view>
</script>
<script src="js/app.js"></script>
</body>
</html>