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:
Grzegorz Leoniec
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,18 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<ds-flex
|
||||||
<no-ssr>
|
:width="{ base: '100%' }"
|
||||||
<ds-flex
|
gutter="base">
|
||||||
:width="{ base: '100%' }"
|
<ds-flex-item
|
||||||
gutter="base">
|
v-for="post in Post"
|
||||||
<ds-flex-item
|
:width="{ base: '100%', xs: '100%', md: '50%', xl: '33%' }"
|
||||||
v-for="post in Post"
|
:key="post.id">
|
||||||
:width="{ base: '100%', xs: '100%', md: '50%', xl: '33%' }"
|
<hc-post-card :post="post" />
|
||||||
:key="post.id">
|
</ds-flex-item>
|
||||||
<hc-post-card :post="post" />
|
</ds-flex>
|
||||||
</ds-flex-item>
|
|
||||||
</ds-flex>
|
|
||||||
</no-ssr>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@ -1,20 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<no-ssr>
|
<ds-flex gutter="small">
|
||||||
<ds-flex gutter="small">
|
<ds-flex-item>
|
||||||
<ds-flex-item>
|
<transition
|
||||||
<transition
|
name="slide-up"
|
||||||
name="slide-up"
|
appear>
|
||||||
appear>
|
<nuxt-child />
|
||||||
<nuxt-child />
|
</transition>
|
||||||
</transition>
|
</ds-flex-item>
|
||||||
</ds-flex-item>
|
<ds-flex-item :width="{ base: '200px' }">
|
||||||
<ds-flex-item :width="{ base: '200px' }">
|
<ds-menu :routes="routes" />
|
||||||
<ds-menu
|
</ds-flex-item>
|
||||||
:routes="routes" />
|
</ds-flex>
|
||||||
</ds-flex-item>
|
|
||||||
</ds-flex>
|
|
||||||
</no-ssr>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -3,149 +3,146 @@
|
|||||||
<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"
|
:width="{ base: '100%' }"
|
||||||
:width="{ base: '100%' }"
|
gutter="base">
|
||||||
gutter="base">
|
<ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
|
||||||
<ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
|
<ds-card style="position: relative; height: auto;">
|
||||||
<ds-card style="position: relative; height: auto;">
|
<ds-avatar
|
||||||
<ds-avatar
|
:image="user.avatar"
|
||||||
:image="user.avatar"
|
:name="user.name || 'Anonymus'"
|
||||||
:name="user.name || 'Anonymus'"
|
class="profile-avatar"
|
||||||
class="profile-avatar"
|
size="120px" />
|
||||||
size="120px" />
|
<h3 style="text-align: center;">{{ user.name }}</h3>
|
||||||
<h3 style="text-align: center;">{{ user.name }}</h3>
|
|
||||||
<ds-space/>
|
|
||||||
<ds-flex>
|
|
||||||
<ds-flex-item style="text-align: center;">
|
|
||||||
<ds-text
|
|
||||||
size="x-large"
|
|
||||||
style="margin-bottom: 0;">{{ fanCount }}</ds-text>
|
|
||||||
<ds-text size="small">Fans</ds-text>
|
|
||||||
</ds-flex-item>
|
|
||||||
<ds-flex-item style="text-align: center;">
|
|
||||||
<ds-text
|
|
||||||
size="x-large"
|
|
||||||
style="margin-bottom: 0;">{{ user.friendsCount }}</ds-text>
|
|
||||||
<ds-text size="small">Freunde</ds-text>
|
|
||||||
</ds-flex-item>
|
|
||||||
</ds-flex>
|
|
||||||
<ds-space
|
|
||||||
margin="small">
|
|
||||||
<hc-follow-button
|
|
||||||
v-if="!myProfile"
|
|
||||||
:follow-id="user.id"
|
|
||||||
@update="voted = true && fetchUser()" />
|
|
||||||
</ds-space>
|
|
||||||
</ds-card>
|
|
||||||
<ds-space/>
|
<ds-space/>
|
||||||
<h2 style="text-align: center; margin-bottom: 10px;">Netzwerk</h2>
|
<ds-flex>
|
||||||
<ds-card style="position: relative; height: auto;">
|
<ds-flex-item style="text-align: center;">
|
||||||
<ds-space
|
|
||||||
v-if="user.following && user.following.length"
|
|
||||||
margin="x-small">
|
|
||||||
<ds-text
|
<ds-text
|
||||||
tag="h5"
|
size="x-large"
|
||||||
color="soft">
|
style="margin-bottom: 0;">{{ fanCount }}</ds-text>
|
||||||
Wem folgt {{ user.name | truncate(15) }}?
|
<ds-text size="small">Fans</ds-text>
|
||||||
</ds-text>
|
|
||||||
</ds-space>
|
|
||||||
<template v-if="user.following && user.following.length">
|
|
||||||
<ds-space
|
|
||||||
v-for="follow in user.following"
|
|
||||||
:key="follow.id"
|
|
||||||
margin="x-small">
|
|
||||||
<hc-related-user
|
|
||||||
:post="follow"
|
|
||||||
:trunc="15" />
|
|
||||||
</ds-space>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<p style="text-align: center; opacity: .5;">{{ user.name }} folgt niemandem</p>
|
|
||||||
</template>
|
|
||||||
</ds-card>
|
|
||||||
<ds-space/>
|
|
||||||
<ds-card style="position: relative; height: auto;">
|
|
||||||
<ds-space
|
|
||||||
v-if="user.followedBy && user.followedBy.length"
|
|
||||||
margin="x-small">
|
|
||||||
<ds-text
|
|
||||||
tag="h5"
|
|
||||||
color="soft">
|
|
||||||
Wer folgt {{ user.name | truncate(15) }}?
|
|
||||||
</ds-text>
|
|
||||||
</ds-space>
|
|
||||||
<template v-if="user.followedBy && user.followedBy.length">
|
|
||||||
<ds-space
|
|
||||||
v-for="follow in user.followedBy"
|
|
||||||
:key="follow.id"
|
|
||||||
margin="x-small">
|
|
||||||
<hc-related-user
|
|
||||||
:post="follow"
|
|
||||||
:trunc="15" />
|
|
||||||
</ds-space>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<p style="text-align: center; opacity: .5;">niemand folgt {{ user.name }}</p>
|
|
||||||
</template>
|
|
||||||
</ds-card>
|
|
||||||
</ds-flex-item>
|
|
||||||
<ds-flex-item :width="{ base: '100%', sm: 3, md: 5, lg: 3 }">
|
|
||||||
<ds-flex
|
|
||||||
:width="{ base: '100%' }"
|
|
||||||
gutter="small">
|
|
||||||
<ds-flex-item>
|
|
||||||
<ds-card class="ds-tab-nav">
|
|
||||||
<ds-flex>
|
|
||||||
<ds-flex-item class="ds-tab-nav-item ds-tab-nav-item-active">
|
|
||||||
<ds-space margin="small">
|
|
||||||
<ds-text
|
|
||||||
size="x-large"
|
|
||||||
style="margin-bottom: 0; text-align: center">{{ user.contributionsCount }}</ds-text>
|
|
||||||
<ds-text
|
|
||||||
size="small"
|
|
||||||
style="text-align: center">Beiträge</ds-text>
|
|
||||||
</ds-space>
|
|
||||||
</ds-flex-item>
|
|
||||||
<ds-flex-item class="ds-tab-nav-item">
|
|
||||||
<ds-space margin="small">
|
|
||||||
<ds-text
|
|
||||||
size="x-large"
|
|
||||||
style="margin-bottom: 0; text-align: center">{{ user.commentsCount }}</ds-text>
|
|
||||||
<ds-text
|
|
||||||
size="small"
|
|
||||||
style="text-align: center">Kommentiert</ds-text>
|
|
||||||
</ds-space>
|
|
||||||
</ds-flex-item>
|
|
||||||
<ds-flex-item class="ds-tab-nav-item">
|
|
||||||
<ds-space margin="small">
|
|
||||||
<ds-text
|
|
||||||
size="x-large"
|
|
||||||
style="margin-bottom: 0; text-align: center">{{ user.shoutedCount }}</ds-text>
|
|
||||||
<ds-text
|
|
||||||
size="small"
|
|
||||||
style="text-align: center">Empfohlen</ds-text>
|
|
||||||
</ds-space>
|
|
||||||
</ds-flex-item>
|
|
||||||
</ds-flex>
|
|
||||||
</ds-card>
|
|
||||||
</ds-flex-item>
|
</ds-flex-item>
|
||||||
<ds-flex-item
|
<ds-flex-item style="text-align: center;">
|
||||||
v-for="{ Post } in user.contributions"
|
<ds-text
|
||||||
:width="{ base: '100%', md: '100%', xl: '50%' }"
|
size="x-large"
|
||||||
:key="Post.id">
|
style="margin-bottom: 0;">{{ user.friendsCount }}</ds-text>
|
||||||
<hc-post-card
|
<ds-text size="small">Freunde</ds-text>
|
||||||
:post="Post"
|
|
||||||
:show-author-popover="false" />
|
|
||||||
</ds-flex-item>
|
</ds-flex-item>
|
||||||
</ds-flex>
|
</ds-flex>
|
||||||
</ds-flex-item>
|
<ds-space
|
||||||
</ds-flex>
|
margin="small">
|
||||||
</no-ssr>
|
<hc-follow-button
|
||||||
|
v-if="!myProfile"
|
||||||
|
:follow-id="user.id"
|
||||||
|
@update="voted = true && fetchUser()" />
|
||||||
|
</ds-space>
|
||||||
|
</ds-card>
|
||||||
|
<ds-space/>
|
||||||
|
<h2 style="text-align: center; margin-bottom: 10px;">Netzwerk</h2>
|
||||||
|
<ds-card style="position: relative; height: auto;">
|
||||||
|
<ds-space
|
||||||
|
v-if="user.following && user.following.length"
|
||||||
|
margin="x-small">
|
||||||
|
<ds-text
|
||||||
|
tag="h5"
|
||||||
|
color="soft">
|
||||||
|
Wem folgt {{ user.name | truncate(15) }}?
|
||||||
|
</ds-text>
|
||||||
|
</ds-space>
|
||||||
|
<template v-if="user.following && user.following.length">
|
||||||
|
<ds-space
|
||||||
|
v-for="follow in user.following"
|
||||||
|
:key="follow.id"
|
||||||
|
margin="x-small">
|
||||||
|
<hc-related-user
|
||||||
|
:post="follow"
|
||||||
|
:trunc="15" />
|
||||||
|
</ds-space>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<p style="text-align: center; opacity: .5;">{{ user.name }} folgt niemandem</p>
|
||||||
|
</template>
|
||||||
|
</ds-card>
|
||||||
|
<ds-space/>
|
||||||
|
<ds-card style="position: relative; height: auto;">
|
||||||
|
<ds-space
|
||||||
|
v-if="user.followedBy && user.followedBy.length"
|
||||||
|
margin="x-small">
|
||||||
|
<ds-text
|
||||||
|
tag="h5"
|
||||||
|
color="soft">
|
||||||
|
Wer folgt {{ user.name | truncate(15) }}?
|
||||||
|
</ds-text>
|
||||||
|
</ds-space>
|
||||||
|
<template v-if="user.followedBy && user.followedBy.length">
|
||||||
|
<ds-space
|
||||||
|
v-for="follow in user.followedBy"
|
||||||
|
:key="follow.id"
|
||||||
|
margin="x-small">
|
||||||
|
<hc-related-user
|
||||||
|
:post="follow"
|
||||||
|
:trunc="15" />
|
||||||
|
</ds-space>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<p style="text-align: center; opacity: .5;">niemand folgt {{ user.name }}</p>
|
||||||
|
</template>
|
||||||
|
</ds-card>
|
||||||
|
</ds-flex-item>
|
||||||
|
<ds-flex-item :width="{ base: '100%', sm: 3, md: 5, lg: 3 }">
|
||||||
|
<ds-flex
|
||||||
|
:width="{ base: '100%' }"
|
||||||
|
gutter="small">
|
||||||
|
<ds-flex-item>
|
||||||
|
<ds-card class="ds-tab-nav">
|
||||||
|
<ds-flex>
|
||||||
|
<ds-flex-item class="ds-tab-nav-item ds-tab-nav-item-active">
|
||||||
|
<ds-space margin="small">
|
||||||
|
<ds-text
|
||||||
|
size="x-large"
|
||||||
|
style="margin-bottom: 0; text-align: center">{{ user.contributionsCount }}</ds-text>
|
||||||
|
<ds-text
|
||||||
|
size="small"
|
||||||
|
style="text-align: center">Beiträge</ds-text>
|
||||||
|
</ds-space>
|
||||||
|
</ds-flex-item>
|
||||||
|
<ds-flex-item class="ds-tab-nav-item">
|
||||||
|
<ds-space margin="small">
|
||||||
|
<ds-text
|
||||||
|
size="x-large"
|
||||||
|
style="margin-bottom: 0; text-align: center">{{ user.commentsCount }}</ds-text>
|
||||||
|
<ds-text
|
||||||
|
size="small"
|
||||||
|
style="text-align: center">Kommentiert</ds-text>
|
||||||
|
</ds-space>
|
||||||
|
</ds-flex-item>
|
||||||
|
<ds-flex-item class="ds-tab-nav-item">
|
||||||
|
<ds-space margin="small">
|
||||||
|
<ds-text
|
||||||
|
size="x-large"
|
||||||
|
style="margin-bottom: 0; text-align: center">{{ user.shoutedCount }}</ds-text>
|
||||||
|
<ds-text
|
||||||
|
size="small"
|
||||||
|
style="text-align: center">Empfohlen</ds-text>
|
||||||
|
</ds-space>
|
||||||
|
</ds-flex-item>
|
||||||
|
</ds-flex>
|
||||||
|
</ds-card>
|
||||||
|
</ds-flex-item>
|
||||||
|
<ds-flex-item
|
||||||
|
v-for="{ Post } in user.contributions"
|
||||||
|
:width="{ base: '100%', md: '100%', xl: '50%' }"
|
||||||
|
:key="Post.id">
|
||||||
|
<hc-post-card
|
||||||
|
:post="Post"
|
||||||
|
:show-author-popover="false" />
|
||||||
|
</ds-flex-item>
|
||||||
|
</ds-flex>
|
||||||
|
</ds-flex-item>
|
||||||
|
</ds-flex>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<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>
|
<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
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