diff options
| author | kaotisk <kaotisk@arching-kaos.org> | 2024-11-30 16:45:38 +0200 |
|---|---|---|
| committer | kaotisk <kaotisk@arching-kaos.org> | 2024-11-30 16:45:38 +0200 |
| commit | deb8d4969e30f9c54deadf52dc87fcc5982bc076 (patch) | |
| tree | d7104db222284555919cbda5ea24a25ff35553b8 /src/js/ui/sections/statsSection.js | |
| parent | fcb46774124af79d7524f102ccdcafb6042c3d5c (diff) | |
| download | arching-kaos-web-ui-deb8d4969e30f9c54deadf52dc87fcc5982bc076.tar.gz arching-kaos-web-ui-deb8d4969e30f9c54deadf52dc87fcc5982bc076.tar.bz2 arching-kaos-web-ui-deb8d4969e30f9c54deadf52dc87fcc5982bc076.zip | |
Refactoring final
Diffstat (limited to 'src/js/ui/sections/statsSection.js')
| -rw-r--r-- | src/js/ui/sections/statsSection.js | 44 |
1 files changed, 24 insertions, 20 deletions
diff --git a/src/js/ui/sections/statsSection.js b/src/js/ui/sections/statsSection.js index 8d99448..115cd68 100644 --- a/src/js/ui/sections/statsSection.js +++ b/src/js/ui/sections/statsSection.js @@ -9,32 +9,36 @@ import { makeElement } from "../../arching-kaos-generator.js"; export function statsSection() { + var whereAmI = { + element: "div", + className: "where-am-i", + innerHTML: [ + { element: "img", src:"./img/logo.png", onclick:"menusel({id:'#/welcome-section'})"}, + { element: "span", innerText:">"}, + { element: "h2", innerText:"Explore"}, + { element: "span", innerText:">"}, + { element: "h2", innerText:"Stats"} + ] + }; var statsSection = { element: 'div', id: "stats-section", innerHTML: [ - { element: "div", className: "where-am-i", innerHTML: ` - <img src="./img/logo.png" onclick="menusel({id:'#/welcome-section'})"/> - <span>></span> - <h2>Explore</h2> - <span>></span> - <h2>Stats</h2> - `}, - { element: "div", className: "available-networks", innerHTML: ` - <h3>Networks</h3> - <details class="stellar-network"> - <summary>Stellar</summary> - </details> - <details class="aknet-network"> - <summary>Arching Kaos Experimental Instance</summary> - </details> - <details class="aknet-sblocks"> - <summary>Arching Kaos SBlocks</summary> - </details> - `} + whereAmI, + { element: "div", className: "available-networks", innerHTML: [ + { element: "h3", innerText: "Networks" }, + { element: "details", className: "stellar-network", innerHTML:[ + { element:"summary", innerText:"Stellar"} + ]}, + { element: "details", className: "aknet-network", innerHTML:[ + { element:"summary", innerText:"Arching Kaos Experimental Instance"} + ]}, + { element: "details", className: "aknet-sblocks", innerHTML:[ + { element:"summary", innerText:"Arching Kaos SBlocks"} + ]} + ]} ] }; - makeElement(statsSection, document.querySelector('.main')); } // @license-end |