stau.space
AECC database project.
.
+148
-5
+14
index.css
+14
index.css
···
424
424
border-color: #4f7df3;
425
425
transition: 2ms;
426
426
}
427
+
428
+
.static {
429
+
transition: 15s;
430
+
background:
431
+
repeating-radial-gradient(#000 0 0.0001%,#111 0 0.0002%) 50% 0/250px 250px,
432
+
repeating-conic-gradient(#000 0 0.0001%,#111 0 0.0002%) 60% 60%/250px 250px !important;
433
+
background-blend-mode: difference;
434
+
animation: b .2s infinite alternate;
435
+
@keyframes b{
436
+
100% {
437
+
background-position: 50% 0, 60% 50%;
438
+
}
439
+
}
440
+
}
+10
-5
index.html
+10
-5
index.html
···
16
16
<script src="lib/header.js"></script>
17
17
<script src="lib/product.js"></script>
18
18
<script src="lib/transaction.js"></script>
19
+
<script src="lib/egg.js"></script>
19
20
<link rel="stylesheet" href="index.css">
20
21
</head>
21
22
<body>
···
34
35
What would you like to work with?
35
36
<br />
36
37
<br />
37
-
<button onclick="hide('buttons'); activity();">Activities</button>
38
-
<button onclick="hide('buttons'); activity_transaction();">Activity Transactions</button>
39
-
<button onclick="hide('buttons'); board_member();">Board Members</button>
40
-
<button onclick="hide('buttons'); member();">Members</button>
38
+
<button onclick="next('activityFunctionality')">Activities</button>
39
+
<button onclick="next('activityTransactionFunctionality')">Activity Transactions</button>
40
+
<button onclick="next('boardMemberFunctionality')">Board Members</button>
41
+
<button onclick="next('memberFunctionality')">Members</button>
41
42
<button onclick="next('productFunctionality');">Products</button>
42
43
<button onclick="next('transactionFunctionality');">Transactions</button>
44
+
<div id="theMatrix"></div>
43
45
</div>
44
46
47
+
<x-include src="activity.html"></x-include>
48
+
<x-include src="activity_transaction.html"></x-include>
49
+
<x-include src="board_member.html"></x-include>
50
+
<x-include src="member.html"></x-include>
45
51
<x-include src="product.html"></x-include>
46
-
47
52
<x-include src="transaction.html"></x-include>
48
53
49
54
<div id="product">
+51
lib/egg.js
+51
lib/egg.js
···
1
+
2
+
const sleep = delay => new Promise(resolve => setTimeout(resolve, delay));
3
+
window.onload = async () => {
4
+
await sleep(30000);
5
+
while (buttons.hidden) {
6
+
await sleep(1000);
7
+
}
8
+
const elems = document.getElementsByTagName("*");
9
+
for (var i = 0; i < elems.length; ++i) {
10
+
elems[i].classList.add("static");
11
+
}
12
+
theMatrix.innerHTML += "<br />";
13
+
const msg1 = "Wake up, neo . . .";
14
+
const msg2 = "The Matrix has you . . .";
15
+
const msg3 = "Follow the white rabbit.";
16
+
const msg4 = "Knock, knock, Neo.";
17
+
for (var i = 0; i < msg1.length; i++) {
18
+
theMatrix.innerHTML += msg1[i];
19
+
await sleep(120);
20
+
}
21
+
theMatrix.innerHTML += "<br />";
22
+
await sleep(200);
23
+
theMatrix.innerHTML += "<br />";
24
+
await sleep(500);
25
+
for (var i = 0; i < msg2.length; i++) {
26
+
theMatrix.innerHTML += msg2[i];
27
+
await sleep(120);
28
+
}
29
+
theMatrix.innerHTML += "<br />";
30
+
await sleep(300);
31
+
theMatrix.innerHTML += "<br />";
32
+
await sleep(500);
33
+
for (var i = 0; i < msg3.length; i++) {
34
+
theMatrix.innerHTML += msg3[i];
35
+
await sleep(120);
36
+
}
37
+
theMatrix.innerHTML += "<br />";
38
+
await sleep(300);
39
+
theMatrix.innerHTML += "<br />";
40
+
await sleep(600);
41
+
for (var i = 0; i < msg4.length; i++) {
42
+
theMatrix.innerHTML += msg4[i];
43
+
await sleep(200);
44
+
}
45
+
await sleep(6000);
46
+
for (var i = 0; i < elems.length; ++i) {
47
+
elems[i].classList.remove("static");
48
+
}
49
+
theMatrix.innerHTML = "no matter where you are, everyone is always CONNECTED";
50
+
theMatrix.style = "display:none;";
51
+
};
+73
template.html
+73
template.html
···
1
+
<div id="templateFunctionality" hidden>
2
+
template are <b>AWESOME</b>
3
+
<br />
4
+
What would you like to do?
5
+
<br />
6
+
<br />
7
+
<nav>
8
+
<button onclick="next('templateCreator')">Create</button>
9
+
<button onclick="next('templateFinder');">Find</button>
10
+
<button onclick="next('templateEditor');">Edit</button>
11
+
<button onclick="next('templateDeleter');">Delete</button>
12
+
</nav>
13
+
<br />
14
+
a template . . .
15
+
</div>
16
+
17
+
<div id="templateCreator" hidden>
18
+
So you want to create a template . . .
19
+
<br />
20
+
<form id="templateCreatorForm" onsubmit="templateCreatorFormHandler(event);">
21
+
<fieldset>
22
+
<legend>template</legend>
23
+
<input type="submit" value="Submit">
24
+
</fieldset>
25
+
</form>
26
+
</div>
27
+
28
+
<div id="templateFinder" hidden>
29
+
<h1>Here is the list of template:</h1>
30
+
<label for="tableFilter">Filter the results:</label>
31
+
<search>
32
+
<input type="search" id="tableFilter" onkeyup="table_filter()" placeholder="filter...">
33
+
</search>
34
+
<table id="templateResultsTable"></table>
35
+
</div>
36
+
37
+
<div id="templateEditor" hidden>
38
+
Time to edit a template. First, choose a template:
39
+
<br />
40
+
<br />
41
+
<select id="templateEditorOptions" onchange="loadTemplateEditorSubmission();" ></select>
42
+
<div id="templateEditorMenu" hidden>
43
+
Current template description:
44
+
<br />
45
+
Field1: <span id="templateEditorField1"></span>
46
+
Field2: <span id="templateEditorField2"></span>
47
+
<br />
48
+
<form id="templateEditorForm" onsubmit="templateEditorFormHandler(event);">
49
+
<fieldset>
50
+
<legend>Edit template:</legend>
51
+
<input type="submit" value="Submit" />
52
+
<input type="hidden" id="templateEditorSubmissionId" value="" />
53
+
</fieldset>
54
+
</form>
55
+
</div>
56
+
</div>
57
+
58
+
<div id="templateDeleter" hidden>
59
+
Let's delete a template. First choose from this list:
60
+
<br />
61
+
<br />
62
+
<select id="templateDeleterOptions" onchange="loadTemplateDeleterSubmission();" ></select>
63
+
<div id="templateDeleterMenu" hidden>
64
+
Current template description:
65
+
<br />
66
+
Field1: <span id="templateDeleterField1"></span>
67
+
<br />
68
+
Field2: <span id="templateDeleterField2"></span>
69
+
<br />
70
+
<br />
71
+
<button style="color:#ff5454;" onclick="deleteTemplate();">Delete?</button>
72
+
</div>
73
+
</div>