mirror of
https://github.com/IoTManagerProject/IoTManagerWeb.git
synced 2026-03-26 15:02:21 +03:00
cleaning
This commit is contained in:
DmitryBorisenko33
@@ -1,37 +0,0 @@
|
|||||||
<script>
|
|
||||||
export let show = true;
|
|
||||||
export let header = "header";
|
|
||||||
export let text = "text";
|
|
||||||
let onlyCloseButton = true;
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="modal">
|
|
||||||
{#if show}
|
|
||||||
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
||||||
<div class="fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
|
|
||||||
<div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
|
|
||||||
<div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true" />
|
|
||||||
<!-- This element is to trick the browser into centering the modal contents. -->
|
|
||||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
|
|
||||||
<div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
|
|
||||||
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
|
|
||||||
<div class="sm:flex sm:items-start">
|
|
||||||
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
|
|
||||||
<h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-title">{header}</h3>
|
|
||||||
<div class="mt-2">
|
|
||||||
<p class="text-sm text-gray-500">{text}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
|
|
||||||
{#if onlyCloseButton}
|
|
||||||
<button type="button" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"> Deactivate </button>
|
|
||||||
{/if}
|
|
||||||
<button on:click={() => (show = false)} type="button" class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">Закрыть</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
<script>
|
|
||||||
export let show = true;
|
|
||||||
export let pass;
|
|
||||||
export let checkPassword = (pass) => {};
|
|
||||||
|
|
||||||
import Card from "../components/Card.svelte";
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="modal">
|
|
||||||
{#if show}
|
|
||||||
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
||||||
<div class="fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
|
|
||||||
<div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
|
|
||||||
<div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true" />
|
|
||||||
<!-- This element is to trick the browser into centering the modal contents. -->
|
|
||||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
|
|
||||||
<div class="inline-block align-bottom bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
|
|
||||||
<Card>
|
|
||||||
<div class="flex items-center mb-4">
|
|
||||||
<div class="w-1/2">
|
|
||||||
<h2 class="pr-4 text-gray-500 font-bold text-xxl truncate">Введите пароль</h2>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-center w-1/2">
|
|
||||||
<input bind:value={pass} class="ipt-rnd text-center focus:border-indigo-500" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grd-2col1">
|
|
||||||
<button class="btn-lg">{"Закрыть"}</button>
|
|
||||||
<button class="btn-lg" on:click={() => checkPassword(pass)}>{"Вход"}</button>
|
|
||||||
</div>
|
|
||||||
</Card>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<script>
|
|
||||||
import Card from "../components/Card.svelte";
|
|
||||||
|
|
||||||
export let coreMessages;
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<Card title={"Лог"}>
|
|
||||||
{#each coreMessages as message, i}
|
|
||||||
<div class={message.msg.toString().includes("[E]") ? "text-red-500" : "text-black"}>{message.msg}</div>
|
|
||||||
{/each}
|
|
||||||
</Card>
|
|
||||||
@@ -1,53 +0,0 @@
|
|||||||
<script>
|
|
||||||
import Card from "../components/Card.svelte";
|
|
||||||
import Alarm from "../components/Alarm.svelte";
|
|
||||||
import Chart from "svelte-frappe-charts";
|
|
||||||
|
|
||||||
let datachart = {
|
|
||||||
labels: ["Sun", "Mon", "Tues", "Wed", "Thurs", "Fri", "Sat"],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
values: [10, 12, 3, 9, 8, 15, 9],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
//объединение двух массивов с удалением дубликатов полностью
|
|
||||||
let a = [
|
|
||||||
{ item: "1", description: "lorem" },
|
|
||||||
{ item: "2", description: "impsum" },
|
|
||||||
];
|
|
||||||
let b = [
|
|
||||||
{ item: "2", description: "dolor" },
|
|
||||||
{ item: "4", description: "enum" },
|
|
||||||
];
|
|
||||||
function joinWithoutDupes(A, B) {
|
|
||||||
let output = [];
|
|
||||||
const a = new Set(A.map((x) => x.item));
|
|
||||||
const b = new Set(B.map((x) => x.item));
|
|
||||||
output = [...A.filter((x) => !b.has(x.item)), ...B.filter((x) => !a.has(x.item))];
|
|
||||||
console.log(output);
|
|
||||||
}
|
|
||||||
//объединение двух массивов с удалением дубликатов, оставляя один из дубликатов
|
|
||||||
let c = [
|
|
||||||
{ ID: "1", description: "lorem" },
|
|
||||||
{ ID: "2", description: "impsum" },
|
|
||||||
];
|
|
||||||
let d = [
|
|
||||||
{ ID: "2", description: "dolor" },
|
|
||||||
{ ID: "4", description: "enum" },
|
|
||||||
];
|
|
||||||
function joinWithoutDupesAndRmooving(A, B) {
|
|
||||||
var ids = new Set(A.map((d) => d.ID));
|
|
||||||
let output = [...A, ...B.filter((d) => !ids.has(d.ID))];
|
|
||||||
console.log(output);
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<Alarm>
|
|
||||||
<button class="btn-lg" on:click={() => joinWithoutDupesAndRmooving(c, d)}>{"Проверить"}</button>
|
|
||||||
</Alarm>
|
|
||||||
|
|
||||||
<Alarm>
|
|
||||||
<Chart data={datachart} type="line" />
|
|
||||||
</Alarm>
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<script>
|
|
||||||
export let color;
|
|
||||||
export let x = 0;
|
|
||||||
export let y = 0;
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<svg class="h-8 w-8 {color}" width="8" height="8" viewBox="{x} {y} 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" /> <rect x="4" y="4" width="16" height="16" rx="2" /> <line x1="4" y1="12" x2="20" y2="12" /> <line x1="12" y1="4" x2="12" y2="20" /></svg>
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
<script>
|
|
||||||
let dataReceived;
|
|
||||||
let awaiting = 0;
|
|
||||||
|
|
||||||
async function awaitingData() {
|
|
||||||
console.log("Awaiting Data start...");
|
|
||||||
return new Promise(function (resolve, reject) {
|
|
||||||
setTimeout(() => reject(), 10000);
|
|
||||||
dataReceived = resolve;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function startAwaiting() {
|
|
||||||
awaiting = awaitingData();
|
|
||||||
}
|
|
||||||
|
|
||||||
function onReceive() {
|
|
||||||
dataReceived();
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
{#await awaiting}
|
|
||||||
<p>Connecting...</p>
|
|
||||||
<button on:click={() => onReceive()}>Resolve</button>
|
|
||||||
{:then}
|
|
||||||
<button on:click={() => startAwaiting()}>Start</button>
|
|
||||||
{:catch}
|
|
||||||
<p>error</p>
|
|
||||||
{/await}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
<script>
|
|
||||||
// вывести время чего либо в консоль
|
|
||||||
var t0 = performance.now();
|
|
||||||
var t1 = performance.now();
|
|
||||||
console.log("layout time: " + (t1 - t0) + " mls");
|
|
||||||
//
|
|
||||||
</script>
|
|
||||||
Reference in New Issue
Block a user