Skip to content

Commit 0450243

Browse files
TotodoreTotodore
committed
splitting dashboard ejs in components
1 parent f95ded4 commit 0450243

File tree

6 files changed

+159
-159
lines changed

6 files changed

+159
-159
lines changed

‎views/components/add_schedule_window.ejs‎

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
<div id="add_cron" class="modal modal-fixed-footer">
2+
<div class="modal-content">
3+
<h5 style="margin-top: 3px;">Add a recurring message</h5>
4+
<form method="post" name="addForm">
5+
<div class="input-field col s12 section">
6+
<textarea id="content" name="content" class="materialize-textarea" required minlength="1"
7+
maxlength="2000"></textarea>
8+
<label for="content">Message's content</label>
9+
<div class="users_wrapper scale-out">
10+
<% people_list.concat(roles_list).forEach((el, index) => { %>
11+
<div class="user_el waves-effect waves-light" data-id="<%= el.id %>"
12+
nickname="<%= (el.nickname || el.username) %>">
13+
@<%= (el.nickname || el.username) %>
14+
</div>
15+
<% }); %>
16+
<div class="user_el waves-effect waves-light">
17+
@everyone
18+
</div>
19+
<div class="user_el waves-effect waves-light">
20+
@here
21+
</div>
22+
</div>
23+
<div class="channels_wrapper scale-out">
24+
<% channel_list.forEach((el, index) => { %>
25+
<div class="channel_el waves-effect waves-light" data-id="<%= el.id %>">
26+
#<%= el.name %>
27+
</div>
28+
<% }); %>
29+
</div>
30+
</div>
31+
<div class="input-field col s12 section channelSelect-wrapper">
32+
<select name="channelSelect" id="channelSelect">
33+
<% channel_list.forEach(element => {
34+
if (element.id == guild_data.systemChannelID) { %>
35+
<option value="<%= element.id %>" selected>#<%= element.name %></option>
36+
<% } else { %>
37+
<option value="<%= element.id %>">#<%= element.name %></option>
38+
<% }
39+
}) %>
40+
</select>
41+
<label for="channelSelect">Channel :</label>
42+
</div>
43+
<div class="input-field col s12 section">
44+
<select name="each" id="each">
45+
<option value="week">week</option>
46+
<option value="day">day</option>
47+
<option value="hour">hour</option>
48+
</select>
49+
<label for="each">Every : </label>
50+
</div>
51+
<div class="input-field col s12 scale-transition section daySelect-wrapper">
52+
<select name="daySelect" id="daySelect" multiple>
53+
<option value="1" selected>Monday</option>
54+
<option value="2">Tuesday</option>
55+
<option value="3">Wednesday</option>
56+
<option value="4">Thursday</option>
57+
<option value="5">Friday</option>
58+
<option value="6">Saturday</option>
59+
<option value="0">Sunday</option>
60+
</select>
61+
<label for="daySelect">Day of the week</label>
62+
</div>
63+
<div class="input-field col s12 scale-transition section timeSelect-wrapper">
64+
<input type="text" class="timepicker" id="timeSelect" value="<%= now_hour %>">
65+
<label for="timeSelect">At :</label>
66+
</div>
67+
</form>
68+
</div>
69+
<div class="modal-footer footer">
70+
<button href="#!" class="modal-close waves-effect waves-light btn-flat grey-text text-lighten-2">Cancel</button>
71+
<button href="#!" class="modal-confirm waves-effect waves-light btn grey darken-3">Add the message <i
72+
class="material-icons right">send</i></button>
73+
</div>
74+
</div>

