MadHouse-Labs/file-uploader
2
0
Fork 0
Code Issues Pull requests Packages Activity Actions

dashboard draft

Browse source
This commit is contained in:
cirroskais 2024-04-29 08:39:25 -04:00
parent a5dc9b32be
commit 0e71302564
No known key found for this signature in database
GPG key ID: 36FBC361DF481862
7 changed files with 54 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
docker-compose.yml Normal file
View file

@ -0,0 +1,17 @@
services:
mariadb:
container_name: 'file-uploader-db'
image: 'mariadb'
restart: always
environment:
MARIADB_DATABASE: file-uploader
MARIADB_ROOT_PASSWORD: file-uploader
file-uploader:
container_name: 'file-uploader'
image: file-uploader
build: .
restart: always
depends_on:
- mariadb
environment:
DATABASE_URL: mysql://root:file-uploader@mariadb:3306/file-uploader

2
src/lib/components/Header.svelte
View file

@ -15,7 +15,7 @@
<div class="flex my-auto space-x-6"> <div class="flex my-auto space-x-6">
<a <a
href="/dashboard" href="/dashboard"
class="flex-none my-auto w-20 text-xl transition-all fill-black dark:fill-white hover:scale-105 focus:scale-105 active:scale-95" class="flex-none my-auto w-20 fill-text text-xl transition-all hover:scale-105 focus:scale-105 active:scale-95"
> >
<Logo></Logo> <Logo></Logo>
</a> </a>

2
src/lib/components/Logo.svelte
View file

@ -2,7 +2,7 @@
viewBox="0 0 1200 628" viewBox="0 0 1200 628"
version="1.1" version="1.1"
id="svg1" id="svg1"
class="transition-colors fill-text" class="transition-colors fill-inherit"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns: xmlns:
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 291 KiB

After

Width:  |  Height:  |  Size: 291 KiB

2
src/routes/(app)/+layout.svelte
View file

@ -4,8 +4,6 @@
import Header from '$lib/components/Header.svelte'; import Header from '$lib/components/Header.svelte';
import Footer from '$lib/components/Footer.svelte'; import Footer from '$lib/components/Footer.svelte';
let show = false;
</script> </script>
<div class="container my-2 w-full min-h-screen"> <div class="container my-2 w-full min-h-screen">

1
src/routes/(app)/admin/+page.svelte
View file

@ -0,0 +1 @@
adminnn

1
src/routes/(app)/dashboard/+page.server.js
View file

@ -1,3 +1,4 @@
/** @type {import("@sveltejs/kit").Load} */
export function load({ locals }) { export function load({ locals }) {
return { user: locals?.user }; return { user: locals?.user };
} }

42
src/routes/(app)/dashboard/+page.svelte
View file

@ -1,4 +1,6 @@
<script> <script>
import { Upload } from 'lucide-svelte';
import { user } from '$lib/stores'; import { user } from '$lib/stores';
import Button from '$lib/components/Inputs/Button.svelte'; import Button from '$lib/components/Inputs/Button.svelte';
@ -9,12 +11,34 @@
user.set(data?.user); user.set(data?.user);
</script> </script>
<p> <div class="w-96 h-[calc(100vh-4.5rem)] flex flex-col gap-2 mx-auto">
<tt class="block whitespace-pre-wrap"> <div class="bg-crust w-full mx-auto mt-auto p-2 rounded-lg shadow-lg">
{JSON.stringify($user)} <button class="w-full outline-2 outline-dotted outline-surface2 rounded-sm bg-mantle h-36 flex">
</tt> <div class="m-auto text-lg flex text-surface2">
</p> <Upload></Upload>
</div>
<Button click={() => {}} disabled={true}> </button>
<ButtonText>help</ButtonText> </div>
</Button> <div class="bg-crust w-full mx-auto mb-auto p-2 rounded-lg shadow-lg">
<table class="table-auto w-full mx-auto text-sm">
<tbody>
<tr>
<td class="font-bold">Registered Users</td>
<td class="text-right">100</td>
</tr>
<tr>
<td class="font-bold">Files Hosted</td>
<td class="text-right">100 Billion</td>
</tr>
<tr>
<td class="font-bold">File Storage</td>
<td class="text-right">1 TB</td>
</tr>
<tr>
<td class="font-bold">Max Upload Size</td>
<td class="text-right">100 MB</td>
</tr>
</tbody>
</table>
</div>
</div>