-
Notifications
You must be signed in to change notification settings - Fork 0
/
schedule.html
161 lines (161 loc) · 7.75 KB
/
schedule.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
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>rotary-schedule</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="/favicon.ico" />
<link href="https://use.fontawesome.com/releases/v5.0.0/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container-fluid">
<div class="col-sm-7">
<div class="app-wrapper">
<div class="app-nav">
<div class="nav-left">
</div>
<div class="nav-right">
<button type="button" class="btn btn-default btn-lg btn-go-back">
Cancel
</button>
<button type="button" class="btn btn-default btn-lg btn-go-back">
Save
</button>
</div>
</div>
<div class="container-fluid">
<h1>Edit Schedule</h1>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle date-dropdown" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Thursday, Aug 31, 2017
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<table class="table member-table">
<tbody>
<tr>
<th>Role</th>
<th>Member</th>
<th>Last Role</th>
<th>Comment</th>
<th></th>
</tr>
<tr>
<td>
Greeter
</td>
<td>
<button class="btn btn-default dropdown-toggle property-dropdown" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
James Cameron
<span class="caret"></span>
</button>
</td>
<td>some role 12/15/17</td>
<td>some comment</td>
<td><a href="contact.html"><button type="button" name="button">Contact</button></a></td>
</tr>
<tr>
<td>
Photographer
</td>
<td>
<button class="btn btn-default dropdown-toggle property-dropdown" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Alice Thomas
<span class="caret"></span>
</button>
<td>some role 12/15/17</td>
<td>some comment</td>
<td><a href="contact.html"><button type="button" name="button">Contact</button></a></td>
</td>
</tr>
<tr>
<td>
MC
</td>
<td>
<button class="btn btn-default dropdown-toggle property-dropdown" type="button" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
John Eng
<span class="caret"></span>
</button>
<td>some role 12/15/17</td>
<td>some comment</td>
<td><a href="contact.html"><button type="button" name="button">Contact</button></a></td>
</td>
</tr>
<tr>
<td>
News Letter
</td>
<td>
<button class="btn btn-default dropdown-toggle property-dropdown" type="button" id="dropdownMenu5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Karen Albert
<span class="caret"></span>
</button>
<td>some role 12/15/17</td>
<td>some comment</td>
<td><a href="contact.html"><button type="button" name="button">Contact</button></a></td>
</td>
</tr>
<tr>
<td>
Role X
</td>
<td>
<button class="btn btn-default dropdown-toggle property-dropdown" type="button" id="dropdownMenu6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Mary Susi
<span class="caret"></span>
</button>
<td>some role 12/15/17</td>
<td>some comment</td>
<td><a href="contact.html"><button type="button" name="button">Contact</button></a></td>
</td>
</tr>
<tr>
<td>
Role Y
</td>
<td>
<button class="btn btn-default dropdown-toggle property-dropdown" type="button" id="dropdownMenu7" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
William Hopkins
<span class="caret"></span>
</button>
<td>some role 12/15/17</td>
<td>some comment</td>
<td><a href="contact.html"><button type="button" name="button">Contact</button></a></td>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-sm-5">
<ol>
<li>Schedule is always in read/write mode</li>
<li>Clicking the <b>Save</b> button will write the schedule to the database and navigate back to Home</li>
<li>Clicking the <b>Cancel</b> button will discard all changes, nothing will be written to the database, and navigate back to Home</li>
<li>Changing the date via the <b>date dropdown</b> will show the schedule for the selected date</li>
<ol>
<li>Will show a list of past and future dates. Since it is only Thursday's, a calendar widget doesn't seem to be the most useble way of presenting the dates - TBD</li>
<li>If the date is a past date the roles will be filled from the data retrieved from the database</li>
<li>If the date is a future date and there are no rows for that date in the database the roles will be filled based on lastServedDate. I.e., sort members via lastServedDate ascending, assign members from first 6 to roles with no adjustment made for exclusions</li>
</ol>
<li>Dates will be calculated unless there is a need for exceptions in which case we will have to consider keeping a list of dates in the database</li>
</ol>
</div>
</div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>