q-page.admin-terminal
.row.q-pa-md.items-center
.col-auto
img.admin-icon.animated.fadeInLeft(src='/_assets/icons/fluent-network.svg')
.col.q-pl-md
.text-h5.text-primary.animated.fadeInLeft {{ t('admin.instances.title') }}
.text-subtitle1.text-grey.animated.fadeInLeft.wait-p2s {{ t('admin.instances.subtitle') }}
.col-auto.flex
q-btn.q-mr-sm.acrylic-btn(
icon='las la-question-circle'
flat
color='grey'
:href='siteStore.docsBase + `/admin/instances`'
target='_blank'
type='a'
)
q-btn.q-mr-sm.acrylic-btn(
icon='las la-redo-alt'
flat
color='secondary'
:loading='state.loading > 0'
@click='load'
)
q-separator(inset)
.q-pa-md.q-gutter-md
q-card
q-table(
:rows='state.instances'
:columns='instancesHeaders'
row-key='name'
flat
hide-bottom
:rows-per-page-options='[0]'
:loading='state.loading > 0'
)
template(v-slot:body-cell-icon='props')
q-td(:props='props')
q-icon(name='las la-server', color='positive', size='sm')
template(v-slot:body-cell-id='props')
q-td(:props='props')
strong {{props.value}}
div: small.text-grey: strong {{props.row.ip}}
div: small.text-grey {{props.row.dbUser}}
template(v-slot:body-cell-cons='props')
q-td(:props='props')
q-chip(
icon='las la-plug'
square
size='md'
color='blue'
text-color='white'
)
span.font-robotomono {{ props.value }}
template(v-slot:body-cell-subs='props')
q-td(:props='props')
q-chip(
icon='las la-broadcast-tower'
square
size='md'
color='green'
text-color='white'
)
small.text-uppercase {{ props.value }}
template(v-slot:body-cell-firstseen='props')
q-td(:props='props')
span {{props.value}}
div: small.text-grey {{humanizeDate(props.row.dbFirstSeen)}}
template(v-slot:body-cell-lastseen='props')
q-td(:props='props')
span {{props.value}}
div: small.text-grey {{humanizeDate(props.row.dbLastSeen)}}