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

inputs variants in progress

Browse Source
This commit is contained in:
Dmitry Borisenko
2021-09-15 03:17:51 +08:00
parent ba3f94d15f
commit fc1c76fb6b
2 changed files with 39 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/Myinput.svelte
View File

@@ -7,20 +7,32 @@
export let value;
export let topic;
export let ws;
export let type;
</script>
<div class="container">
<div class="block-psn-center-when-md">
<div class="md:w-2/3">
<div class="md:w-1/2">
<!-- svelte-ignore a11y-label-has-associated-control -->
<label class="descr-gray-left">{title}</label>
</div>
<div class="md:w-3/3">
<div class="md:w-1/2">
<!-- on:change={WSpush(ws, topic, value)} -->
<input bind:value class="input-indigo" type="text" />
</div>
<div class="md:w-3/3">
<button on:click={WSpush(ws, topic, value)} class="btn-indigo" type="button">Set</button>
{#if type == "number"}
<input on:change={WSpush(ws, topic, value)} bind:value class="input-indigo" type="number" />
{/if}
{#if type == "text"}
<input on:change={WSpush(ws, topic, value)} bind:value class="input-indigo" type="text" />
{/if}
{#if type == "date"}
<input on:change={WSpush(ws, topic, value)} bind:value class="input-indigo" type="date" />
{/if}
{#if type == "time"}
<input on:change={WSpush(ws, topic, value)} bind:value class="input-indigo" type="time" />
{/if}
</div>
<!-- <div class="md:w-3/3"> -->
<!-- <button on:click={WSpush(ws, topic, value)} class="btn-indigo" type="button">Set</button> -->
<!-- </div> -->
</div>
</div>