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/manualPeer/index.js | 45 ++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 src/js/ui/components/manualPeer/index.js (limited to 'src/js/ui/components/manualPeer/index.js') diff --git a/src/js/ui/components/manualPeer/index.js b/src/js/ui/components/manualPeer/index.js new file mode 100644 index 0000000..6a78f71 --- /dev/null +++ b/src/js/ui/components/manualPeer/index.js @@ -0,0 +1,45 @@ +// 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: "Connect to specific peer manually" +}; + +const input = { + element: "input", + id:"peer-field", + type:"text", + name:"search", + placeholder:"Enter an arching-kaos node address" +}; + +const button = { + element:"button", + onclick:"seekPeer(this.parentElement.querySelector('#peer-field').value, ['search', false])", + innerText:"Try" +}; + +const container = { + element: "div", + style:"padding: 1vh 1vw; display: flex; flex-direction: row; align-items: center; gap: 10px;", + innerHTML: [ + input, + button + ] +}; + +export const manualPeerForm = { + 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