|
|
|
|
@ -6,7 +6,7 @@ q-page.admin-dashboard
|
|
|
|
|
.col.q-pl-md
|
|
|
|
|
.text-h5.text-primary.animated.fadeInLeft {{ t('admin.dashboard.title') }}
|
|
|
|
|
.text-subtitle1.text-grey.animated.fadeInLeft.wait-p2s {{ t('admin.dashboard.subtitle') }}
|
|
|
|
|
.row.q-px-md.q-col-gutter-md
|
|
|
|
|
.row.q-px-md.q-col-gutter-sm
|
|
|
|
|
.col-12.col-sm-6.col-lg-3
|
|
|
|
|
q-card
|
|
|
|
|
q-card-section.admin-dashboard-card
|
|
|
|
|
@ -108,7 +108,7 @@ q-page.admin-dashboard
|
|
|
|
|
img(src='/_assets/icons/fluent-female-working-with-a-laptop.svg')
|
|
|
|
|
div
|
|
|
|
|
strong Logins
|
|
|
|
|
small {{adminStore.info.loginsPastDay}} #[i / last 24h]
|
|
|
|
|
small {{adminStore.info.loginsPastDay}} #[i / past 24h]
|
|
|
|
|
q-separator
|
|
|
|
|
q-card-actions(align='right')
|
|
|
|
|
q-btn(
|
|
|
|
|
@ -144,111 +144,6 @@ q-page.admin-dashboard
|
|
|
|
|
:label='t(`admin.system.title`)'
|
|
|
|
|
to='/_admin/system'
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
//- v-container(fluid, grid-list-lg)
|
|
|
|
|
//- v-layout(row, wrap)
|
|
|
|
|
//- v-flex(xs12)
|
|
|
|
|
//- .admin-header
|
|
|
|
|
//- img.animated.fadeInUp(src='/_assets/svg/icon-browse-page.svg', alt='Dashboard', style='width: 80px;')
|
|
|
|
|
//- .admin-header-title
|
|
|
|
|
//- .headline.primary--text.animated.fadeInLeft {{ $t('admin.dashboard.title') }}
|
|
|
|
|
//- .subtitle-1.grey--text.animated.fadeInLeft.wait-p2s {{ $t('admin.dashboard.subtitle') }}
|
|
|
|
|
//- v-flex(xs12 md6 lg4 xl3 d-flex)
|
|
|
|
|
//- v-card.primary.dashboard-card.animated.fadeInUp(dark)
|
|
|
|
|
//- v-card-text
|
|
|
|
|
//- v-icon.dashboard-icon mdi-file-document-outline
|
|
|
|
|
//- .overline {{$t('admin.dashboard.pages')}}
|
|
|
|
|
//- animated-number.display-1(
|
|
|
|
|
//- :value='info.pagesTotal'
|
|
|
|
|
//- :duration='2000'
|
|
|
|
|
//- :formatValue='round'
|
|
|
|
|
//- easing='easeOutQuint'
|
|
|
|
|
//- )
|
|
|
|
|
//- v-flex(xs12 md6 lg4 xl3 d-flex)
|
|
|
|
|
//- v-card.blue.darken-3.dashboard-card.animated.fadeInUp.wait-p2s(dark)
|
|
|
|
|
//- v-card-text
|
|
|
|
|
//- v-icon.dashboard-icon mdi-account
|
|
|
|
|
//- .overline {{$t('admin.dashboard.users')}}
|
|
|
|
|
//- animated-number.display-1(
|
|
|
|
|
//- :value='info.usersTotal'
|
|
|
|
|
//- :duration='2000'
|
|
|
|
|
//- :formatValue='round'
|
|
|
|
|
//- easing='easeOutQuint'
|
|
|
|
|
//- )
|
|
|
|
|
//- v-flex(xs12 md6 lg4 xl3 d-flex)
|
|
|
|
|
//- v-card.blue.darken-4.dashboard-card.animated.fadeInUp.wait-p4s(dark)
|
|
|
|
|
//- v-card-text
|
|
|
|
|
//- v-icon.dashboard-icon mdi-account-group
|
|
|
|
|
//- .overline {{$t('admin.dashboard.groups')}}
|
|
|
|
|
//- animated-number.display-1(
|
|
|
|
|
//- :value='info.groupsTotal'
|
|
|
|
|
//- :duration='2000'
|
|
|
|
|
//- :formatValue='round'
|
|
|
|
|
//- easing='easeOutQuint'
|
|
|
|
|
//- )
|
|
|
|
|
//- v-flex(xs12 md6 lg12 xl3 d-flex)
|
|
|
|
|
//- v-card.dashboard-card.animated.fadeInUp.wait-p6s(
|
|
|
|
|
//- :class='isLatestVersion ? "green" : "red lighten-2"'
|
|
|
|
|
//- dark
|
|
|
|
|
//- )
|
|
|
|
|
//- v-btn.btn-animate-wrench(fab, absolute, :right='!$vuetify.rtl', :left='$vuetify.rtl', top, small, light, to='system', v-if='hasPermission(`manage:system`)')
|
|
|
|
|
//- v-icon(:color='isLatestVersion ? `green` : `red darken-4`', small) mdi-wrench
|
|
|
|
|
//- v-card-text
|
|
|
|
|
//- v-icon.dashboard-icon mdi-blur
|
|
|
|
|
//- .subtitle-1 Wiki.js {{info.currentVersion}}
|
|
|
|
|
//- .body-2(v-if='isLatestVersion') {{$t('admin.dashboard.versionLatest')}}
|
|
|
|
|
//- .body-2(v-else) {{$t('admin.dashboard.versionNew', { version: info.latestVersion })}}
|
|
|
|
|
//- v-flex(xs12, xl6)
|
|
|
|
|
//- v-card.radius-7.animated.fadeInUp.wait-p2s
|
|
|
|
|
//- v-toolbar(:color='$q.dark.isActive ? `grey darken-2` : `grey lighten-5`', dense, flat)
|
|
|
|
|
//- v-spacer
|
|
|
|
|
//- .overline {{$t('admin.dashboard.recentPages')}}
|
|
|
|
|
//- v-spacer
|
|
|
|
|
//- v-data-table.pb-2(
|
|
|
|
|
//- :items='recentPages'
|
|
|
|
|
//- :headers='recentPagesHeaders'
|
|
|
|
|
//- :loading='recentPagesLoading'
|
|
|
|
|
//- hide-default-footer
|
|
|
|
|
//- hide-default-header
|
|
|
|
|
//- )
|
|
|
|
|
//- template(slot='item', slot-scope='props')
|
|
|
|
|
//- tr.is-clickable(:active='props.selected', @click='$router.push(`/pages/` + props.item.id)')
|
|
|
|
|
//- td
|
|
|
|
|
//- .body-2: strong {{ props.item.title }}
|
|
|
|
|
//- td.admin-pages-path
|
|
|
|
|
//- v-chip(label, small, :color='$q.dark.isActive ? `grey darken-4` : `grey lighten-4`') {{ props.item.locale }}
|
|
|
|
|
//- span.ml-2.grey--text(:class='$q.dark.isActive ? `text--lighten-1` : `text--darken-2`') / {{ props.item.path }}
|
|
|
|
|
//- td.text-right.caption(width='250') {{ props.item.updatedAt | moment('calendar') }}
|
|
|
|
|
//- v-flex(xs12, xl6)
|
|
|
|
|
//- v-card.radius-7.animated.fadeInUp.wait-p4s
|
|
|
|
|
//- v-toolbar(:color='$q.dark.isActive ? `grey darken-2` : `grey lighten-5`', dense, flat)
|
|
|
|
|
//- v-spacer
|
|
|
|
|
//- .overline {{$t('admin.dashboard.lastLogins')}}
|
|
|
|
|
//- v-spacer
|
|
|
|
|
//- v-data-table.pb-2(
|
|
|
|
|
//- :items='lastLogins'
|
|
|
|
|
//- :headers='lastLoginsHeaders'
|
|
|
|
|
//- :loading='lastLoginsLoading'
|
|
|
|
|
//- hide-default-footer
|
|
|
|
|
//- hide-default-header
|
|
|
|
|
//- )
|
|
|
|
|
//- template(slot='item', slot-scope='props')
|
|
|
|
|
//- tr.is-clickable(:active='props.selected', @click='$router.push(`/users/` + props.item.id)')
|
|
|
|
|
//- td
|
|
|
|
|
//- .body-2: strong {{ props.item.name }}
|
|
|
|
|
//- td.text-right.caption(width='250') {{ props.item.lastLoginAt | moment('calendar') }}
|
|
|
|
|
|
|
|
|
|
//- v-flex(xs12)
|
|
|
|
|
//- v-card.dashboard-contribute.animated.fadeInUp.wait-p4s
|
|
|
|
|
//- v-card-text
|
|
|
|
|
//- img(src='/_assets/svg/icon-heart-health.svg', alt='Contribute', style='height: 80px;')
|
|
|
|
|
//- .pl-5
|
|
|
|
|
//- .subtitle-1 {{$t('admin.contribute.title')}}
|
|
|
|
|
//- .body-2.mt-3: strong {{$t('admin.dashboard.contributeSubtitle')}}
|
|
|
|
|
//- .body-2 {{$t('admin.dashboard.contributeHelp')}}
|
|
|
|
|
//- v-btn.mx-0.mt-4(:color='$q.dark.isActive ? `indigo lighten-3` : `indigo`', outlined, small, to='/contribute')
|
|
|
|
|
//- .caption: strong {{$t('admin.dashboard.contributeLearnMore')}}
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
@ -361,6 +256,14 @@ function checkForUpdates () {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.q-card__actions {
|
|
|
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.03));
|
|
|
|
|
|
|
|
|
|
@at-root .body--dark & {
|
|
|
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.2));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
NGPixel
1 year ago