src/main.js


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

const { invoke } = window.__TAURI__.tauri;

let connectUrlEl;
let connectPasswordEl;
let connectSubmitEl;
let connectStatusEl;

async function connect() {
  // Learn more about Tauri commands at https://tauri.app/v1/guides/features/command
  connectUrlEl.disabled = true;
  connectPasswordEl.disabled = true;
  connectSubmitEl.disabled = true;
  connectStatusEl.innerText = "Verbindungsaufbau...";
  document.body.style.cursor = "progress";

  connectStatusEl.innerText = await invoke("connect", {
    url: connectUrlEl.value,
    password: connectPasswordEl.value,
  });

  if (connectStatusEl.innerText === "Verbindungsaufbau erfolgreich") {
    window.location = "dashboard.html";
  }

  connectUrlEl.disabled = false;
  connectPasswordEl.disabled = false;
  connectSubmitEl.disabled = false;
  document.body.style.cursor = "default";
}

window.addEventListener("DOMContentLoaded", () => {
  connectUrlEl = document.querySelector("#connect-url");
  connectPasswordEl = document.querySelector("#connect-password");
  connectSubmitEl = document.querySelector("#connect-submit");
  connectStatusEl = document.querySelector("#connect-status");
  document.querySelector("#connect-form").addEventListener("submit", (e) => {
    e.preventDefault();
    connect();
  });
});