-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
197 lines (189 loc) · 5.31 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Diary</title>
<link rel="stylesheet" href="style.css">
<script src="scripts/script.js"></script>
<script src="scripts/popup.js"></script>
<script src="scripts/menu.js"></script>
<script src="scripts/cells.js"></script>
</head>
<body>
<!-- Application -->
<div class="app">
<div class="bar">
<div class="left">
<div class="cell"><div class="point">Menu</div></div>
<!-- Out dates -->
<div id="out_dates"></div>
<!-- End out dates -->
</div>
<div class="right">
<!-- Out hours -->
<div class="row" id="out_hours"></div>
<!-- End out hours -->
<!-- Out cells -->
<div class="bottom" id="out_cells"></div>
<!-- End out cells -->
</div>
</div>
</div>
<!-- End application -->
<!-- Mask -->
<div id="mask"></div>
<!-- End mask -->
<!-- Menu -->
<div id="menu">
<!-- Left -->
<div class="main">
<div class="point button" id="hide">Hide</div>
<!-- Out labels -->
<fieldset>
<legend>Labels</legend>
<ul id="out_labels"></ul>
</fieldset><br>
<!-- End out labels -->
<div onclick="menu.show_side('labels')" class="point button">Labels</div>
<div onclick="menu.show_side('profiles')" class="point button">Profiles</div>
<div onclick="menu.show_side('directories')" class="point button">Directories</div>
</div>
<!-- End left -->
<!-- Right -->
<div class="side">
<div class="point button" id="close">Close</div><br>
<!-- Labels -->
<div id="labels">
<!-- Add label -->
<fieldset>
<legend>Labels</legend>
<h3 id="head_labels_form">Add label</h3><hr>
<form onsubmit="return labels.add()" id="labels_form">
<div class="part">
<input type="text" placeholder="Label" pattern=".{1,8}" required>
<button>Add</button>
</div>
<textarea placeholder="Description" pattern=".{1,128}"></textarea>
</form>
</fieldset>
<!-- End add label -->
<!-- Actions -->
<fieldset>
<legend>Actions</legend>
<form onsubmit="return labels.actions(event)">
<select class="select_labels"></select>
<div class="part row">
<button value="update">Update</button>
<button value="delete">Delete</button>
</div>
</form>
</fieldset>
<!-- End actions -->
</div>
<!-- End labels -->
<!-- Profiles -->
<div id="profiles">
<fieldset>
<legend>Profiles</legend>
<!-- Select profile -->
<h3>Current profile: <span id="current_profile"></span></h3><hr>
<form onsubmit="return profiles.select(event)">
<div class="part">
<select class="select_profiles"></select>
<button>Select</button>
</div>
</form>
<!-- End select profile -->
<!-- Deselect profile -->
<form onsubmit="return profiles.deselect()">
<button>Exit</button>
</form><br>
<!-- End deselect profile -->
<!-- Add profile -->
<h3 id="head_profiles_form">Add profile</h3><hr>
<form onsubmit="return profiles.add()" id="profiles_form">
<div class="part">
<input type="text" placeholder="Profile name" pattern=".{1,64}" required>
<button>Add</button>
</div>
</form>
<!-- End add profile -->
</fieldset>
<!-- Actions -->
<fieldset>
<legend>Actions</legend>
<form onsubmit="return profiles.actions(event)">
<select class="select_profiles"></select>
<div class="part row">
<button value="update">Update</button>
<button value="delete">Delete</button>
</div>
</form>
</fieldset>
<!-- End actions -->
</div>
<!-- End profiles -->
<!-- Directories -->
<div id="directories">
<!-- Hours -->
<fieldset>
<legend>Hours</legend>
<!-- Add hour -->
<h3 id="head_hours_form">Add hour</h3><hr>
<form onsubmit="return hours.add()" id="hours_form">
<div class="part">
<input required pattern="[0-9]{2}:[0-9]{2}" type="text" placeholder="Hour">
<button>Add</button>
</div>
</form><br>
<!-- End add hour -->
<!-- Actions -->
<h3>Actions</h3><hr>
<form onsubmit="return hours.actions(event)">
<select class="select_hours"></select>
<div class="part row">
<button value="update">Update</button>
<button value="delete">Delete</button>
</div>
</form>
<!-- End actions -->
</fieldset><br>
<!-- End hours -->
<!-- Dates -->
<fieldset>
<legend>Dates</legend>
<!-- Add date -->
<h3 id="head_dates_form">Add date</h3><hr>
<form onsubmit="return dates.add()" id="dates_form">
<div class="part">
<input required type="date">
<button>Add</button>
</div>
</form><br>
<!-- End add date -->
<!-- Actions -->
<h3>Actions</h3><hr>
<form onsubmit="return dates.actions(event)">
<select class="select_dates"></select>
<div class="part row">
<button value="update">Update</button>
<button value="delete">Delete</button>
</div>
</form>
<!-- End actions -->
</fieldset>
<!-- End dates -->
</div>
<!-- End directories -->
</div>
<!-- End right -->
</div>
<!-- End menu -->
<!-- Popup -->
<div id="popup">
<div id="message"></div>
</div>
<!-- End popup -->
</body>
</html>