Flaschengeist/flaschengeist-frontend
Flaschengeist
/
flaschengeist-frontend
7
0
Fork 1
Code Issues Pull Requests Projects Releases Activity

upload skeleton

This commit is contained in:
Tim Gröger 2020-01-23 21:10:04 +01:00
parent 706c69803f
commit 3bf0467726
2 changed files with 64 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/finanzer/FinanzerNavigation.vue
View File

@ -17,8 +17,13 @@
<v-divider /> <v-divider />
<v-list> <v-list>
<div v-for="user in users" v-bind:key="users.indexOf(user)"> <div v-for="user in users" v-bind:key="users.indexOf(user)">
<v-list-item :to="{ name: 'activeUser', params: { id: user.username } }" link> <v-list-item
<v-list-item-title>{{ user.lastname }}, {{ user.firstname }}</v-list-item-title> :to="{ name: 'activeUser', params: { id: user.username } }"
link
>
<v-list-item-title
>{{ user.lastname }}, {{ user.firstname }}</v-list-item-title
>
</v-list-item> </v-list-item>
</div> </div>
<v-list-item> <v-list-item>

57
src/components/finanzer/Skeleton/TableSkeleton.vue Normal file
View File

@ -0,0 +1,57 @@
<template>
<div>
<v-card style="margin-top: 3px">
<v-card-title>
<v-skeleton-loader type="heading" />
</v-card-title>
<v-skeleton-loader type="table-thead" />
<v-skeleton-loader type="table-row-divider@3" />
<v-container fluid>
<v-row align="start" align-content="start">
<v-col>
<v-row>
<v-col>
<v-skeleton-loader type="chip" />
</v-col>
<v-col>
<v-skeleton-loader type="chip" />
</v-col>
</v-row>
<v-row>
<v-col>
<v-skeleton-loader type="chip"/>
</v-col>
<v-col>
<v-skeleton-loader type="chip" />
</v-col>
</v-row>
</v-col>
<v-col align-self="center">
<v-row>
<v-col>
<v-skeleton-loader type="chip" />
</v-col>
<v-col>
<v-skeleton-loader type="chip" />
</v-col>
</v-row>
<v-card outlined>
<v-row>
<v-skeleton-loader type="list-item" />
<v-spacer />
</v-row>
</v-card>
</v-col>
</v-row>
</v-container>
</v-card>
</div>
</template>
<script>
export default {
name: 'TableSkeleton'
}
</script>
<style scoped></style>