From 6cbaecc5f918ea71920d0d3fe56eb372c8eef6e0 Mon Sep 17 00:00:00 2001 From: kaotisk Date: Thu, 23 Oct 2025 05:07:46 +0300 Subject: [fs] Adds AKFS GET form --- src/js/ui/components/akfsGet/index.js | 46 +++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 src/js/ui/components/akfsGet/index.js (limited to 'src/js/ui/components/akfsGet') diff --git a/src/js/ui/components/akfsGet/index.js b/src/js/ui/components/akfsGet/index.js new file mode 100644 index 0000000..9fe0a9e --- /dev/null +++ b/src/js/ui/components/akfsGet/index.js @@ -0,0 +1,46 @@ +// Arching Kaos Welcome Section +// +// Kaotisk Hund - 2024 +// +// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL v3.0 +// + +const label = { + element : "h3", + innerText: "Get a file via AKFS" +}; + +const input = { + element: "input", + id:"hash-field", + type:"text", + name:"search", + placeholder:"Enter a hash" +}; + +const button = { + element:"button", + onclick:"akfsGetMap(this.parentElement.querySelector('#hash-field').value)", + innerText:"Get!" +} + +const container = { + element: "div", + style:"padding: 1vh 1vw; display: flex; flex-direction: row; align-items: center; gap: 10px;", + innerHTML: [ + input, + button + ] +}; + + +export const akfsGetForm = { + element: "div", + style:"padding: 1vh 1vw; display: flex; flex-direction: column; align-items: center; gap: 10px;", + innerHTML: [ + label, + container + ] +} + +// @license-end -- cgit v1.2.3