-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathpopup.html
186 lines (160 loc) · 9.82 KB
/
popup.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
<!DOCTYPE html>
<html>
<head>
<title>Live Bomb!</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.4.custom.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link id="theme" rel="stylesheet" type="text/css" href="css/livebomb-dark.css">
<link id="icheck-theme"rel="stylesheet" type="text/css" href="square/grey.css">
<link rel="stylesheet" type="text/css" href="square/square.css">
<script type="text/javascript" src="js/lib/ga.js"></script>
<script type="text/javascript" src="js/lib/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="js/lib/jquery-ui-1.10.4.custom.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/icheck.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.storageapi.min.js"></script>
<script type="text/javascript" src="js/lib/ion.sound.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="js/lib/moment.min.js"></script>
</head>
<body>
<!-- Wrapper -->
<div id="live-bomb">
<!-- Header -->
<div id="header">
<a href="http://www.giantbomb.com" target="_blank" alt="Take me to giantbomb!" style="outline:none;"><img id="logo" src="/images/GB_logo_site.png"></a>
<img src="images/logotest2.png" id="lb-logo">
</div>
<!-- Buttons -->
<div id="lb-controls" class="btn-group" data-toggle="buttons-radio">
<button type="button" id="lb-settings" class="btn btn-inverse control">
<i class="fa fa-cogs fa-lg"></i>
</button>
<button type="button" id="lb-live" class="btn btn-inverse control" >
<i id="button-icon" class="fa fa-dot-circle-o fa-lg"></i>
</button>
<button type="button" id="lb-schedule" class="btn btn-inverse control">
<i class="fa fa-calendar-o fa-lg"></i>
</button>
</div>
<!-- Extension Body -->
<div id="lb-main">
<!-- SETTINGS PAGE -->
<div id="lb-page-settings">
<div class="custom-scroll">
<div id="lb-settings-message" data-spy="affix-top"><i class="fa fa-check-circle fa-lg"></i>Settings updated!</div>
<h4 id="settings-title">Settings</h4>
<form id="lb-form-settings">
<label>Show chrome notifications:</label>
<label><input type="radio" name="notification" value="true" id="not-yes" class="icheck" checked> Yes</label>
<label><input type="radio" name="notification" value="false" id="not-no" class="icheck"> No</label>
<label>Check for live video:<div id="lb-slider-value"></div></label>
<div id="lb-slider-time"></div>
<label>Play sound for notifications:</label>
<label><input type="radio" name="sound" value="true" id="cfg-ntf-sound" class="icheck" checked> Yes</label>
<label><input type="radio" name="sound" value="false" id="cfg-ntf-sound" class="icheck"> No</label>
<label>Select the sound:</label>
<label><input type="radio" name="sound-select" class="icheck" id="radio-1" value="rapman"> Rapman<i class="fa fa-volume-up play-sound" id="lb-play-rapman"></i></label>
<label><input type="radio" name="sound-select" class="icheck" id="radio-2" value="bumper"> Gb Bumper<i class="fa fa-volume-up play-sound" id="lb-play-bumper"></i></label>
<label><input type="radio" name="sound-select" class="icheck" id="radio-3" value="dropbomb" checked>"Drop a bomb on it"<i class="fa fa-volume-up play-sound" id="lb-play-dropbomb"></i></label>
<label><input type="radio" name="sound-select" class="icheck" id="radio-4" value="bman" checked> Small Business Man<i class="fa fa-volume-up play-sound" id="lb-play-bman"></i></label>
<label>Select the theme:</label>
<div class="btn-group" data-toggle="buttons-radio" id="theme-selector">
<button type="button" id="dark-theme" class="btn btn-inverse active">Dark Theme</button>
<button type="button" id="light-theme" class="btn">Light Theme</button>
</div>
<label>Display number of schedule items on the icon bagde when video is not live:</label>
<label><input type="radio" name="bagde" value="true" id="schedule-bagde" class="icheck"> Yes</label>
<label><input type="radio" name="bagde" value="false" id="schedule-bagde-no" class="icheck" checked> No</label>
<label>Show schedule page by default if there's no live video:</label>
<label><input type="radio" name="show-schedule" value="true" id="show-schedule" class="icheck" checked> Yes</label>
<label><input type="radio" name="show-schedule" value="false" id="show-schedule-no" class="icheck" > No</label>
</form>
<div id="settings-about">About <i class="fa fa-info-circle" id="settings-about-icon"></i></div>
</div>
</div>
<!-- LIVE PAGE -->
<div id="lb-page-status">
<a href="http://www.giantbomb.com/chat" target="_blank" id="live-link">
<!-- Online -->
<div id="lb-status-live" class="animated bounceInUp">
<img id="image-online" src="images/online.png">
<h3 class="place-holder" id="live-duder">Hey Duder!</h3>
<h5 id="live-container">Giant Bomb is live with:</h5>
<!--<i class="fa fa-cog fa-spin" id="lb-title-loading"></i>-->
<h4 id="show-name"></h4>
</div>
</a>
<!-- Offline -->
<div id="lb-status-offline">
<div id="lb-offline-background">
<i id="lb-refresh-button" class="fa fa-refresh"></i>
<img id="image-offline" src="images/image-offline.png">
<h3 class="place-holder message">Sorry Duder!</h3>
<h4 id="offline-bottom">The guys are busy <br>windjamming :(</h4>
<br>
</div>
<i class="fa fa-info-circle" id="offline-about-icon"></i>
</div>
<div id="lb-status-error"></div>
</div>
<!-- Schedule Page -->
<div id="lb-page-schedule">
<div class="custom-scroll">
<div id="lb-schedule-header" class="span12">
<img id="schedule-header-image" src="images/upcoming-gb.png"><i id="lb-refresh-schedule" class="fa fa-refresh fa-lg"></i>
<i class="fa fa-cog fa-spin" id="lb-schedule-loading"></i>
<div id="lb-schedule-items"></div>
</div>
</div>
</div>
</div>
<!-- About page -->
<div id="lb-page-about">
<div class="custom-scroll">
<h4 id="about-page-title">About <i class="fa fa-times" id="offline-about-close"></i><i class="fa fa-times" id="settings-about-close"></i></h4>
<img src="/images/128.png" id="about-image" class="animated tada">
<h4 id="about-livebomb">LiveBomb v1.2.6</h4>
<!--<i class="fa fa-times-o " id="about-close-icon"></i>-->
<h4 class="about-text-title">Developed by:</h4>
<h4>André Milani</h4>
<h4>Chase Pettit</h4>
<h4 class="about-text-title">Awesome Ryan fanart by:</h4>
<a href="http://www.giantbomb.com/profile/shoddyrobot/" id="image-author">@Shoddy Robot</a>
<h4 class="about-text-title">Thanks to:</h4>
<p><a href="http://www.giantbomb.com/profile/catsakimbo/" class="about-item">@CatsAkimbo</a></p>
<p><a href="http://www.giantbomb.com/profile/chance_s/" class="about-item">@Chance_S</a></p>
<p><a href="http://www.giantbomb.com/profile/cencen123/" class="about-item">@cencen123</a></p>
<p><a href="http://www.giantbomb.com/profile/hamst3r/">@Hamst3r</a></p>
<div id="tools">
<h4 class="about-text-title" id="lb-about-tools"> Tools used: </h4>
<a href="http://getbootstrap.com/2.3.2/" target="_blank"><h5 class="about-item">Bootstrap v2.3.2</h5></a>
<a href="http://jquery.com/" target="_blank"><h5 class="about-item">Jquery v2.1.0</h5></a>
<a href="http://jqueryui.com" target="_blank"><h5 class="about-item">Jquery Ui v1.10</h5></a>
<a href="http://fronteed.com/iCheck/" target="_blank"><h5 class="about-item">iCheck v1.0.1 by Damir Sultanov</h5></a>
<a href="http://ionden.com/a/plugins/ion.sound/en.html" target="_blank"><h5 class="about-item">IonSound by Denis Ineshin</h5></a>
<a href="https://github.com/julien-maurel/jQuery-Storage-API" target="_blank"><h5 class="about-item">Jquery Storage API by Julien Muriel</h5></a>
<a href="http://rocha.la/jQuery-slimScroll" target="_blank"><h5 class="about-item">jQuery slimScroll by Piotr Rochala</h5></a>
<a href="http://developer.yahoo.com/yql/console/" target="_blank"><h5 class="about-item">YQL - Yahoo Query Language</h5></a>
<a href="http://fontawesome.io/" target="_blank"><h5 class="about-item">Font Awesome 4.0</h5></a>
<a href="https://github.com/daneden/animate.css" target="_blank"><h5 class="about-item">Animate.css by Daniel Eden</h5></a>
<h5 class="about-grey-text">Some art assets from GB website</h5>
</div>
<i class="fa fa-envelope" id="mail-icon"></i>
<h5 class="about-custom">Bugs, feedback or feature requests? Send me a message:</h5>
<a id="lb-author" href="https://chrome.google.com/webstore/support/foadpaalpoealldkplclbhbebjmpaild?hl#bug" target="_blank"><h5>Feedback</h5></a>
<i class="fa fa-coffee" id="coffee"></i>
<h5 class="about-custom" id="about-donate">Like the extension and want to buy me a coffee? Go ahead :)</h5>
<a id="donation-link" href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=LV9UJRWXFCSJS&lc=US&item_name=Livebomb%20donations¤cy_code=USD&bn=PP%2dDonationsBF%3apaypalbutton%2epng%3aNonHosted" target="_blank"><img id="paypal" src="/images/paypal.png">Donate</a>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/background.js"></script>
<script type="text/javascript" src="js/livebomb.js"></script>
</body>
</html>