-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
208 lines (198 loc) · 10.4 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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html ng-app="MFCCountdown">
<head>
<title>MFC Countdown</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<style type="text/css">
.css-form input.ng-invalid.ng-dirty {
background-color: #FA787E;
}
.css-form input.ng-valid.ng-dirty {
background-color: #78FA89;
}
th
{
font-size:larger;
text-align:center !important;
background-color: #eaeaea;
background-image: -moz-linear-gradient(#fafafa, #eaeaea);
background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
background-image: linear-gradient(#fafafa, #eaeaea);
}
</style>
<script src="js/shims.js"></script>
<script src="js/lib/jquery-1.9.1.min.js"></script>
<script src="js/lib/angular.min.js"></script>
<script src="js/lib/bootstrap.min.js"></script>
<script src="js/lib/ui-bootstrap-custom-tpls-0.3.0-SNAPSHOT.min.js"></script>
<script src="js/lib/keypress.js"></script>
<script src="js/lib/fastclick.js"></script>
</head>
<body ng-controller="CountdownCtrl">
<div class="navbar">
<div class="navbar-inner">
<div class="brand">MFC Countdown <span ng-show="model != undefined">:: {{model.name}}</span></div>
<button class="btn" ng-click="showCountdownModal = true" ng-show="model != undefined && !countdownActive">Set Countdown</button>
<button class="btn" ng-click="showTipsModal = true" ng-show="tips.length > 0">Tips</button>
<button class="btn" ng-click="showSelectModel = true">{{(model == undefined) && 'Select' || 'Change'}} Model</button>
<div class="pull-right">
<button class="btn" ng-click="showAboutModal = true">About</button>
</div>
</div>
</div>
<div class="container-fluid">
<alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>
<div class="row-fluid">
<div class="span12">
<div ng-show="countDownDisplayText" class="hero-unit" style="font-size:100px; font-weight: bold; text-align: center">{{countDownDisplayText}}</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4>Update! September 20, 2014</h4>
<p>
For now, tip parsing is fixed and the site should be working normally.
</p>
</div>
<div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4>Update! September 18, 2014</h4>
<p>
MFC is at last implementing their own countdown feature for models. As such, rather than spend time attempting to maintain this external
tool, which is subject to MFC changing their site (as demonstrated by the recent break), I'm going to shut down MFC Countdown. It was always
my intention to provide a tool to help the models, and in some small part the site succeeded with that. Thanks to all of you for using the
site and especially those of you that emailed with bugs or suggestions!
<a href="https://www.ambercutie.com/forums/viewtopic.php?f=15&t=18856">I started a thread discussing the new feature on Ambercutie's outstanding forum.</a>
</p>
</div>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4>Update! September 16, 2014</h4>
<p>
It looks like MFC changed how they are sending tips to the client, so currently tips are not being counted. I'm working on the issue, but I do not have an estimated uptime yet.
</p>
</div>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4>Update! August 19 2014</h4>
<p>
Been a while since the last update. The site is getting a good bit of use! Since the beginning of March, 2,587 different users have tracked over 32k countdowns for 976 different
models. Awesome!
</p>
<p>
If you know of any bugs, please let me know <a href="https://github.com/KradekMFC/MFCCountdown/issues">here.</a>
If you do not want to sign up for GitHub, you can alternatively e-mail me at [email protected].
</p>
</div>
</div>
</div>
</div>
<!-- Select Model Modal -->
<div modal="showSelectModel" close="showSelectModel = false" options="opts" ng-cloak>
<div class="modal-header">
<h4>Enter Model name</h4>
</div>
<div class="modal-body">
<input type="text" ng-model="modelName" autofocus ui-keypress="{13:'selectModel()'}" select-on-focus />
</div>
<div class="modal-footer">
<button class="btn btn-primary cancel" ng-click="selectModel()">Select</button>
</div>
</div>
<!-- End Select Model Modal -->
<!-- Enter Countdown Amount Modal -->
<form name="formCountdown" novalidate class="css-form">
<div modal="showCountdownModal" close="showCountdownModal = false" options="opts" ng-cloak>
<div class="modal-header">
<h4>Enter Countdown Amount</h4>
</div>
<div class="modal-body">
<input type="number" min="1" required ng-model="countDownAmount" name="countDownAmount" autofocus ui-keypress="{13:'setCountdown()'}" select-on-focus />
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary cancel" ng-disabled="formCountdown.$invalid" ng-click="setCountdown()">Set</button>
</div>
</div>
</form>
<!-- End Enter Countdown Amount Modal -->
<!--Show Tips Modal -->
<div modal="showTipsModal" close="showTipsModal = false" options="opts" ng-cloak>
<div class="modal-header">
<div class="form-inline">
Filter by Name: <input type="text" ng-model="search.Name" class="input-medium" />
By Amount: <input type="text" ng-model="search.Amount" class="input-medium" />
</div>
</div>
<div class="modal-body">
<table class="table table-condensed table-bordered">
<tr>
<th></th>
<th style="text-align:center">From</th>
<th style="text-align:center">Amount</th>
<th style="text-align:center">Countdown After Tip</th>
</tr>
<tr ng-repeat="tip in tips | filter: search">
<td style="text-align:center"><button class="btn btn-mini btn-danger" ng-click="removeTip(tip)"><icon class="icon icon-white icon-remove"></icon></button></td>
<td>{{tip.Name}}</td>
<td style="text-align:center">{{tip.Amount}}</td>
<td style="text-align:center">{{runningTotal($index)}}</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button class="btn btn-primary cancel" ng-click="showTipsModal = false">OK</button>
</div>
</div>
<!-- End Show Tips Modal -->
<!-- About Modal -->
<div modal="showAboutModal" close="showAboutModal = false" options="opts" ng-cloak>
<div class="modal-header">
<h4>About MFC Countdown</h4>
</div>
<div class="modal-body">
MFC Countdown assists with tracking countdowns in public rooms on myfreecams.com.
It works by logging into the selected model's public room as a guest and making
note of tips during the countdown. Because it is logging in as a guest, <em>
MFC Countdown
can only track public tips.
</em> Anonymous tips will be included (if they are also public),
but any tip not displayed in the public room of the model will not be counted.
<br /><br />
Operation should be pretty simple.
<br />
<ul>
<li>Select a model by entering her name after clicking <span class="label">Select/Change Model</span></li>
<li>Begin a countdown by entering an amount after clicking <span class="label">Set Countdown</span></li>
<li>You can remove tips from the total by clicking the <span class="label">Tips</span> button (once there are tips)</li>
<li>You can set the countdown amount at any time simply by clicking <span class="label">Set Countdown</span> again.</li>
</ul>
MFC Countdown will display the amount remaining in the countdown until it is finished,
at which point, it will display that the countdown is complete.
</div>
<div class="modal-footer">
<button class="btn btn-primary cancel" ng-click="showAboutModal = false">Ok</button>
</div>
</div>
<!-- End About Modal -->
<script src="js/MFCCountdown.js"></script>
<script src="js/MFCEnum.js"></script>
<script src="js/MFCMessage.js"></script>
<script src="js/MFCSocket.js"></script>
<script src="js/directives.js"></script>
<script src="js/services/Model.js"></script>
<script src="js/services/Countdown.js"></script>
<script src="js/controllers/CountdownController.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-41000422-1', 'azurewebsites.net');
ga('send', 'pageview');
</script>
</body>
</html>