ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

added settings and admin page templates

Browse Source
This commit is contained in:
Grzegorz Leoniec 2018-10-18 14:14:22 +02:00
parent b8a92cc1cf
commit 74642777b5
19 changed files with 441 additions and 173 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
pages/admin.vue Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View File

@ -0,0 +1,7 @@
<template>
<ds-card>
<ds-space margin="small">
Users...
</ds-space>
</ds-card>
</template>

4
pages/index.vue
View File

@ -1,6 +1,4 @@
<template> <template>
<div>
<no-ssr>
<ds-flex <ds-flex
:width="{ base: '100%' }" :width="{ base: '100%' }"
gutter="base"> gutter="base">
@ -11,8 +9,6 @@
<hc-post-card :post="post" /> <hc-post-card :post="post" />
</ds-flex-item> </ds-flex-item>
</ds-flex> </ds-flex>
</no-ssr>
</div>
</template> </template>
<script> <script>

5
pages/post/_slug.vue
View File

@ -1,6 +1,5 @@
<template> <template>
<div> <div>
<no-ssr>
<ds-flex gutter="small"> <ds-flex gutter="small">
<ds-flex-item> <ds-flex-item>
<transition <transition
@ -10,11 +9,9 @@
</transition> </transition>
</ds-flex-item> </ds-flex-item>
<ds-flex-item :width="{ base: '200px' }"> <ds-flex-item :width="{ base: '200px' }">
<ds-menu <ds-menu :routes="routes" />
:routes="routes" />
</ds-flex-item> </ds-flex-item>
</ds-flex> </ds-flex>
</no-ssr>
</div> </div>
</template> </template>

3
pages/profile/_slug.vue
View File

@ -3,7 +3,6 @@
<ds-card v-if="user && user.image"> <ds-card v-if="user && user.image">
<p>PROFILE IMAGE</p> <p>PROFILE IMAGE</p>
</ds-card> </ds-card>
<no-ssr>
<ds-space/> <ds-space/>
<ds-flex <ds-flex
v-if="user" v-if="user"
@ -143,9 +142,7 @@
</ds-flex> </ds-flex>
</ds-flex-item> </ds-flex-item>
</ds-flex> </ds-flex>
</no-ssr>
</div> </div>
</template> </template>
<script> <script>

58
pages/settings.vue Normal file
View 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
View 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
View File

@ -0,0 +1,7 @@
<template>
<ds-card>
<ds-space margin="small">
Delete my Account...
</ds-space>
</ds-card>
</template>

10
pages/settings/index.vue
View File

@ -1,9 +1,5 @@
<template> <template>
<ds-flex> <ds-card>
<ds-flex-item> <p>My Data...</p>
<ds-heading tag="h1"> </ds-card>
Einstellungen
</ds-heading>
</ds-flex-item>
</ds-flex>
</template> </template>

7
pages/settings/invites.vue Normal file
View 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
View 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
View 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
View File

@ -0,0 +1,7 @@
<template>
<ds-card>
<ds-space margin="small">
Settings...
</ds-space>
</ds-card>
</template>