‎views/components/add_timer_window.ejs‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<div id="addTimer" class="modal modal-fixed-footer">
2+
<div class="modal-content">
3+
<h5 style="margin-top: 3px;">Add a one time message</h5>
4+
<form method="post" name="addTimerForm">
5+
<div class="input-field col s12 section">
6+
<textarea id="contentTimer" name="contentTimer" class="materialize-textarea" required minlength="1" maxlength="2000"></textarea>
7+
<label for="contentTimer">Message's content</label>
8+
<div class="users_wrapper scale-out">
9+
<% people_list.concat(roles_list).forEach((el, index) => { %>
10+
<div class="user_el waves-effect waves-light" data-id="<%= el.id %>"
11+
nickname="<%= (el.nickname || el.username) %>">
12+
@<%= el.nickname != null ? el.nickname : el.username %>
13+
</div>
14+
<% }); %>
15+
<div class="user_el waves-effect waves-light">
16+
@everyone
17+
</div>
18+
<div class="user_el waves-effect waves-light">
19+
@here
20+
</div>
21+
</div>
22+
<div class="channels_wrapper scale-out">
23+
<% channel_list.forEach((el, index) => { %>
24+
<div class="channel_el waves-effect waves-light" data-id="<%= el.id %>">
25+
#<%= el.name %>
26+
</div>
27+
<% }); %>
28+
</div>
29+
</div>
30+
<div class="input-field col s12 section channelSelect-wrapper">
31+
<select name="channelSelectTimer" id="channelSelectTimer">
32+
<% channel_list.forEach(element => {
33+
if (element.id == guild_data.systemChannelID) { %>
34+
<option value="<%= element.id %>" selected>#<%= element.name %></option>
35+
<% } else { %>
36+
<option value="<%= element.id %>">#<%= element.name %></option>
37+
<% }
38+
}) %>
39+
</select>
40+
<label for="channelSelectTimer">Channel :</label>
41+
</div>
42+
<div class="input-field col s12 scale-transition section dateSelect-wrapper-timer">
43+
<input type="text" class="datepicker" id="dateSelectTimer">
44+
<label for="dateSelectTimer">On :</label>
45+
</div>
46+
<div class="input-field col s12 scale-transition section timeSelect-wrapper-timer">
47+
<input type="text" class="timepicker" id="timeSelectTimer" value="<%= now_hour %>">
48+
<label for="timeSelectTimer">At :</label>
49+
</div>
50+
</form>
51+
</div>
52+
<div class="modal-footer footer">
53+
<button href="#!" class="modal-close waves-effect waves-light btn-flat grey-text text-lighten-2">Cancel</button>
54+
<button href="#!" class="modal-confirm waves-effect waves-light btn grey darken-3">Add the message <i class="material-icons right">send</i></button>
55+
</div>
56+
</div>

‎views/components/edit_window.ejs‎

Whitespace-only changes.

‎views/components/remove_message_window.ejs‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<div id="remove_modal" class="modal bottom-sheet modal-fixed-footer" style="height: 30% !important">
2+
<div class="modal-content grey darken-3 grey-text text-lighten-2" style="text-align: center">
3+
<h5>Are you sure you want to delete this message ?</h5>
4+
</div>
5+
<div class="modal-footer footer">
6+
<button href="#!"
7+
class="modal-close waves-effect waves-light btn-flat grey-text text-lighten-2">Cancel</button>
8+
<button href="#!" class="modal-confirm waves-effect waves-light btn grey darken-3">Confirm</button>
9+
</div>
10+
</div>

‎views/components/set_timezone_window.ejs‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<div id="setTimezone" class="modal modal-fixed-footer">
2+
<div class="modal-content">
3+
<h5 style="margin-top: 3px;">Select your server timezone below :</h5>
4+
<div class="input-field col s12 section">
5+
<input type="text" id="timezone-input" class="autocomplete" autocomplete="off">
6+
<label for="timezone-input">Type your city or country name</label>
7+
</div>
8+
</div>
9+
<div class="modal-footer footer">
10+
<button href="#!"
11+
class="modal-close waves-effect waves-light btn-flat grey-text text-lighten-2">Cancel</button>
12+
<button href="#!" class="modal-confirm waves-effect btn disabled">Set the timezone</button>
13+
</div>
14+
</div>

‎views/dashboard.ejs‎

