stau.space
AECC database project.
1<div id="allActivities" hidden>
2 <h1>Here is the list of activities:</h1>
3 <label for="activityFinderFilter">Filter the results:</label>
4 <search>
5 <input type="search" name="activityFinderFilter" onkeyup="tableFilter(event, allActivitiesTable);" placeholder="filter...">
6 </search>
7 <table id="allActivitiesTable">
8 <thead>
9 <tr>
10 <th>ID</th>
11 <th style="width:80ch;">Title</th>
12 <th style="width:80ch;">Description</th>
13 <th>Date</th>
14 <th style="border:0px;"></th>
15 <th style="border:0px;"></th>
16 <tr>
17 </thead>
18 <tbody></tbody>
19 </table>
20 <button onclick="next('activityCreator');">Create a new activity</button>
21</div>
22
23<div id="activityCreator" hidden>
24 So you want to create an activity . . .
25 <br />
26 <form id="activityCreatorForm" onsubmit="activityCreatorFormHandler(event);">
27 <fieldset>
28 <legend>activity</legend>
29 <br />
30 <label for="title">Title:</label>
31 <br />
32 <input name="title" type="text" minlength="1" maxlength="80" />
33 <br />
34 <br />
35 <label for="description">Description:</label>
36 <br />
37 <input name="description" type="text" minlength="1" maxlength="80" />
38 <br />
39 <br />
40 <label for="date">Date:</label>
41 <br />
42 <input name="date" type="datetime-local" max="2700" min="1700" />
43 <br />
44 <br />
45 <input type="submit" value="Submit" />
46 <br />
47 </fieldset>
48 </form>
49</div>
50
51<div id="activityEditor" hidden>
52 <form id="activityEditorForm" onsubmit="activityEditorFormHandler(event);">
53 <fieldset>
54 <legend>Edit:</legend>
55 <br />
56 <label for="title">Title:</label>
57 <br />
58 <input id="activityEditorTitle" type="text" name="title" minlength="1" maxlength="80" />
59 <br />
60 <br />
61 <label for="description">Description:</label>
62 <br />
63 <input id="activityEditorDescription" type="text" name="description" minlength="1" maxlength="80" />
64 <br />
65 <br />
66 <label for="date">Date:</label>
67 <br />
68 <input id="activityEditorDate" type="datetime-local" name="date" min="1700" max="2700" />
69 <br />
70 <br />
71 <input type="submit" value="Submit" />
72 <input type="hidden" id="activityEditorID" value="" />
73 </fieldset>
74 </form>
75</div>
76
77<div id="activityDeleter" hidden>
78 Let's delete a activity. First choose from this list:
79 <br />
80 <br />
81 <select id="activityDeleterOptions" onchange="loadActivityDeleterSubmission();" ></select>
82 <div id="activityDeleterMenu" hidden>
83 Current activity description:
84 <br />
85 Field1: <span id="activityDeleterField1"></span>
86 <br />
87 Field2: <span id="activityDeleterField2"></span>
88 <br />
89 <br />
90 <button style="color:#ff5454;" onclick="deleteactivity();">Delete?</button>
91 </div>
92</div>