stau.space
AECC database project.
1<div id="allBoardMembers" hidden>
2 <h1>Here is the list of board members:</h1>
3 <label for="boardMemberFinderFilter">Filter the results:</label>
4 <search>
5 <input type="search" name="boardMemberFinderFilter" onkeyup="tableFilter(event, allBoardMembersTable);" placeholder="filter...">
6 </search>
7 <table id="allBoardMembersTable">
8 <thead>
9 <tr>
10 <th>ID</th>
11 <th>Position</th>
12 <th>Year</th>
13 <th>Role</th>
14 <th>Password</th>
15 <th style="border:0px;"></th>
16 <th style="border:0px;"></th>
17 <tr>
18 </thead>
19 <tbody></tbody>
20 </table>
21 <button onclick="next('boardMemberCreator'); fillMemberID();">Create a new board member</button>
22</div>
23
24<div id="boardMemberCreator" hidden>
25 So you want to create a boardMember . . .
26 <br />
27 <form onsubmit="boardMemberCreatorHandler(event);">
28 <fieldset>
29 <legend>boardMember</legend>
30 <select id="boardMemberMemberID"></select>
31 <br />
32 <label for="position">Position:</label>
33 <br />
34 <input type="text" name="position" minlength="1" maxlength="20" />
35 <br />
36 <br />
37 <label for="year">Year:</label>
38 <br />
39 <input type="number" name="year" min="1700" max="2700" />
40 <br />
41 <br />
42 <label for="role">Role:</label>
43 <br />
44 <select name="role">
45 <option value="Write">Write</option>
46 <option value="Read">Read</option>
47 <option value="None">None</option>
48 </select>
49 <br />
50 <br />
51 <label for="password">Password:</label>
52 <br />
53 <input type="password" name="password" minlength="10" />
54 <br />
55 <br />
56 <input type="submit" value="Submit">
57 </fieldset>
58 </form>
59</div>
60
61<div id="boardMemberFinder" hidden>
62 <h1>Here is the list of boardMember:</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="boardMemberResultsTable"></table>
68</div>
69
70<div id="boardMemberEditor" hidden>
71 Time to edit a boardMember. First, choose a boardMember:
72 <br />
73 <br />
74 <select id="boardMemberEditorOptions" onchange="loadboardMemberEditorSubmission();" ></select>
75 <div id="boardMemberEditorMenu" hidden>
76 Current boardMember description:
77 <br />
78 Field1: <span id="boardMemberEditorField1"></span>
79 Field2: <span id="boardMemberEditorField2"></span>
80 <br />
81 <form id="boardMemberEditorForm" onsubmit="boardMemberEditorFormHandler(event);">
82 <fieldset>
83 <legend>Edit boardMember:</legend>
84 <input type="submit" value="Submit" />
85 <input type="hidden" id="boardMemberEditorSubmissionId" value="" />
86 </fieldset>
87 </form>
88 </div>
89</div>
90
91<div id="boardMemberDeleter" hidden>
92 Let's delete a boardMember. First choose from this list:
93 <br />
94 <br />
95 <select id="boardMemberDeleterOptions" onchange="loadboardMemberDeleterSubmission();" ></select>
96 <div id="boardMemberDeleterMenu" hidden>
97 Current boardMember description:
98 <br />
99 Field1: <span id="boardMemberDeleterField1"></span>
100 <br />
101 Field2: <span id="boardMemberDeleterField2"></span>
102 <br />
103 <br />
104 <button style="color:#ff5454;" onclick="deleteboardMember();">Delete?</button>
105 </div>
106</div>