Minor UI changes

This commit is contained in:
Douglas Barone 2022-04-28 14:35:11 -04:00
parent 9ecc501f0c
commit f8ff438e5a
2 changed files with 46 additions and 49 deletions

View File

@ -37,39 +37,13 @@
<v-toolbar color="teal darken-2" flat dark>
<v-toolbar-title>
{{ pAHost.description || pAHost.cidr.split('/')[0] }}
</v-toolbar-title>
</v-toolbar>
<v-list>
<v-list-item v-for="info in infoTexts" :key="info.key">
<v-list-item-avatar>
<v-icon>{{ info.icon }}</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>
{{ pAHost[info.key] }}
</v-list-item-title>
<v-list-item-subtitle>
{{ info.text }}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list>
<v-card-text>
{{ pAHost.note || 'Sem observações' }}
<v-divider />
<small>Adicionado por: {{ pAHost.owner.displayName }}</small>
</v-card-text>
<v-card-actions>
<v-spacer />
<v-dialog
v-if="me.sAMAccountName == pAHost.owner.sAMAccountName"
max-width="600"
>
<template #activator="{ on, attrs }">
<v-btn icon v-bind="attrs" v-on="on">
<v-btn small icon v-bind="attrs" v-on="on">
<v-icon>mdi-trash-can</v-icon>
</v-btn>
</template>
@ -97,14 +71,40 @@
>
Sim, remova o host
</v-btn>
<v-btn color="success" text @click="dialog.value = false">
<v-btn
color="success"
text
@click="dialog.value = false"
>
Cancelar
</v-btn>
</v-card-actions>
</v-card>
</template>
</v-dialog>
</v-card-actions>
</v-toolbar-title>
</v-toolbar>
<v-list>
<v-list-item v-for="info in infoTexts" :key="info.key">
<v-list-item-avatar>
<v-icon>{{ info.icon }}</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>
{{ pAHost[info.key] }}
</v-list-item-title>
<v-list-item-subtitle>
{{ info.text }}
</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list>
<v-card-text>
{{ pAHost.note }}
<v-divider />
<small>Adicionado por: {{ pAHost.owner.displayName }}</small>
</v-card-text>
</v-card>
</v-col>
</v-row>

View File

@ -171,9 +171,6 @@
</v-alert>
<v-footer class="mt-6 light-shadow" absolute>
<span v-if="$vuetify.breakpoint.mdAndUp">
Ordenando por <em>"visto por último"</em>
</span>
<v-spacer />
<v-dialog v-model="helpDialog" width="500px">
<template #activator="{ on, attrs }">