Lines changed: 5 additions & 159 deletions
Original file line numberDiff line numberDiff line change
@@ -69,166 +69,12 @@
6969
<img src="/images/calendar.svg" />
7070
</button>
7171
</div>
72+
<% include components/add_schedule_window.ejs %>
73+
<% include components/add_timer_window.ejs %>
74+
<% include components/edit_window.ejs %>
75+
<% include components/remove_message_window.ejs %>
76+
<% include components/set_timezone_window.ejs %>
7277

73-
<div id="setTimezone" class="modal modal-fixed-footer">
74-
<div class="modal-content">
75-
<h5 style="margin-top: 3px;">Select your server timezone below :</h5>
76-
<div class="input-field col s12 section">
77-
<input type="text" id="timezone-input" class="autocomplete" autocomplete="off">
78-
<label for="timezone-input">Type your city or country name</label>
79-
</div>
80-
</div>
81-
<div class="modal-footer footer">
82-
<button href="#!"
83-
class="modal-close waves-effect waves-light btn-flat grey-text text-lighten-2">Cancel</button>
84-
<button href="#!" class="modal-confirm waves-effect btn disabled">Set the timezone</button>
85-
</div>
86-
</div>
87-
<div id="addTimer" class="modal modal-fixed-footer">
88-
<div class="modal-content">
89-
<h5 style="margin-top: 3px;">Add a one time message</h5>
90-
<form method="post" name="addTimerForm">
91-
<div class="input-field col s12 section">
92-
<textarea id="contentTimer" name="contentTimer" class="materialize-textarea" required minlength="1"
93-
maxlength="2000"></textarea>
94-
<label for="contentTimer">Message's content</label>
95-
<div class="users_wrapper scale-out">
96-
<% people_list.concat(roles_list).forEach((el, index) => { %>
97-
<div class="user_el waves-effect waves-light" data-id="<%= el.id %>"
98-
nickname="<%= (el.nickname || el.username) %>">
99-
@<%= el.nickname != null ? el.nickname : el.username %>
100-
</div>
101-
<% }); %>
102-
<div class="user_el waves-effect waves-light">
103-
@everyone
104-
</div>
105-
<div class="user_el waves-effect waves-light">
106-
@here
107-
</div>
108-
</div>
109-
<div class="channels_wrapper scale-out">
110-
<% channel_list.forEach((el, index) => { %>
111-
<div class="channel_el waves-effect waves-light" data-id="<%= el.id %>">
112-
#<%= el.name %>
113-
</div>
114-
<% }); %>
115-
</div>
116-
</div>
117-
<div class="input-field col s12 section channelSelect-wrapper">
118-
<select name="channelSelectTimer" id="channelSelectTimer">
119-
<% channel_list.forEach(element => {
120-
if (element.id == guild_data.systemChannelID) { %>
121-
<option value="<%= element.id %>" selected>#<%= element.name %></option>
122-
<% } else { %>
123-
<option value="<%= element.id %>">#<%= element.name %></option>
124-
<% }
125-
}) %>
126-
</select>
127-
<label for="channelSelectTimer">Channel :</label>
128-
</div>
129-
<div class="input-field col s12 scale-transition section dateSelect-wrapper-timer">
130-
<input type="text" class="datepicker" id="dateSelectTimer">
131-
<label for="dateSelectTimer">On :</label>
132-
</div>
133-
<div class="input-field col s12 scale-transition section timeSelect-wrapper-timer">
134-
<input type="text" class="timepicker" id="timeSelectTimer" value="<%= now_hour %>">
135-
<label for="timeSelectTimer">At :</label>
136-
</div>
137-
</form>
138-
</div>
139-
<div class="modal-footer footer">
140-
<button href="#!"
141-
class="modal-close waves-effect waves-light btn-flat grey-text text-lighten-2">Cancel</button>
142-
<button href="#!" class="modal-confirm waves-effect waves-light btn grey darken-3">Add the message <i
143-
class="material-icons right">send</i></button>
144-
</div>
145-
</div>
146-
147-
<div id="add_cron" class="modal modal-fixed-footer">
148-
<div class="modal-content">
149-
<h5 style="margin-top: 3px;">Add a recurring message</h5>
150-
<form method="post" name="addForm">
151-
<div class="input-field col s12 section">
152-
<textarea id="content" name="content" class="materialize-textarea" required minlength="1"
153-
maxlength="2000"></textarea>
154-
<label for="content">Message's content</label>
155-
<div class="users_wrapper scale-out">
156-
<% people_list.concat(roles_list).forEach((el, index) => { %>
157-
<div class="user_el waves-effect waves-light" data-id="<%= el.id %>"
158-
nickname="<%= (el.nickname || el.username) %>">
159-
@<%= (el.nickname || el.username) %>
160-
</div>
161-
<% }); %>
162-
<div class="user_el waves-effect waves-light">
163-
@everyone
164-
</div>
165-
<div class="user_el waves-effect waves-light">
166-
@here
167-
</div>
168-
</div>
169-
<div class="channels_wrapper scale-out">
170-
<% channel_list.forEach((el, index) => { %>
171-
<div class="channel_el waves-effect waves-light" data-id="<%= el.id %>">
172-
#<%= el.name %>
173-
</div>
174-
<% }); %>
175-
</div>
176-
</div>
177-
<div class="input-field col s12 section channelSelect-wrapper">
178-
<select name="channelSelect" id="channelSelect">
179-
<% channel_list.forEach(element => {
180-
if (element.id == guild_data.systemChannelID) { %>
181-
<option value="<%= element.id %>" selected>#<%= element.name %></option>
182-
<% } else { %>
183-
<option value="<%= element.id %>">#<%= element.name %></option>
184-
<% }
185-
}) %>
186-
</select>
187-
<label for="channelSelect">Channel :</label>
188-
</div>
189-
<div class="input-field col s12 section">
190-
<select name="each" id="each">
191-
<option value="week">week</option>
192-
<option value="day">day</option>
193-
<option value="hour">hour</option>
194-
</select>
195-
<label for="each">Every : </label>
196-
</div>
197-
<div class="input-field col s12 scale-transition section daySelect-wrapper">
198-
<select name="daySelect" id="daySelect" multiple>
199-
<option value="1" selected>Monday</option>
200-
<option value="2">Tuesday</option>
201-
<option value="3">Wednesday</option>
202-
<option value="4">Thursday</option>
203-
<option value="5">Friday</option>
204-
<option value="6">Saturday</option>
205-
<option value="0">Sunday</option>
206-
</select>
207-
<label for="daySelect">Day of the week</label>
208-
</div>
209-
<div class="input-field col s12 scale-transition section timeSelect-wrapper">
210-
<input type="text" class="timepicker" id="timeSelect" value="<%= now_hour %>">
211-
<label for="timeSelect">At :</label>
212-
</div>
213-
</form>
214-
</div>
215-
<div class="modal-footer footer">
216-
<button href="#!"
217-
class="modal-close waves-effect waves-light btn-flat grey-text text-lighten-2">Cancel</button>
218-
<button href="#!" class="modal-confirm waves-effect waves-light btn grey darken-3">Add the message <i
219-
class="material-icons right">send</i></button>
220-
</div>
221-
</div>
222-
<div id="remove_modal" class="modal bottom-sheet modal-fixed-footer" style="height: 30% !important">
223-
<div class="modal-content grey darken-3 grey-text text-lighten-2" style="text-align: center">
224-
<h5>Are you sure you want to delete this message ?</h5>
225-
</div>
226-
<div class="modal-footer footer">
227-
<button href="#!"
228-
class="modal-close waves-effect waves-light btn-flat grey-text text-lighten-2">Cancel</button>
229-
<button href="#!" class="modal-confirm waves-effect waves-light btn grey darken-3">Confirm</button>
230-
</div>
231-
</div>
23278
</body>
23379

23480
</html>

0 commit comments

Comments
 (0)