iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-30 20:09:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

working version

Browse Source
This commit is contained in:
Dmitry Borisenko
2021-08-17 21:32:23 +08:00
parent 764791565f
commit 395ecd8f61
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.svelte
View File

@@ -30,6 +30,10 @@
return json; return json;
}; };
function SuperDuperFunction() {
wigets = JSON.parse(document.getElementById("text1").value);
}
let wigets = []; let wigets = [];
wigets = [ wigets = [
@@ -103,13 +107,12 @@
<div class="bg-cover bg-gray-50 pt-16"> <div class="bg-cover bg-gray-50 pt-16">
<Route path="/"> <Route path="/">
<Card title="Редактор JSON"> <Card title="Редактор JSON">
<textarea rows="10" class="bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500" id="text1">{syntaxHighlight(JSON.stringify(wigets))}</textarea> <textarea on:input={SuperDuperFunction} rows="10" class="bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500" id="text1">{syntaxHighlight(JSON.stringify(wigets))}</textarea>
<button on:click={(wigets = JSON.parse(document.getElementById("text1").value))} class="shadow bg-purple-500 hover:bg-purple-400 focus:shadow-outline focus:outline-none text-white font-bold py-2 px-4 rounded" type="button"> Save </button>
</Card> </Card>
<Card title="Testing card1"> <Card title="Testing card1">
{#each wigets as widget, i} {#each wigets as widget, i}
{#if widget.widget === "input"} {#if widget.widget === "input"}
<Input title={widget.descr} value={widget.status} /> <Input title={widget.descr} bind:value={widget.status} />
{/if} {/if}
{/each} {/each}
</Card> </Card>