mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
added settings and admin page templates
This commit is contained in:
parent
b8a92cc1cf
commit
74642777b5
58
pages/admin.vue
Normal file
58
pages/admin.vue
Normal file
@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<div>
|
||||
<ds-heading tag="h1">
|
||||
Administartion
|
||||
</ds-heading>
|
||||
<ds-flex gutter="small">
|
||||
<ds-flex-item :width="{ base: '200px' }">
|
||||
<ds-menu :routes="routes" />
|
||||
</ds-flex-item>
|
||||
<ds-flex-item>
|
||||
<transition
|
||||
name="slide-up"
|
||||
appear>
|
||||
<nuxt-child />
|
||||
</transition>
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
routes: [
|
||||
{
|
||||
name: 'Dashboard',
|
||||
path: `/admin`
|
||||
},
|
||||
{
|
||||
name: 'Users',
|
||||
path: `/admin/users`
|
||||
},
|
||||
{
|
||||
name: 'Organizations',
|
||||
path: `/admin/organizations`
|
||||
},
|
||||
{
|
||||
name: 'Pages',
|
||||
path: `/admin/pages`
|
||||
},
|
||||
{
|
||||
name: 'Notifications',
|
||||
path: `/admin/notifications`
|
||||
},
|
||||
{
|
||||
name: 'Categories',
|
||||
path: `/admin/categories`
|
||||
},
|
||||
{
|
||||
name: 'Settings',
|
||||
path: `/admin/settings`
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
7
pages/admin/categories.vue
Normal file
7
pages/admin/categories.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Categories...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
82
pages/admin/index.vue
Normal file
82
pages/admin/index.vue
Normal file
@ -0,0 +1,82 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="large">
|
||||
<ds-flex>
|
||||
<ds-flex-item>
|
||||
<ds-number
|
||||
:count="3802 | number(0)"
|
||||
label="Users"
|
||||
size="x-large"
|
||||
uppercase />
|
||||
</ds-flex-item>
|
||||
<ds-flex-item>
|
||||
<ds-number
|
||||
:count="10491 | number(0)"
|
||||
label="Posts"
|
||||
size="x-large"
|
||||
uppercase />
|
||||
</ds-flex-item>
|
||||
<ds-flex-item>
|
||||
<ds-number
|
||||
:count="43644 | number(0)"
|
||||
label="Comments"
|
||||
size="x-large"
|
||||
uppercase />
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
</ds-space>
|
||||
<ds-space margin="x-large">
|
||||
<ds-flex>
|
||||
<ds-flex-item>
|
||||
<ds-number
|
||||
:count="80046 | number(0)"
|
||||
label="Notifications"
|
||||
size="x-large"
|
||||
uppercase />
|
||||
</ds-flex-item>
|
||||
<ds-flex-item>
|
||||
<ds-number
|
||||
:count="273 | number(0)"
|
||||
label="Organization"
|
||||
size="x-large"
|
||||
uppercase />
|
||||
</ds-flex-item>
|
||||
<ds-flex-item>
|
||||
<ds-number
|
||||
:count="0 | number(0)"
|
||||
label="Projects"
|
||||
size="x-large"
|
||||
uppercase />
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
</ds-space>
|
||||
<ds-space margin="x-large">
|
||||
<ds-flex>
|
||||
<ds-flex-item>
|
||||
<ds-number
|
||||
:count="2174 | number(0)"
|
||||
label="Open Invites"
|
||||
size="x-large"
|
||||
uppercase />
|
||||
</ds-flex-item>
|
||||
<ds-flex-item>
|
||||
<ds-number
|
||||
:count="1383 | number(0)"
|
||||
label="Follows"
|
||||
size="x-large"
|
||||
uppercase />
|
||||
</ds-flex-item>
|
||||
<ds-flex-item>
|
||||
<ds-number
|
||||
:count="27180 | number(0)"
|
||||
label="Shouts"
|
||||
size="x-large"
|
||||
uppercase />
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
7
pages/admin/notifications.vue
Normal file
7
pages/admin/notifications.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Notifications...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
7
pages/admin/organizations.vue
Normal file
7
pages/admin/organizations.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Organizations...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
7
pages/admin/pages.vue
Normal file
7
pages/admin/pages.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Pages...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
7
pages/admin/settings.vue
Normal file
7
pages/admin/settings.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Settings...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
7
pages/admin/users.vue
Normal file
7
pages/admin/users.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Users...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
@ -1,6 +1,4 @@
|
||||
<template>
|
||||
<div>
|
||||
<no-ssr>
|
||||
<ds-flex
|
||||
:width="{ base: '100%' }"
|
||||
gutter="base">
|
||||
@ -11,8 +9,6 @@
|
||||
<hc-post-card :post="post" />
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
</no-ssr>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<div>
|
||||
<no-ssr>
|
||||
<ds-flex gutter="small">
|
||||
<ds-flex-item>
|
||||
<transition
|
||||
@ -10,11 +9,9 @@
|
||||
</transition>
|
||||
</ds-flex-item>
|
||||
<ds-flex-item :width="{ base: '200px' }">
|
||||
<ds-menu
|
||||
:routes="routes" />
|
||||
<ds-menu :routes="routes" />
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
</no-ssr>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
<ds-card v-if="user && user.image">
|
||||
<p>PROFILE IMAGE</p>
|
||||
</ds-card>
|
||||
<no-ssr>
|
||||
<ds-space/>
|
||||
<ds-flex
|
||||
v-if="user"
|
||||
@ -143,9 +142,7 @@
|
||||
</ds-flex>
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
</no-ssr>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
58
pages/settings.vue
Normal file
58
pages/settings.vue
Normal file
@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<div>
|
||||
<ds-heading tag="h1">
|
||||
Settings
|
||||
</ds-heading>
|
||||
<ds-flex gutter="small">
|
||||
<ds-flex-item :width="{ base: '200px' }">
|
||||
<ds-menu :routes="routes" />
|
||||
</ds-flex-item>
|
||||
<ds-flex-item>
|
||||
<transition
|
||||
name="slide-up"
|
||||
appear>
|
||||
<nuxt-child />
|
||||
</transition>
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
routes: [
|
||||
{
|
||||
name: 'Your Data',
|
||||
path: `/settings`
|
||||
},
|
||||
{
|
||||
name: 'Password',
|
||||
path: `/settings/password`
|
||||
},
|
||||
{
|
||||
name: 'Invites',
|
||||
path: `/settings/invites`
|
||||
},
|
||||
{
|
||||
name: 'Data Download',
|
||||
path: `/settings/data-download`
|
||||
},
|
||||
{
|
||||
name: 'Delete Account',
|
||||
path: `/settings/delete-account`
|
||||
},
|
||||
{
|
||||
name: 'My Organizations',
|
||||
path: `/settings/my-organizations`
|
||||
},
|
||||
{
|
||||
name: 'Settings',
|
||||
path: `/settings/settings`
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
7
pages/settings/data-download.vue
Normal file
7
pages/settings/data-download.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Download my Data...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
7
pages/settings/delete-account.vue
Normal file
7
pages/settings/delete-account.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Delete my Account...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
@ -1,9 +1,5 @@
|
||||
<template>
|
||||
<ds-flex>
|
||||
<ds-flex-item>
|
||||
<ds-heading tag="h1">
|
||||
Einstellungen
|
||||
</ds-heading>
|
||||
</ds-flex-item>
|
||||
</ds-flex>
|
||||
<ds-card>
|
||||
<p>My Data...</p>
|
||||
</ds-card>
|
||||
</template>
|
||||
|
||||
7
pages/settings/invites.vue
Normal file
7
pages/settings/invites.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Invites...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
7
pages/settings/my-organizations.vue
Normal file
7
pages/settings/my-organizations.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
My Organizations...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
7
pages/settings/password.vue
Normal file
7
pages/settings/password.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Change my Password...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
7
pages/settings/settings.vue
Normal file
7
pages/settings/settings.vue
Normal file
@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<ds-card>
|
||||
<ds-space margin="small">
|
||||
Settings...
|
||||
</ds-space>
|
||||
</ds-card>
|
||||
</template>
|
||||
Loading…
x
Reference in New Issue
Block a user