diff --git a/client/components/admin/admin-api.vue b/client/components/admin/admin-api.vue index 0e7d7dd3..5d3276e7 100644 --- a/client/components/admin/admin-api.vue +++ b/client/components/admin/admin-api.vue @@ -58,7 +58,7 @@ td {{ props.item.updatedOn }} td: v-btn(icon): v-icon.grey--text.text--darken-1 more_horiz template(slot='no-data') - v-alert(icon='warning', :value='true') No users to display! + v-alert.mt-3(icon='warning', :value='true', outline) No API have been generated yet. .text-xs-center.py-2 v-pagination(v-model='pagination.page', :length='pages') @@ -69,11 +69,7 @@ export default { return { selected: [], pagination: {}, - items: [ - { id: 1, key: 'xxxxxxxxxxxxx' }, - { id: 2, key: 'xxxxxxxxxxxxy' }, - { id: 3, key: 'xxxxxxxxxxxxz' } - ], + items: [], headers: [ { text: 'Name', value: 'name' }, { text: 'Key', value: 'key' }, diff --git a/client/components/admin/admin-dashboard.vue b/client/components/admin/admin-dashboard.vue index 962f0c9b..935d79f3 100644 --- a/client/components/admin/admin-dashboard.vue +++ b/client/components/admin/admin-dashboard.vue @@ -69,8 +69,8 @@ .body-2(v-if='isLatestVersion') You are running the latest version. .body-2(v-else) A new version is available: {{info.latestVersion}} v-flex(xs12) - v-card - v-card-title.subheading Recent Pages + v-card.radius-7 + v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Recent Pages v-data-table.pb-2( :items='recentPages' hide-actions @@ -86,8 +86,8 @@ .caption: strong Updated {{ props.item.updatedAt | moment('from') }} .caption Created {{ props.item.createdAt | moment('calendar') }} v-flex(xs12) - v-card - v-card-title.subheading Most Popular Pages + v-card.radius-7 + v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Most Popular Pages v-data-table.pb-2( :items='popularPages' hide-actions @@ -103,6 +103,16 @@ .caption: strong Updated {{ props.item.updatedAt | moment('from') }} .caption Created {{ props.item.createdAt | moment('calendar') }} + v-flex(xs12) + v-card.dashboard-contribute + v-card-text + img(src='/svg/icon-heart-health.svg', alt='Contribute', style='height: 80px;') + .pl-3 + .subheading Contribute + .body-2.pt-2 Wiki.js is a free and open source project. There are several ways you can contribute to the project. + .body-1 We need your help! + v-btn.mx-0.mt-2(:color='$vuetify.dark ? `indigo lighten-3` : `indigo`', outline, small, to='/contribute') Learn More +