1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
import { makeElement } from "../../arching-kaos-generator.js";
var welcomeSection = {
element: "div",
id: "welcome-section",
innerHTML: [
{
element : "div",
className:"where-am-i",
innerHTML: `
<img src="./img/logo.png" onclick="menusel({id:'#/welcome-section'})"/>
<span>></span>
<h2>Home</h2>
`
},
{
element: "p",
innerText: "Welcome to Arching Kaos project."
},
{
element: "div",
id: "home-grid",
innerHTML: `
<button class="menu-clickable" id="#/mixtapes-section" onclick="menusel(this)" style="background-image: url(img/mixtapes-logo.png); background-repeat: round;"></button>
<button class="menu-clickable" id="#/news-section" onclick="menusel(this)" style="background-image: url(img/news-logo.png); background-repeat: round;"></button>
<button class="menu-clickable" id="#/chat-section" onclick="menusel(this)" style="background-image: url(img/chat-logo.png); background-repeat: round;"></button>
<button class="menu-clickable" id="#/radio-section" onclick="menusel(this)" style="background-image: url(img/radio-logo.png); background-repeat: round; background-size: cover;"></button>
<button class="menu-clickable" id="#/stats-section" onclick="menusel(this)">Stats</button>
`
},
{
element : "h3",
innerText: "Render explicit zblock"
},
{
element: "div",
style:"padding: 1vh 1vw; display: flex; flex-direction: row; align-items: center; gap: 10px;",
innerHTML: `
<input id="search-field" type="text" name="search" placeholder="Enter a zblock hash"/>
<button onclick="seekZblock(this.parentElement.querySelector('#search-field').value, ['search', false])">Render</button>
`
},
{
element: "div",
className: "results-area",
innerHTML: [
{
elements: "h3",
innerText: "Results"
}
]
},
{
element: "h3",
innerText: "Manual scan"
},
{
element: "div",
id: "manual-scan-section",
innerHTML: [
{
element: "div",
className: "manual-scan",
innerHTML: [
{ element:"button", onclick:"scanStellarNetworkForPeers()", innerText:"Check Stellar Network"},
{ element:"button", onclick:"checkLocalNodeInfo()", innerText:"Check local Node"},
{ element:"button", onclick:"checkLocalPeers()", innerText:"Check local Peers"},
{ element:"button", onclick:"checkLocalSchain()", innerText:"Check Local Schain"}
]
}
]
},
{
element: "div",
className: "preview"
},
{
element: "div",
className: "dialog",
innerHTML: [
{
element: "h3",
innerText: "Progress"
},
{
element: "progress",
id: "total-progress",
value: 0
},
{
element: "progress",
id: "http-progress",
value: 0
},
{
element: "pre",
id: "current-log-message"
}
]
},
{
element: "details",
id: "logs-area",
innerHTML: [
{
element: "summary",
innerText: "Logs (click to expand)"
},
{
element: "div",
id: "logs-area-element"
}
]
}
]
};
makeElement(welcomeSection, document.querySelector('.main'));
|