q-dialog(ref='dialogRef', @hide='onDialogHide')
q-card(style='min-width: 350px; max-width: 450px;')
q-card-section.card-header
q-icon(name='img:/_assets/icons/fluent-downloading-updates.svg', left, size='sm')
span {{t(`admin.system.checkingForUpdates`)}}
q-card-section
.q-pa-md.text-center
img(src='/_assets/illustrations/undraw_going_up.svg', style='width: 150px;')
template(v-if='state.isLoading')
q-linear-progress(
indeterminate
size='lg'
rounded
)
.q-mt-sm.text-center.text-caption {{ $t('admin.system.fetchingLatestVersionInfo') }}
template(v-else)
.text-center
strong.text-positive(v-if='isLatest') {{ $t('admin.system.runningLatestVersion') }}
strong.text-pink(v-else) {{ $t('admin.system.newVersionAvailable') }}
.text-body2.q-mt-md Current: #[strong {{ state.current }}]
.text-body2 Latest: #[strong {{ state.latest }}]
.text-body2 Release Date: #[strong {{ state.latestDate }}]
q-card-actions.card-actions
q-space
q-btn.acrylic-btn(
flat
:label='state.isLoading ? t(`common.actions.cancel`) : t(`common.actions.close`)'
color='grey'
padding='xs md'
@click='onDialogCancel'
)
q-btn(
v-if='state.canUpgrade'
unelevated
:label='t(`admin.system.upgrade`)'
color='primary'
padding='xs md'
@click='upgrade'
:loading='state.isLoading'
)