feat: editor page props UI improvements + codemirror fix
This commit is contained in:
@@ -56,7 +56,7 @@
|
||||
v-card.radius-7.animated.fadeInUp.wait-p2s
|
||||
v-toolbar(:color='$vuetify.theme.dark ? `grey darken-2` : `grey lighten-5`', dense, flat)
|
||||
v-spacer
|
||||
.overline Recent Pages
|
||||
.overline {{$t('admin:dashboard.recentPages')}}
|
||||
v-spacer
|
||||
v-data-table.pb-2(
|
||||
:items='recentPages'
|
||||
@@ -72,27 +72,28 @@
|
||||
td.admin-pages-path
|
||||
v-chip(label, small, :color='$vuetify.theme.dark ? `grey darken-4` : `grey lighten-4`') {{ props.item.locale }}
|
||||
span.ml-2.grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-2`') / {{ props.item.path }}
|
||||
td.text-right(width='250') {{ props.item.updatedAt | moment('calendar') }}
|
||||
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='$vuetify.theme.dark ? `grey darken-2` : `grey lighten-5`', dense, flat)
|
||||
v-spacer
|
||||
.overline Most Popular Pages
|
||||
.overline {{$t('admin:dashboard.mostPopularPages')}}
|
||||
v-spacer
|
||||
v-data-table.pb-2(
|
||||
:items='popularPages'
|
||||
:headers='headers'
|
||||
:loading='popularPagesLoading'
|
||||
hide-default-footer
|
||||
hide-default-header
|
||||
)
|
||||
template(slot='items' slot-scope='props')
|
||||
td(width='20', style='padding-right: 0;'): v-icon insert_drive_file
|
||||
td
|
||||
.body-2.primary--text {{ props.item.title }}
|
||||
.caption.grey--text.text--darken-2 {{ props.item.description }}
|
||||
td.caption /{{ props.item.path }}
|
||||
td.grey--text.text--darken-2(width='250')
|
||||
.caption: strong Updated {{ props.item.updatedAt | moment('from') }}
|
||||
.caption Created {{ props.item.createdAt | moment('calendar') }}
|
||||
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='$vuetify.theme.dark ? `grey darken-4` : `grey lighten-4`') {{ props.item.locale }}
|
||||
span.ml-2.grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-2`') / {{ props.item.path }}
|
||||
td.text-right.caption(width='250') {{ props.item.updatedAt | moment('calendar') }}
|
||||
|
||||
v-flex(xs12)
|
||||
v-card.dashboard-contribute.animated.fadeInUp.wait-p4s
|
||||
@@ -123,6 +124,7 @@ export default {
|
||||
recentPages: [],
|
||||
recentPagesLoading: false,
|
||||
popularPages: [],
|
||||
popularPagesLoading: false,
|
||||
headers: [
|
||||
{ text: 'ID', value: 'id', width: 80 },
|
||||
{ text: 'Title', value: 'title' },
|
||||
|
Reference in New Issue
Block a user