Compare commits
15 commits
dd936a1d0a
...
cb0633b9a2
Author | SHA1 | Date | |
---|---|---|---|
cb0633b9a2 | |||
6d837c514a | |||
3c8e2ed5e0 | |||
63b18c3f9f | |||
170300d67f | |||
56fb3bfe36 | |||
b0dabe0c61 | |||
9bf662fc78 | |||
e5194fed4f | |||
6d490ae25f | |||
a8fa525a30 | |||
0af571adf6 | |||
6f8b682f0a | |||
8323dd48ba | |||
dca11b2347 |
16 changed files with 155 additions and 65 deletions
|
@ -1,10 +1,33 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { RouterLink, RouterView } from 'vue-router'
|
import { RouterView } from 'vue-router'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
<header>
|
||||||
|
<div class="navbar bg-base-100">
|
||||||
|
<div class="flex-1">
|
||||||
|
<a class="btn btn-ghost normal-case text-xl">
|
||||||
|
<RouterLink to="/">dchat</RouterLink>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="flex-none">
|
||||||
|
<ul class="menu menu-horizontal px-1">
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<RouterLink to="/login">Login</RouterLink>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
<RouterView />
|
<RouterView />
|
||||||
|
<footer class="footer footer-center p-4 bg-base-300 text-base-content">
|
||||||
|
<div>
|
||||||
|
<p>Copyright © 2023 Augusto Dwenger J.</p>
|
||||||
|
<p>This website is licensed under the <a href="https://git.hhhammer.de/hamburghammer/dchat/raw/branch/main/LICENSE" class="link">MIT License</a>
|
||||||
|
and uses open source software. View the <a href="https://git.hhhammer.de/hamburghammer/dchat" class="link">source
|
||||||
|
code</a> on Forgejo.</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
</style>
|
|
||||||
|
|
|
@ -1,18 +0,0 @@
|
||||||
<template>
|
|
||||||
<header>
|
|
||||||
<div class="navbar bg-base-100">
|
|
||||||
<div class="flex-1">
|
|
||||||
<a class="btn btn-ghost normal-case text-xl"><RouterLink to="/">dchat</RouterLink></a>
|
|
||||||
</div>
|
|
||||||
<div class="flex-none">
|
|
||||||
<ul class="menu menu-horizontal px-1">
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<RouterLink to="/login">Login</RouterLink>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
</template>
|
|
1
ui/src/helpers/index.d.ts
vendored
1
ui/src/helpers/index.d.ts
vendored
|
@ -1 +0,0 @@
|
||||||
export * from './fetch-wrapper';
|
|
|
@ -1,9 +0,0 @@
|
||||||
<template>
|
|
||||||
<Nav />
|
|
||||||
<slot />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import Nav from "../components/Nav.vue"
|
|
||||||
|
|
||||||
</script>
|
|
|
@ -1,6 +1,6 @@
|
||||||
import { createApp } from 'vue'
|
import { createApp } from 'vue'
|
||||||
import { createPinia } from 'pinia'
|
import { createPinia } from 'pinia'
|
||||||
import App from './App.vue'
|
import App from '@/App.vue'
|
||||||
import router from './router'
|
import router from './router'
|
||||||
|
|
||||||
import './assets/main.css'
|
import './assets/main.css'
|
||||||
|
|
|
@ -1,6 +1,11 @@
|
||||||
import { createRouter, createWebHistory } from 'vue-router'
|
import { createRouter, createWebHistory } from 'vue-router'
|
||||||
import HomeView from '../views/HomeView.vue'
|
import HomeView from '@/views/HomeView.vue'
|
||||||
import LoginView from '../views/LoginView.vue'
|
import LoginView from '@/views/LoginView.vue'
|
||||||
|
import AllowedServersView from '@/views/servers/AllowedServersView.vue'
|
||||||
|
import IndexServersView from '@/views/servers/IndexServersView.vue'
|
||||||
|
import ServerConfigsView from '@/views/servers/ServerConfigsView.vue'
|
||||||
|
import ServersMessagesView from '@/views/servers/ServersMessagesView.vue'
|
||||||
|
import ServerMessagesView from '@/views/servers/ServerMessagesView.vue'
|
||||||
|
|
||||||
const routerConfig = createRouter({
|
const routerConfig = createRouter({
|
||||||
history: createWebHistory(import.meta.env.BASE_URL),
|
history: createWebHistory(import.meta.env.BASE_URL),
|
||||||
|
@ -14,6 +19,31 @@ const routerConfig = createRouter({
|
||||||
path: '/login',
|
path: '/login',
|
||||||
name: 'login',
|
name: 'login',
|
||||||
component: LoginView
|
component: LoginView
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/servers',
|
||||||
|
name: 'servers',
|
||||||
|
component: IndexServersView
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/servers/allowed',
|
||||||
|
name: 'allowedServers',
|
||||||
|
component: AllowedServersView
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/servers/configs',
|
||||||
|
name: 'serverConfigs',
|
||||||
|
component: ServerConfigsView
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/servers/messages',
|
||||||
|
name: 'serversMessages',
|
||||||
|
component: ServersMessagesView
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/servers/messages/:serverId(\\d+)',
|
||||||
|
name: 'serverMessages',
|
||||||
|
component: ServerMessagesView
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
|
|
1
ui/src/stores/index.d.ts
vendored
1
ui/src/stores/index.d.ts
vendored
|
@ -1 +0,0 @@
|
||||||
export * from './auth.store';
|
|
|
@ -1,13 +1,13 @@
|
||||||
<template>
|
<template>
|
||||||
<DefaultLayout>
|
<h1 class="text-xl normal-case m-5">Overview</h1>
|
||||||
<AllowedServers :tableHeader="tableHeader" :tableRows="tableRows" />
|
<div class="flex justify-center m-4">
|
||||||
</DefaultLayout>
|
<div class="flex flex-col space-y-2">
|
||||||
|
<RouterLink to="/servers">
|
||||||
|
<button class="btn btn-wide btn-outline">Servers</button>
|
||||||
|
</RouterLink>
|
||||||
|
<RouterLink to="/users">
|
||||||
|
<button class="btn btn-wide btn-outline">Users</button>
|
||||||
|
</RouterLink>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import DefaultLayout from "../layouts/DefaultLayout.vue"
|
|
||||||
import AllowedServers from "../components/AllowedServers.vue"
|
|
||||||
|
|
||||||
const tableHeader = ["ID", "User", "Comment", "Date"]
|
|
||||||
const tableRows = [["1", "name", "comment", Date.now()]]
|
|
||||||
</script>
|
|
||||||
|
|
|
@ -1,9 +1,6 @@
|
||||||
<template>
|
<script setup lang="ts">
|
||||||
login
|
|
||||||
</template>
|
|
||||||
<script setup>
|
|
||||||
import { ref, onMounted } from 'vue'
|
import { ref, onMounted } from 'vue'
|
||||||
import { useAuthStore } from '../stores/auth.store';
|
import { useAuthStore } from '@/stores/auth.store';
|
||||||
|
|
||||||
function onSubmit(values, { setErrors }) {
|
function onSubmit(values, { setErrors }) {
|
||||||
const authStore = useAuthStore();
|
const authStore = useAuthStore();
|
||||||
|
@ -13,3 +10,12 @@ function onSubmit(values, { setErrors }) {
|
||||||
.catch(error => setErrors({ apiError: error }));
|
.catch(error => setErrors({ apiError: error }));
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="flex justify-center m-4">
|
||||||
|
<div class="flex flex-col space-y-2">
|
||||||
|
<input type="text" placeholder="Username" class="input input-bordered w-full max-w-xs" />
|
||||||
|
<input type="password" placeholder="Username" class="input input-bordered w-full max-w-xs" />
|
||||||
|
<button class="btn btn-wide btn-outline">Login</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<script setup>
|
<script setup lang="ts">
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
|
|
2
ui/src/views/index.d.ts
vendored
2
ui/src/views/index.d.ts
vendored
|
@ -1,2 +0,0 @@
|
||||||
export {default as Login} from './Login.vue'
|
|
||||||
export {default as HomeView} from './HomeView.vue'
|
|
|
@ -1,8 +1,16 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import DefaultLayout from "../../layouts/DefaultLayout.vue"
|
import TableComponent from '@/components/TableComponent.vue';
|
||||||
|
|
||||||
|
const tableHeader = ["ID", "User", "Comment", "Date"]
|
||||||
|
const tableRows = [["1", "name", "comment", Date.now()]]
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<DefaultLayout>
|
<div class="flex justify-between m-5">
|
||||||
|
<h1 class="text-xl normal-case">Allowed Servers</h1>
|
||||||
</DefaultLayout>
|
<button class="btn btn-circle btn-success">Add</button>
|
||||||
</template>
|
</div>
|
||||||
|
<TableComponent :tableHeader="tableHeader" :tableRows="tableRows">
|
||||||
|
<button class="btn btn-sm btn-info m-1">Edit</button>
|
||||||
|
<button class="btn btn-sm btn-error m-1">Delete</button>
|
||||||
|
</TableComponent>
|
||||||
|
</template>
|
18
ui/src/views/servers/IndexServersView.vue
Normal file
18
ui/src/views/servers/IndexServersView.vue
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<h1 class="text-xl normal-case m-5">Server overview</h1>
|
||||||
|
<div class="flex justify-center m-4">
|
||||||
|
<div class="flex flex-col space-y-2">
|
||||||
|
<RouterLink to="/servers/allowed">
|
||||||
|
<button class="btn btn-wide btn-outline">Allowed</button>
|
||||||
|
</RouterLink>
|
||||||
|
<RouterLink to="/servers/configs">
|
||||||
|
<button class="btn btn-wide btn-outline">Configs</button>
|
||||||
|
</RouterLink>
|
||||||
|
<RouterLink to="/servers/messages">
|
||||||
|
<button class="btn btn-wide btn-outline">Server with Messages</button>
|
||||||
|
</RouterLink>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
|
@ -1,14 +1,16 @@
|
||||||
<script lang="ts" setup>
|
<script setup lang="ts">
|
||||||
import TableComponent from './TableComponent.vue';
|
import TableComponent from '@/components/TableComponent.vue';
|
||||||
const { tableHeader, tableRows } = defineProps<{ tableHeader: string[], tableRows: any[][] }>()
|
|
||||||
|
const tableHeader = ["ID", "Server ID", "System Message", "Rate limit"]
|
||||||
|
const tableRows = [["1", "name", "comment", "1"]]
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div class="flex justify-between m-5">
|
<div class="flex justify-between m-5">
|
||||||
<h1 class="text-xl normal-case">Allowed Servers</h1>
|
<h1 class="text-xl normal-case">Server Configs</h1>
|
||||||
<button class="btn btn-circle btn-success">Add</button>
|
<button class="btn btn-circle btn-success">Add</button>
|
||||||
</div>
|
</div>
|
||||||
<TableComponent :tableHeader="tableHeader" :tableRows="tableRows">
|
<TableComponent :tableHeader="tableHeader" :tableRows="tableRows">
|
||||||
<button class="btn btn-sm btn-info m-1">Edit</button>
|
<button class="btn btn-sm btn-info m-1">Edit</button>
|
||||||
<button class="btn btn-sm btn-error m-1">Delete</button>
|
<button class="btn btn-sm btn-error m-1">Delete</button>
|
||||||
</TableComponent>
|
</TableComponent>
|
||||||
</template>
|
</template>
|
17
ui/src/views/servers/ServerMessagesView.vue
Normal file
17
ui/src/views/servers/ServerMessagesView.vue
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import TableComponent from '@/components/TableComponent.vue';
|
||||||
|
import { useRoute } from 'vue-router';
|
||||||
|
const router = useRoute()
|
||||||
|
const { serverId } = router.params
|
||||||
|
const tableHeader = ["ID", "Server ID", "User ID", "Tokens", "Date"]
|
||||||
|
const tableRows = [["1", "name", "comment", "2", Date.now()]]
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="flex justify-between m-5">
|
||||||
|
<h1 class="text-xl normal-case">Server Messages</h1>
|
||||||
|
<h1 class="text-xl normal-case">Server ID: {{ serverId }}</h1>
|
||||||
|
</div>
|
||||||
|
<TableComponent :tableHeader="tableHeader" :tableRows="tableRows">
|
||||||
|
<button class="btn btn-sm btn-info m-1 no-animation">Nothing</button>
|
||||||
|
</TableComponent>
|
||||||
|
</template>
|
17
ui/src/views/servers/ServersMessagesView.vue
Normal file
17
ui/src/views/servers/ServersMessagesView.vue
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import TableComponent from '@/components/TableComponent.vue';
|
||||||
|
import { useRouter } from 'vue-router';
|
||||||
|
|
||||||
|
const view = (id: string) => { useRouter().push("/servers/messages/" + id) }
|
||||||
|
|
||||||
|
const tableHeader = ["ID", "Server ID"]
|
||||||
|
const tableRows = [["1", "1234567890"]]
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="flex justify-between m-5">
|
||||||
|
<h1 class="text-xl normal-case">Server with Messages</h1>
|
||||||
|
</div>
|
||||||
|
<TableComponent :tableHeader="tableHeader" :tableRows="tableRows">
|
||||||
|
<button class="btn btn-sm btn-info m-1">View</button>
|
||||||
|
</TableComponent>
|
||||||
|
</template>
|
Loading…
Reference in a new issue