stau.space
AECC database project.
1<div id="memberFunctionality" hidden>
2 Members are <b>AWESOME</b>
3 <br />
4 What would you like to do?
5 <br />
6 <br />
7 <nav>
8 <button onclick="next('memberCreator'); fillMemberCreatorLogger();">Create</button>
9 <button onclick="next('memberFinder'); fillMemberFinder();">Find</button>
10 <button onclick="next('memberEditor');">Edit</button>
11 <button onclick="next('memberDeleter');">Delete</button>
12 </nav>
13 <br />
14 a member . . .
15</div>
16
17<div id="memberCreator" hidden>
18 So you want to create a member . . .
19 <br />
20 <form id="memberCreatorForm" onsubmit="memberCreatorFormHandler(event);">
21 <label for="logger">Logger:</label>
22 <br />
23 <select id="memberCreatorLogger" name="logger"></select>
24 <fieldset>
25 <legend>Member:</legend>
26 <label for="name">Name:</label>
27 <br />
28 <input name="name" type="text" minlength="1" maxlength="30" />
29 <br />
30 <br />
31 <label for="second_name">Second name:</label>
32 <br />
33 <input name="second_name" type="text" minlength="1" maxlength="30" />
34 <br />
35 <br />
36 <label for="last_name">Last name:</label>
37 <br />
38 <input name="last_name" type="text" minlength="1" maxlength="30" />
39 <br />
40 <br />
41 <label for="second_last_name">Second last name:</label>
42 <br />
43 <input name="second_last_name" type="text" minlength="1" maxlength="30" />
44 <br />
45 <br />
46 <label for="email">E-mail:</label>
47 <br />
48 <input name="email" type="email" maxlength="30" />
49 <br />
50 <br />
51 <label for="phone_number">Phone number:</label>
52 <br />
53 <input name="phone_number" type="tel" maxlength="15" />
54 <br />
55 </fieldset>
56 <br />
57 <input type="submit" value="Submit">
58 </form>
59</div>
60
61<div id="memberFinder" hidden>
62 <h1>Here is the list of member:</h1>
63 <label for="tableFilter">Filter the results:</label>
64 <search>
65 <input type="search" id="tableFilter" onkeyup="table_filter()" placeholder="filter...">
66 </search>
67 <table id="memberResultsTable"></table>
68</div>
69
70<div id="memberEditor" hidden>
71 Time to edit a member. First, choose a member:
72 <br />
73 <br />
74 <select id="memberEditorOptions" onchange="loadmemberEditorSubmission();" ></select>
75 <div id="memberEditorMenu" hidden>
76 Current member description:
77 <br />
78 Field1: <span id="memberEditorField1"></span>
79 Field2: <span id="memberEditorField2"></span>
80 <br />
81 <form id="memberEditorForm" onsubmit="memberEditorFormHandler(event);">
82 <fieldset>
83 <legend>Edit member:</legend>
84 <input type="submit" value="Submit" />
85 <input type="hidden" id="memberEditorSubmissionId" value="" />
86 </fieldset>
87 </form>
88 </div>
89</div>
90
91<div id="memberDeleter" hidden>
92 Let's delete a member. First choose from this list:
93 <br />
94 <br />
95 <select id="memberDeleterOptions" onchange="loadmemberDeleterSubmission();" ></select>
96 <div id="memberDeleterMenu" hidden>
97 Current member description:
98 <br />
99 Field1: <span id="memberDeleterField1"></span>
100 <br />
101 Field2: <span id="memberDeleterField2"></span>
102 <br />
103 <br />
104 <button style="color:#ff5454;" onclick="deletemember();">Delete?</button>
105 </div>
106</div>