/
index.html
126 lines (115 loc) · 6.51 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
<!DOCTYPE html>
<html ng-app="notifusionApp" ng-cloak>
<head>
<meta charset="UTF-8">
<title>Notifusion</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.1/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ek+Mukta:400,200,500,700|Aubrey">
<link rel="stylesheet" href="node_modules/angular-material/angular-material.css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="assets/styles/style.css">
</head>
<body>
<md-content>
<header>
<h1 class="title aubrey"><span>Noti</span>fusion</h1>
</header>
<md-tabs md-dynamic-height md-border-bottom>
<md-tab label="tasks">
<md-content class="md-padding">
<h1 class="md-display-2">Tasks</h1>
<md-tabs md-dynamic-height md-border-bottom>
<md-tab label="get">
<md-content class="md-padding">
<h1 class="md-display-2">Sync Tasks</h1>
<article class="retrieveTasks" ng-controller="TaskListController">
<form name="task_sync" class="task_sync">
<md-datepicker required="required" ng-model="task_input.since_date" md-placeholder="Enter Start Date"></md-datepicker>
<div ng-messages="task_sync.task_input_since_date.$error">
<div ng-message="required">This is required.</div>
</div>
<md-datepicker required="required" ng-model="task_input.until_date" md-placeholder="Enter End Date"></md-datepicker>
<md-slider-container>
<md-icon md-svg-icon="device:brightness-low"></md-icon>
<md-slider ng-model="task_input.limit_results" aria-label="Limit Results" flex md-discrete ng-readonly="readonly"></md-slider>
<md-input-container>
<input required="required" ng-model="task_input.limit_results" flex type="number" aria-label="green" aria-controls="green-slider">
</md-input-container>
</md-slider-container>
<md-checkbox required="required"
ng-model="task_input.show_completed"
aria-label="Show Completed"
ng-true-value="'yup'"
ng-false-value="'nope'"
class="md-warn" flex>
Show completed? (Default to Nope) <br/>
{{ task_input.show_completed }}
</md-checkbox>
<md-button type="submit" aria-label="green" class="md-accent md-raised md-hue-1" ng-click="syncTasks(input)">Retrieve Tasks</md-button>
</form>
</article><!-- .retrieveTasks -->
</md-content>
</md-tab>
<md-tab label="show">
<md-content class="md-padding">
<h1 class="md-display-2">Display Saved Tasks</h1>
<article class="showTasks" ng-controller="TaskListController">
<md-button aria-label="green" class="md-accent md-raised md-hue-1" ng-click="tasks_from_db()">Get Saved Tasks</md-button>
<md-list>
<md-list-item aria-label="green" class="md-2-line" ng-repeat="task in tasks">
<md-card>
<md-card-title>
<md-card-title-text>
<span class="md-headline">{{ task.title }}</span>
<span class="md-subhead">{{ task.description }}</span>
</md-card-title-text>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button>Action 1</md-button>
<md-button>Action 2</md-button>
<md-checkbox aria-label="green" role="checkbox"></md-checkbox>
</md-card-actions>
</md-card>
</md-list-item>
</md-list>
</article>
</md-content>
</md-tab>
</md-tabs>
</md-content>
</md-tab>
<md-tab label="appointments">
<md-content class="md-padding">
<h1 class="md-display-2">Appointments</h1>
</md-content>
</md-tab>
</md-tabs>
<article class="authorizeMe" id="authorizeMe">
<md-button id="authorizeMeBtn" class="md-accent md-raised md-hue-1" onclick="oAuthTokenRequest();">Authorize</md-button>
</article><!-- .authorizeMe -->
<!--<article class="retrieveWebforms">
<md-button class="md-accent md-raised md-hue-1" onclick="get_webforms();">Retrieve Webforms</md-button>
</article><!-- .retrieveWebforms -->
<!-- <button onclick="tokenVerification();">current time</button>
<button onclick="deleteDB();">delete db</button> -->
<footer>
<!-- weird way to include jQuery, which i probably wont use very much -->
<script>window.$ = window.jQuery = require('./js/jquery.min.js');</script>
<!-- angular stuff -->
<script src="node_modules/angular/angular.js"></script>
<script src="node_modules/angular-route/angular-route.js"></script>
<script src="node_modules/angular-animate/angular-animate.js"></script>
<script src="node_modules/angular-aria/angular-aria.js"></script>
<script src="node_modules/angular-material/angular-material.js"></script>
<script src="node_modules/angular-messages/angular-messages.js"></script>
<!-- app stuff -->
<script src="js/oAuth.js"></script>
<script src="js/webforms.js"></script>
<script src="js/app.js"></script>
<!-- <script src="/socket.io/socket.io.js"></script>
<script>
var socket = io();
</script> -->
</footer>
</md-content>
</body>
</html>