refactor
This commit is contained in:
@@ -1,9 +1,13 @@
|
||||
import "./style.css";
|
||||
import "./connection";
|
||||
|
||||
const app = document.querySelector("#app");
|
||||
|
||||
if (app) {
|
||||
app.innerHTML = `
|
||||
<div id="connect" style="text-align: center"><table style="display: inline-block">
|
||||
<tr><td><span>Host: </span></td><td><input id="host" /></td></tr>
|
||||
<tr><td><span>Key: </span></td><td><input id="key" /></td></tr>
|
||||
<tr><td><span>Id: </span></td><td><input id="id" /></td></tr>
|
||||
<tr><td></td><td><button onclick="connect();">Connect</button></td></tr>
|
||||
</table></div>
|
||||
@@ -19,6 +23,8 @@ if (app) {
|
||||
host.value = localStorage.getItem('host');
|
||||
const id = document.querySelector('#id');
|
||||
id.value = localStorage.getItem('id');
|
||||
const key = document.querySelector('#key');
|
||||
key.value = localStorage.getItem('key');
|
||||
};
|
||||
|
||||
window.connect = () => {
|
||||
@@ -26,6 +32,8 @@ if (app) {
|
||||
localStorage.setItem('host', host.value);
|
||||
const id = document.querySelector('#id');
|
||||
localStorage.setItem('id', id.value);
|
||||
const key = document.querySelector('#key');
|
||||
localStorage.setItem('key', key.value);
|
||||
document.querySelector('div#connect').style.display = 'none';
|
||||
document.querySelector('div#password').style.display = 'block';
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user