summaryrefslogtreecommitdiff
path: root/gui/src/views
diff options
context:
space:
mode:
authorJoe Carstairs <me@joeac.net>2024-12-12 08:26:53 +0000
committerJoe Carstairs <me@joeac.net>2024-12-12 08:26:53 +0000
commit8a30bcbdf9264d235bf93da3df8e170cfde53d02 (patch)
tree5f9b6fe956c72b89a89cc936ab86ec1bffc271f5 /gui/src/views
parent51711fb42a44b452cdf1b4fd6a716d0251f23dda (diff)
Removes web GUI
Diffstat (limited to 'gui/src/views')
-rw-r--r--gui/src/views/App.css5
-rw-r--r--gui/src/views/App.tsx19
-rw-r--r--gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.css10
-rw-r--r--gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.tsx32
-rw-r--r--gui/src/views/histogram/HistogramView.tsx31
5 files changed, 0 insertions, 97 deletions
diff --git a/gui/src/views/App.css b/gui/src/views/App.css
deleted file mode 100644
index 9775b76..0000000
--- a/gui/src/views/App.css
+++ /dev/null
@@ -1,5 +0,0 @@
-div {
- display: flex;
- justify-content: space-evenly;
- width: 100%;
-}
diff --git a/gui/src/views/App.tsx b/gui/src/views/App.tsx
deleted file mode 100644
index 80eb051..0000000
--- a/gui/src/views/App.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createResource } from 'solid-js';
-import './App.css'
-import { getAllBudgetUpdates, getAllCategories } from '../ajax/backend';
-import { HistogramView } from './histogram/HistogramView';
-import { BudgetUpdatesTableView } from './budgetUpdatesTable/BudgetUpdatesTableView';
-
-function App() {
- const [categories] = createResource(getAllCategories);
- const [budgetUpdates] = createResource(getAllBudgetUpdates);
-
- return (
- <div>
- <HistogramView categories={categories} />
- <BudgetUpdatesTableView budgetUpdates={budgetUpdates} categories={categories} />
- </div>
- );
-}
-
-export default App
diff --git a/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.css b/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.css
deleted file mode 100644
index e862976..0000000
--- a/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.css
+++ /dev/null
@@ -1,10 +0,0 @@
-div {
- display: flex;
- flex-direction: column;
- gap: 1rem;
-}
-
-form {
- display: flex;
- gap: 1rem;
-}
diff --git a/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.tsx b/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.tsx
deleted file mode 100644
index 465ea92..0000000
--- a/gui/src/views/budgetUpdatesTable/BudgetUpdatesTableView.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { createSignal, Match, Resource, Switch } from 'solid-js';
-import { BudgetUpdate } from '../../types/budgetUpdate';
-import { BudgetUpdatesTable } from '../../components/BudgetUpdatesTable/BudgetUpdatesTable';
-import { Category } from '../../types/category';
-import './BudgetUpdatesTableView.css';
-
-export function BudgetUpdatesTableView({ budgetUpdates, categories }: Props) {
- const [newCategoryId, setCategoryId] = createSignal<number>();
-
- const filteredAndSortedBudgetUpdates: BudgetUpdate[] = budgetUpdates()
- ?.filter((bu) => bu.categoryId === newCategoryId())
- ?.sort((bu1, bu2) => bu2.date.diff(bu1.date))
- ?? [];
-
- return (
- <div>
- <form action="none">
- <label for="category">Category</label>
- <select id="category" onChange={(e) => setCategoryId(Number(e.target.value))}>
- {(categories() ?? []).map((c) =>
- <option value={c.id}>{c.name}</option>)}
- </select>
- </form>
- <BudgetUpdatesTable budgetUpdates={filteredAndSortedBudgetUpdates as BudgetUpdate[]} />
- </div>
- );
-}
-
-type Props = {
- budgetUpdates: Resource<BudgetUpdate[] | null>;
- categories: Resource<Category[] | null>;
-}
diff --git a/gui/src/views/histogram/HistogramView.tsx b/gui/src/views/histogram/HistogramView.tsx
deleted file mode 100644
index 30e64ca..0000000
--- a/gui/src/views/histogram/HistogramView.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Match, Resource, Switch } from 'solid-js';
-import Histogram from '../../components/histogram/Histogram'
-import { Category } from '../../types/category';
-
-export function HistogramView({ categories }: Props) {
- return (
- <Switch>
- <Match when={categories.state === 'ready'}>
- <Histogram categories={(categories as Extract<Resource<Category[]>, { state: 'ready' }>)()} />
- </Match>
- <Match when={categories.state === 'pending'}>
- <p>Loading...</p>
- </Match>
- <Match when={categories.state === 'unresolved'}>
- <p>Unresolved!</p>
- </Match>
- <Match when={categories.state === 'errored'}>
- <p>Error!</p>
- <p>{JSON.stringify(categories.error, null, 2)}</p>
- <p>{JSON.stringify(categories(), null, 2)}</p>
- </Match>
- <Match when={categories.state === 'refreshing'}>
- <p>Refreshing!</p>
- </Match>
- </Switch>
- );
-}
-
-type Props = {
- categories: Resource<Category[] | null>;
-}