stau.space
AECC database project.
1<div id="allTransactions" hidden>
2 <h1>Here is the list of transactions:</h1>
3 <label for="transactionFinderFilter">Filter the results:</label>
4 <search>
5 <input type="search" name="transactionFinderFilter" onkeyup="tableFilter(event, allTransactionsTable);" placeholder="filter...">
6 </search>
7 <table id="allTransactionsTable">
8 <thead>
9 <tr>
10 <th>ID</th>
11 <th>Type</th>
12 <th>Date</th>
13 <th>Quantity</th>
14 <th>Product ID</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('transactionCreator'); fillTransactionCreator(); updateTotal();">Create a new activity</button>
22</div>
23
24<div id="transactionCreator" hidden>
25 So you want to create a transaction . . .
26 <br />
27 <form id="transactionCreatorForm" onsubmit="transactionCreatorFormHandler(event);">
28 <fieldset>
29 <legend>Transaction:</legend>
30 <label for="type">Type:</label>
31 <br />
32 <select onchange="updateTotal();" name="type">
33 <option value="Expense">Expense</option>
34 <option value="Income">Income</option>
35 </select>
36 <br />
37 <br />
38 <label for="date">Date:</label>
39 <br />
40 <input id="transactionCreatorDate" name="date" type="datetime-local" max="2700" min="1700" />
41 <br />
42 <br />
43 <label for="quantity">Quantity:</label>
44 <br />
45 <input onchange="updateTotal();" type="number" min="1" max="99999" />
46 <br />
47 <br />
48 <label for="productId">Product ID:</label>
49 <br />
50 <select onchange="udpateTotal();" name="productId" id="createTransactionProductId"></select>
51 </fieldset>
52 <fieldset>
53 <legend>Metadata:</legend>
54 <label for="initiator">Initiator:</label>
55 <br />
56 <select name="initiator" id="initiator"></select>
57 <br />
58 <br />
59 <label for="logger">Logger:</label>
60 <br />
61 <select name="logger" id="logger"></select>
62 <br />
63 </fieldset>
64 <div "transactionTotal">
65 Total: $0.00
66 </div>
67 <br />
68 <input type="submit" value="Submit" />
69 </form>
70</div>
71
72<div id="transactionEditor" hidden>
73 <form onsubmit="editTransactionHandler(event);">
74 <fieldset>
75 <legend>Edit transaction:</legend>
76 <label for="type">Type:</label>
77 <br />
78 <select name="type">
79 <option value="Expense">Expense</option>
80 <option value="Income">Income</option>
81 </select>
82 <br />
83 <br />
84 <label for="date">Date:</label>
85 <br />
86 <input id="transactionEditorDate" type="datetime-local" name="date" min="1700" max="2700" />
87 <br />
88 <br />
89 <label for="quantity">Quantity:</label>
90 <br />
91 <input id="transactionEditorQuantity" type="number" name="quantity" min="1" max="99999" />
92 <br />
93 <br />
94 <label for="productID">Product:</label>
95 <br />
96 <select id="transactionEditorProductID" name="productID"></select>
97 <br />
98 <br />
99 <input type="submit" value="Submit" />
100 <input type="hidden" id="transactionEditorID" />
101 </fieldset>
102 </form>
103</div>