From 678e193ba0ac49ddd21e7552a20eef54092d50a3 Mon Sep 17 00:00:00 2001
From: ditatompel <ditatompel@gmail.com>
Date: Wed, 8 May 2024 00:49:17 +0700
Subject: [PATCH] Fix typo

---
 2                                             | 126 ------------------
 .../routes/(loggedin)/app/crons/+page.svelte  |   4 +-
 .../routes/(loggedin)/app/prober/+page.svelte |   4 +-
 3 files changed, 2 insertions(+), 132 deletions(-)
 delete mode 100644 2

diff --git a/2 b/2
deleted file mode 100644
index 2d82f0a..0000000
--- a/2
+++ /dev/null
@@ -1,126 +0,0 @@
-<script>
-	import { DataHandler } from '@vincjo/datatables/remote';
-	import { format, formatDistance } from 'date-fns';
-	import { loadData } from './api-handler';
-	import { onMount } from 'svelte';
-	import {
-		DtSrThSort,
-		DtSrThFilter,
-		DtSrRowCount,
-		DtSrAutoRefresh
-	} from '$lib/components/datatables/server';
-
-	const handler = new DataHandler([], { rowsPerPage: 1000, totalRows: 0 });
-	let rows = handler.getRows();
-
-	/** @type {string | number} */
-	let filterState = -1;
-	/** @type {string | number} */
-	let filterEnabled = -1;
-
-	onMount(() => {
-		handler.onChange((state) => loadData(state));
-		handler.invalidate();
-	});
-</script>
-
-<div class="mb-4">
-	<h1 class="h2 font-extrabold dark:text-white">Crons</h1>
-</div>
-
-<div class="dashboard-card">
-	<div class="flex justify-between">
-		<div class="invisible flex place-items-center md:visible">
-			<DtSrAutoRefresh {handler} />
-		</div>
-		<div class="flex place-items-center">
-			<button
-				id="reloadDt"
-				name="reloadDt"
-				class="variant-filled-primary btn"
-				on:click={() => handler.invalidate()}
-			>
-				>Reload</button
-			>
-		</div>
-	</div>
-
-	<div class="my-2 overflow-x-auto">
-		<table class="table table-hover table-compact w-full table-auto">
-			<thead>
-				<tr>
-					<DtSrThSort {handler} orderBy="id">ID</DtSrThSort>
-					<th>Title</th>
-					<th>Slug</th>
-					<th>Description</th>
-					<DtSrThSort {handler} orderBy="run_every">Run Every</DtSrThSort>
-					<DtSrThSort {handler} orderBy="last_run">Last Run</DtSrThSort>
-					<DtSrThSort {handler} orderBy="next_run">Next Run</DtSrThSort>
-					<DtSrThSort {handler} orderBy="run_time">Run Time</DtSrThSort>
-					<th>State</th>
-					<th>Enabled</th>
-				</tr>
-				<tr>
-					<DtSrThFilter {handler} filterBy="title" placeholder="Title" colspan={3} />
-					<DtSrThFilter {handler} filterBy="description" placeholder="Description" colspan={5} />
-					<th>
-						<select
-							id="fState"
-							name="fState"
-							class="select variant-form-material"
-							bind:value={filterState}
-							on:change={() => {
-								handler.filter(filterState, 'cron_state');
-							}}
-						>
-							<option value={-1}>Any</option>
-							<option value={1}>Running</option>
-							<option value={0}>Idle</option>
-						</select>
-					</th>
-					<th>
-						<select
-							id="fEnabled"
-							name="fEnabled"
-							class="select variant-form-material"
-							bind:value={filterEnabled}
-							on:change={() => {
-								handler.filter(filterEnabled, 'is_enabled');
-							}}
-						>
-							<option value={-1}>Any</option>
-							<option value={1}>Yes</option>
-							<option value={0}>No</option>
-						</select>
-					</th>
-				</tr>
-			</thead>
-			<tbody>
-				{#each $rows as row (row.id)}
-					<tr>
-						<td>{row.id}</td>
-						<td>{row.title}</td>
-						<td>{row.slug}</td>
-						<td>{row.description}</td>
-						<td>{row.run_every}s</td>
-						<td>
-							{format(row.last_run * 1000, 'PP HH:mm')}<br />
-							{formatDistance(row.last_run * 1000, new Date(), { addSuffix: true })}
-						</td>
-						<td>
-							{format(row.next_run * 1000, 'PP HH:mm')}<br />
-							{formatDistance(row.next_run * 1000, new Date(), { addSuffix: true })}
-						</td>
-						<td>{row.run_time}</td>
-						<td>{row.cron_state ? 'RUNNING' : 'IDLE'}</td>
-						<td>{row.is_enabled ? 'ENABLED' : 'DISABLED'}</td>
-					</tr>
-				{/each}
-			</tbody>
-		</table>
-	</div>
-
-	<div class="flex justify-between mb-2">
-		<DtSrRowCount {handler} />
-	</div>
-</div>
diff --git a/frontend/src/routes/(loggedin)/app/crons/+page.svelte b/frontend/src/routes/(loggedin)/app/crons/+page.svelte
index 975a66f..2290970 100644
--- a/frontend/src/routes/(loggedin)/app/crons/+page.svelte
+++ b/frontend/src/routes/(loggedin)/app/crons/+page.svelte
@@ -38,9 +38,7 @@
 				id="reloadDt"
 				name="reloadDt"
 				class="variant-filled-primary btn"
-				on:click={() => handler.invalidate()}
-			>
-				>Reload</button
+				on:click={() => handler.invalidate()}>Reload</button
 			>
 		</div>
 	</div>
diff --git a/frontend/src/routes/(loggedin)/app/prober/+page.svelte b/frontend/src/routes/(loggedin)/app/prober/+page.svelte
index 5eae831..424fd22 100644
--- a/frontend/src/routes/(loggedin)/app/prober/+page.svelte
+++ b/frontend/src/routes/(loggedin)/app/prober/+page.svelte
@@ -134,9 +134,7 @@
 				id="reloadDt"
 				name="reloadDt"
 				class="variant-filled-primary btn"
-				on:click={() => handler.invalidate()}
-			>
-				>Reload</button
+				on:click={() => handler.invalidate()}>Reload</button
 			>
 		</div>
 	</div>