+
+|
- {column.render('Header')}
- |
- ))}
-
|---|
| cell.column.id === 'query' && handleClick(cell.value)} - > - {cell.render('Cell')} - | -
(events: DebugEvent
[], timer = 1000): void => {
- if (process.env.NODE_ENV === 'development' && isEnvBrowser()) {
+ if (isEnvBrowser()) {
for (const event of events) {
setTimeout(() => {
window.dispatchEvent(
diff --git a/ui/src/utils/fetchNui.ts b/web/src/utils/fetchNui.ts
similarity index 57%
rename from ui/src/utils/fetchNui.ts
rename to web/src/utils/fetchNui.ts
index e265c5b..50ab146 100644
--- a/ui/src/utils/fetchNui.ts
+++ b/web/src/utils/fetchNui.ts
@@ -1,17 +1,11 @@
/**
- * Simple wrapper around fetch API tailored for CEF/NUI use. This abstraction
- * can be extended to include AbortController if needed or if the response isn't
- * JSON. Tailor it to your needs.
- *
* @param eventName - The endpoint eventname to target
* @param data - Data you wish to send in the NUI Callback
*
* @return returnData - A promise for the data sent back by the NuiCallbacks CB argument
*/
-import { isEnvBrowser } from './misc';
-
-export async function fetchNui Resources General data Queries: 360 Time querying: 332 ms Slow queries: 6 Resources General data Queries: 360 Time querying: 332 ms Slow queries: 6 Resources Resources Resources
-
+
+
diff --git a/web/src/components/Input.svelte b/web/src/components/Input.svelte
new file mode 100644
index 0000000..40d24cc
--- /dev/null
+++ b/web/src/components/Input.svelte
@@ -0,0 +1,12 @@
+
+
+
+
diff --git a/web/src/components/NavLink.svelte b/web/src/components/NavLink.svelte
deleted file mode 100644
index 3ebbc89..0000000
--- a/web/src/components/NavLink.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
diff --git a/web/src/components/Navbar.svelte b/web/src/components/Navbar.svelte
deleted file mode 100644
index 3b70f06..0000000
--- a/web/src/components/Navbar.svelte
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
+
+
+
-
diff --git a/web/src/pages/dashboard/Dashboard.svelte b/web/src/pages/dashboard/Dashboard.svelte
deleted file mode 100644
index 26b9ba5..0000000
--- a/web/src/pages/dashboard/Dashboard.svelte
+++ /dev/null
@@ -1 +0,0 @@
-
-
-
-
-Dashboard
diff --git a/web/src/pages/resource/Resource.svelte b/web/src/pages/resource/Resource.svelte
new file mode 100644
index 0000000..d820878
--- /dev/null
+++ b/web/src/pages/resource/Resource.svelte
@@ -0,0 +1,8 @@
+
+
+{route.params.resource}
diff --git a/web/src/pages/resources/Resources.svelte b/web/src/pages/resources/Resources.svelte
deleted file mode 100644
index 197db94..0000000
--- a/web/src/pages/resources/Resources.svelte
+++ /dev/null
@@ -1 +0,0 @@
-Resources
diff --git a/web/src/pages/root/Root.svelte b/web/src/pages/root/Root.svelte
new file mode 100644
index 0000000..defd70e
--- /dev/null
+++ b/web/src/pages/root/Root.svelte
@@ -0,0 +1,32 @@
+
+
+
+
diff --git a/web/src/routes.ts b/web/src/routes.ts
deleted file mode 100644
index fc821ab..0000000
--- a/web/src/routes.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import Dashboard from './pages/dashboard/Dashboard.svelte';
-import Resources from './pages/resources/Resources.svelte';
-import type { RouteDefinition } from 'svelte-spa-router';
-
-export const routes: RouteDefinition = {
- '/': Dashboard,
-
- '/resources': Resources,
-};
From 7b2b440825798f0cbdad7cedd5534f2c369c6dbc Mon Sep 17 00:00:00 2001
From: Luke <39926192+LukeWasTakenn@users.noreply.github.com>
Date: Sun, 19 Mar 2023 10:58:43 +0100
Subject: [PATCH 03/13] refactor(web): use dark colours instead of slate
---
web/src/App.svelte | 3 ++-
web/src/components/Input.svelte | 4 ++--
web/src/main.ts | 11 +++++++++++
web/src/pages/resource/Resource.svelte | 1 -
web/src/pages/root/Root.svelte | 8 ++++----
web/tailwind.config.cjs | 15 +++++++++++++++
6 files changed, 34 insertions(+), 8 deletions(-)
diff --git a/web/src/App.svelte b/web/src/App.svelte
index af0f283..5a1f6f9 100644
--- a/web/src/App.svelte
+++ b/web/src/App.svelte
@@ -4,10 +4,11 @@
import Root from './pages/root/Root.svelte';
router.mode.hash();
+ router.goto('/');
+
+
+ {#each resources as resource}
+
+ {/each}
+
+
+
+
+
+
+
diff --git a/web/src/main.ts b/web/src/main.ts
index 426cfd1..38ad1bd 100644
--- a/web/src/main.ts
+++ b/web/src/main.ts
@@ -1,8 +1,19 @@
import './index.css';
import App from './App.svelte';
+import { isEnvBrowser } from './utils/misc';
const app = new App({
target: document.getElementById('app'),
});
+if (isEnvBrowser()) {
+ const root = document.getElementById('app');
+
+ // https://i.imgur.com/iPTAdYV.png - Night time img
+ root!.style.backgroundImage = 'url("https://i.imgur.com/3pzRj9n.png")';
+ root!.style.backgroundSize = 'cover';
+ root!.style.backgroundRepeat = 'no-repeat';
+ root!.style.backgroundPosition = 'center';
+}
+
export default app;
diff --git a/web/src/pages/resource/Resource.svelte b/web/src/pages/resource/Resource.svelte
index d820878..42ff80e 100644
--- a/web/src/pages/resource/Resource.svelte
+++ b/web/src/pages/resource/Resource.svelte
@@ -1,5 +1,4 @@
-
+
-
+
-
{#each resources as resource}
{/each}
+
+
-
-
+
+
+
+
{#each resources as resource}
diff --git a/web/src/pages/root/Root.svelte b/web/src/pages/root/Root.svelte
index 2723692..22996cc 100644
--- a/web/src/pages/root/Root.svelte
+++ b/web/src/pages/root/Root.svelte
@@ -2,8 +2,9 @@
import Input from '../../components/Input.svelte';
import { IconSearch } from '@tabler/icons-svelte';
import { router } from 'tinro';
+ import { search, filteredResources, resources } from '../../store';
- const resources = [
+ $resources = [
'ox_core',
'oxmysql',
'ox_inventory',
@@ -25,10 +26,10 @@
- {#each resources as resource}
+ {#each $filteredResources as resource}