Add PAHosts listing
This commit is contained in:
parent
57859bcf38
commit
6c40b80889
|
@ -1,7 +1,7 @@
|
||||||
import { decryptKey } from '../lib/paloalto'
|
import { decryptKey } from '../lib/paloalto'
|
||||||
|
|
||||||
const PAHost = {
|
const PAHost = {
|
||||||
key: parent => decryptKey(parent.encryptedKey).slice(0, 5) + '*****'
|
key: parent => `${decryptKey(parent.encryptedKey).slice(0, 5)}*****`
|
||||||
}
|
}
|
||||||
|
|
||||||
export { PAHost }
|
export { PAHost }
|
||||||
|
|
|
@ -1,7 +1,90 @@
|
||||||
<template><div>paloalto</div></template>
|
<template>
|
||||||
|
<v-container fluid>
|
||||||
|
<v-toolbar flat>
|
||||||
|
<v-toolbar-title>Hosts cadastrados</v-toolbar-title>
|
||||||
|
<v-spacer />
|
||||||
|
<v-toolbar-items>
|
||||||
|
<v-btn text color="primary"
|
||||||
|
><v-icon left>mdi-plus</v-icon> Adicionar</v-btn
|
||||||
|
>
|
||||||
|
</v-toolbar-items>
|
||||||
|
</v-toolbar>
|
||||||
|
<v-row>
|
||||||
|
<v-col
|
||||||
|
v-for="pAHost in pAHosts"
|
||||||
|
:key="pAHost.id"
|
||||||
|
cols="12"
|
||||||
|
sm="6"
|
||||||
|
md="4"
|
||||||
|
lg="3"
|
||||||
|
>
|
||||||
|
<v-card outlined class="rounded-xl light-shadow">
|
||||||
|
<v-card-title class="font-weight-light">
|
||||||
|
{{ pAHost.description || pAHost.cidr.split('/')[0] }}
|
||||||
|
</v-card-title>
|
||||||
|
<v-card-text>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
{{ pAHost.note || 'Sem observações' }}
|
||||||
|
</v-card-text>
|
||||||
|
<v-card-actions>
|
||||||
|
<v-spacer />
|
||||||
|
<v-btn disabled icon><v-icon>mdi-pencil</v-icon></v-btn>
|
||||||
|
|
||||||
|
<v-btn icon><v-icon>mdi-trash-can</v-icon></v-btn>
|
||||||
|
</v-card-actions>
|
||||||
|
</v-card>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
<v-banner icon="mdi-information" outlined rounded>
|
||||||
|
Os hosts cadastrados serão usados para mapeamento de ID de usuários, a fim
|
||||||
|
de evitar a necessidade da tela de autenticação do Captive Portal.
|
||||||
|
</v-banner>
|
||||||
|
</v-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {}
|
import gql from 'graphql-tag'
|
||||||
|
|
||||||
|
const PAHOSTS_QUERY = gql`
|
||||||
|
{
|
||||||
|
pAHosts {
|
||||||
|
id
|
||||||
|
description
|
||||||
|
cidr
|
||||||
|
key
|
||||||
|
note
|
||||||
|
user
|
||||||
|
createdAt
|
||||||
|
updatedAt
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`
|
||||||
|
export default {
|
||||||
|
name: 'PaloAlto',
|
||||||
|
data: () => ({
|
||||||
|
infoTexts: [
|
||||||
|
{ key: 'cidr', text: 'IP (CIDR)', icon: 'mdi-ip' },
|
||||||
|
{ key: 'key', text: 'Chave da API', icon: 'mdi-key' },
|
||||||
|
{ key: 'user', text: 'Usuário da chave', icon: 'mdi-account' }
|
||||||
|
]
|
||||||
|
}),
|
||||||
|
apollo: {
|
||||||
|
pAHosts: { query: PAHOSTS_QUERY, fetchPolicy: 'network-only' }
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style></style>
|
<style></style>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user