-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (69 loc) · 4.09 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
<!DOCTYPE html>
<html ng-app="timerApp" ng-controller="timerCtrl">
<head>
<title>Twitch Timer</title>
<script type="text/javascript" src="node_modules/angular/angular.min.js"></script>
<script src="node_modules/angular-electron/angular-electron.js"></script>
<script type="text/javascript" src="js/ui-bootstrap-tpls-0.12.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap-colorpicker-module.js"></script>
<script type="text/javascript" src="js/timerApp.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="styleSheet" type="text/css" ng-href="{{styles.fontSrc}}">
<link rel="styleSheet" type="text/css" href="css/colorpicker.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div ng-show="editingSettings" ng-include="'settings.html'"></div>
<div ng-hide="editingSettings || updating" class="container">
<div class="pull-left form">
<select class="form-control" ng-model="timer" ng-options="t as t.name for t in timers track by t.id" ng-change="changeTimer();">
<option value='' disabled selected>Select a timer...</option>
</select>
<button type="button" class="btn btn-success btn-sm form-control top-btn" ng-click="newTimer()">
<span class="glyphicon glyphicon-plus">​</span>
</button>
<button type="button" class="btn btn-sm btn-primary form-control top-btn" ng-click="editTimer();" ng-hide="editingTimer" ng-disabled="!timer">
<span class="glyphicon glyphicon-pencil">​</span>
</button>
<button type="button" class="btn btn-sm btn-danger form-control top-btn" ng-click="deleteTimer()" ng-hide="editingTimer" ng-disabled="!timer">
<span class="glyphicon glyphicon-trash">​</span>
</button>
<button type="button" class="btn btn-sm btn-info form-control top-btn" ng-click="saveTimer();" ng-show="editingTimer" ng-disabled="timeForm.$invalid || !timer.name">
<span class="glyphicon glyphicon-ok">​</span>
</button>
<button type="button" class="btn btn-sm btn-warning form-control top-btn" ng-click="cancelTimer();" ng-show="editingTimer">
<span class="glyphicon glyphicon-remove">​</span>
</button>
</div>
<div class="pull-right">
<span class="glyphicon glyphicon-ok-circle" ng-show="client.connected">​</span>
<span class="glyphicon glyphicon-ban-circle" ng-hide="client.connected">​</span>
<button type="button" class="btn tn-default" ng-click="editSettings()">
<span class="glyphicon glyphicon-cog">​</span>
</button>
</div>
<div class="clearfix"></div>
<div class="jumbotron" ng-style="{'background-color': timerStyle['background-color']}">
<div ng-hide="editingTimer" ng-style="titleStyle">{{timer.name ? timer.name : ' '}}</div>
<div id="timerNameForm" class="form">
<input type="text" class="form-control" ng-model="timer.name" placeholder="Timer Name..." ng-show="editingTimer">
</div>
<div id="timerName" ng-hide="editingTimer" ng-style="timerStyle">{{timer.time | timeFilter:this}}</div>
<form name="timeForm" role="form" ng-show="editingTimer" class="form">
<input type="text" class="form-control" size="4" maxlength="4" ng-model="hours" placeholder="HH" pattern="[0-9]{0,4}">
:
<input type="text" class="form-control" size="2" maxlength="2" ng-model="minutes" placeholder="MM" pattern="[0-9]{0,2}">
:
<input type="text" class="form-control" size="2" maxlength="2" ng-model="seconds" placeholder="SS" pattern="[0-9]{0,2}">
</form>
</div>
<div>
<button type="button" class="btn btn-lg btn-success pull-left" ng-click="startTimer()" ng-disabled="!timer">Start</button>
<button type="button" class="btn btn-lg btn-primary pull-right" ng-click="resetTimer()" ng-disabled="!timer">Reset</button>
<button type="button" class="btn btn-lg btn-danger" ng-click="stopTimer()" ng-disabled="!timer">Stop</button>
<div class="clearfix"></div>
</div>
</div>
<span id="authorLink" class="pull-right">Made by: <a external-link href="https://github.com/xingped" target="_blank">xingped</a></span>
</body>
</html>