working version

This commit is contained in:
Dmitry Borisenko
2021-08-17 21:32:23 +08:00
parent 764791565f
commit 395ecd8f61

View File

@@ -30,6 +30,10 @@
return json;
};
function SuperDuperFunction() {
wigets = JSON.parse(document.getElementById("text1").value);
}
let wigets = [];
wigets = [
@@ -103,13 +107,12 @@
<div class="bg-cover bg-gray-50 pt-16">
<Route path="/">
<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>
<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>
<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>
</Card>
<Card title="Testing card1">
{#each wigets as widget, i}
{#if widget.widget === "input"}
<Input title={widget.descr} value={widget.status} />
<Input title={widget.descr} bind:value={widget.status} />
{/if}
{/each}
</Card>