Remove redundant main tags.
This commit is contained in:
baldo
parent
cbd5624fb2
commit
cb4bb9e817
|
|
@ -12,53 +12,51 @@ refresh();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<main>
|
<div v-if="statistics.getStatistics">
|
||||||
<div v-if="statistics.getStatistics">
|
<h2>Knotenstatistik</h2>
|
||||||
<h2>Knotenstatistik</h2>
|
|
||||||
|
|
||||||
<div class="statistics">
|
<div class="statistics">
|
||||||
<StatisticsCard
|
<StatisticsCard
|
||||||
title="Registrierte Knoten"
|
title="Registrierte Knoten"
|
||||||
icon="circle-o"
|
icon="circle-o"
|
||||||
variant="info"
|
variant="info"
|
||||||
:value="statistics.getStatistics.nodes.registered"
|
:value="statistics.getStatistics.nodes.registered"
|
||||||
link="/admin/nodes"
|
link="/admin/nodes"
|
||||||
/>
|
/>
|
||||||
<StatisticsCard
|
<StatisticsCard
|
||||||
title="Mit hinterlegtem fastd-Key"
|
title="Mit hinterlegtem fastd-Key"
|
||||||
icon="lock"
|
icon="lock"
|
||||||
variant="warning"
|
variant="warning"
|
||||||
:value="statistics.getStatistics.nodes.withVPN"
|
:value="statistics.getStatistics.nodes.withVPN"
|
||||||
link="/admin/nodes"
|
link="/admin/nodes"
|
||||||
:filter="{hasKey: true}"
|
:filter="{hasKey: true}"
|
||||||
/>
|
/>
|
||||||
<StatisticsCard
|
<StatisticsCard
|
||||||
title="Mit Koordinaten"
|
title="Mit Koordinaten"
|
||||||
icon="map-marker"
|
icon="map-marker"
|
||||||
variant="success"
|
variant="success"
|
||||||
:value="statistics.getStatistics.nodes.withCoords"
|
:value="statistics.getStatistics.nodes.withCoords"
|
||||||
link="/admin/nodes"
|
link="/admin/nodes"
|
||||||
:filter="{hasCoords: true}"
|
:filter="{hasCoords: true}"
|
||||||
/>
|
/>
|
||||||
<StatisticsCard
|
<StatisticsCard
|
||||||
title="Monitoring aktiv"
|
title="Monitoring aktiv"
|
||||||
icon="heartbeat"
|
icon="heartbeat"
|
||||||
variant="success"
|
variant="success"
|
||||||
:value="statistics.getStatistics.nodes.monitoring.active"
|
:value="statistics.getStatistics.nodes.monitoring.active"
|
||||||
link="/admin/nodes"
|
link="/admin/nodes"
|
||||||
:filter="{monitoringState: 'active'}"
|
:filter="{monitoringState: 'active'}"
|
||||||
/>
|
/>
|
||||||
<StatisticsCard
|
<StatisticsCard
|
||||||
title="Monitoring noch nicht bestätigt"
|
title="Monitoring noch nicht bestätigt"
|
||||||
icon="envelope"
|
icon="envelope"
|
||||||
variant="danger"
|
variant="danger"
|
||||||
:value="statistics.getStatistics.nodes.monitoring.pending"
|
:value="statistics.getStatistics.nodes.monitoring.pending"
|
||||||
link="/admin/nodes"
|
link="/admin/nodes"
|
||||||
:filter="{monitoringState: 'pending'}"
|
:filter="{monitoringState: 'pending'}"
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
||||||
|
|
@ -41,126 +41,124 @@ refresh();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<main>
|
<h2>Knoten</h2>
|
||||||
<h2>Knoten</h2>
|
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<span>Gesamt: {{nodes.getTotalNodes}}</span>
|
<span>Gesamt: {{nodes.getTotalNodes}}</span>
|
||||||
</div>
|
</div>
|
||||||
<table>
|
<table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Name</th>
|
<th>Name</th>
|
||||||
<th>Besitzer*in</th>
|
<th>Besitzer*in</th>
|
||||||
<th>E-Mail</th>
|
<th>E-Mail</th>
|
||||||
<th>Token</th>
|
<th>Token</th>
|
||||||
<th>MAC</th>
|
<th>MAC</th>
|
||||||
<th>VPN</th>
|
<th>VPN</th>
|
||||||
<th>Site</th>
|
<th>Site</th>
|
||||||
<th>Domäne</th>
|
<th>Domäne</th>
|
||||||
<th>GPS</th>
|
<th>GPS</th>
|
||||||
<th>Status</th>
|
<th>Status</th>
|
||||||
<th>Monitoring</th>
|
<th>Monitoring</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr
|
<tr
|
||||||
v-for="node in nodes.getNodes"
|
v-for="node in nodes.getNodes"
|
||||||
:class="[hasOnlineState ? node.onlineState.toLowerCase() : 'online-state-unknown']">
|
:class="[hasOnlineState ? node.onlineState.toLowerCase() : 'online-state-unknown']">
|
||||||
<td>{{node.hostname}}</td>
|
<td>{{node.hostname}}</td>
|
||||||
<td v-if="shallRedactField(node, 'nickname')">
|
<td v-if="shallRedactField(node, 'nickname')">
|
||||||
<span
|
<span
|
||||||
class="redacted"
|
class="redacted"
|
||||||
@click="setRedactField(node, 'nickname', false)">
|
@click="setRedactField(node, 'nickname', false)">
|
||||||
nickname
|
nickname
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td v-if="!shallRedactField(node, 'nickname')">
|
<td v-if="!shallRedactField(node, 'nickname')">
|
||||||
<span
|
<span
|
||||||
class="redactable"
|
class="redactable"
|
||||||
@click="setRedactField(node, 'nickname', true)">
|
@click="setRedactField(node, 'nickname', true)">
|
||||||
{{node.nickname}}
|
{{node.nickname}}
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td v-if="shallRedactField(node, 'email')">
|
<td v-if="shallRedactField(node, 'email')">
|
||||||
<span
|
<span
|
||||||
class="redacted"
|
class="redacted"
|
||||||
@click="setRedactField(node, 'email', false)">
|
@click="setRedactField(node, 'email', false)">
|
||||||
email@example.com
|
email@example.com
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td v-if="!shallRedactField(node, 'email')">
|
<td v-if="!shallRedactField(node, 'email')">
|
||||||
<span
|
<span
|
||||||
class="redactable"
|
class="redactable"
|
||||||
@click="setRedactField(node, 'email', true)">
|
@click="setRedactField(node, 'email', true)">
|
||||||
{{node.email}}
|
{{node.email}}
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td v-if="shallRedactField(node, 'token')">
|
<td v-if="shallRedactField(node, 'token')">
|
||||||
<span
|
<span
|
||||||
class="redacted"
|
class="redacted"
|
||||||
@click="setRedactField(node, 'token', false)">
|
@click="setRedactField(node, 'token', false)">
|
||||||
0123456789abcdef
|
0123456789abcdef
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td v-if="!shallRedactField(node, 'token')">
|
<td v-if="!shallRedactField(node, 'token')">
|
||||||
<span
|
<span
|
||||||
class="redactable"
|
class="redactable"
|
||||||
@click="setRedactField(node, 'token', true)">
|
@click="setRedactField(node, 'token', true)">
|
||||||
{{node.token}}
|
{{node.token}}
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td>{{node.mac}}</td>
|
<td>{{node.mac}}</td>
|
||||||
<td class="icon">
|
<td class="icon">
|
||||||
<i
|
<i
|
||||||
v-if="node.key"
|
v-if="node.key"
|
||||||
class="fa fa-lock"
|
class="fa fa-lock"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
title="Hat VPN-Schlüssel" />
|
title="Hat VPN-Schlüssel" />
|
||||||
<i
|
<i
|
||||||
v-if="!node.key"
|
v-if="!node.key"
|
||||||
class="fa fa-times not-available"
|
class="fa fa-times not-available"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
title="Hat keinen VPN-Schlüssel" />
|
title="Hat keinen VPN-Schlüssel" />
|
||||||
</td>
|
</td>
|
||||||
<td>{{node.site}}</td>
|
<td>{{node.site}}</td>
|
||||||
<td>{{node.domain}}</td>
|
<td>{{node.domain}}</td>
|
||||||
<td class="icon">
|
<td class="icon">
|
||||||
<i
|
<i
|
||||||
v-if="node.coords"
|
v-if="node.coords"
|
||||||
class="fa fa-map-marker"
|
class="fa fa-map-marker"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
title="Hat Koordinaten" />
|
title="Hat Koordinaten" />
|
||||||
<i
|
<i
|
||||||
v-if="!node.coords"
|
v-if="!node.coords"
|
||||||
class="fa fa-times not-available"
|
class="fa fa-times not-available"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
title="Hat keinen Koordinaten" />
|
title="Hat keinen Koordinaten" />
|
||||||
</td>
|
</td>
|
||||||
<td v-if="node.onlineState !== undefined">{{node.onlineState.toLowerCase()}}</td>
|
<td v-if="node.onlineState !== undefined">{{node.onlineState.toLowerCase()}}</td>
|
||||||
<td v-if="node.onlineState === undefined">unbekannt</td>
|
<td v-if="node.onlineState === undefined">unbekannt</td>
|
||||||
<td class="icon">
|
<td class="icon">
|
||||||
<i
|
<i
|
||||||
v-if="node.monitoring && node.monitoringConfirmed"
|
v-if="node.monitoring && node.monitoringConfirmed"
|
||||||
class="fa fa-heartbeat"
|
class="fa fa-heartbeat"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
title="Monitoring aktiv" />
|
title="Monitoring aktiv" />
|
||||||
<i
|
<i
|
||||||
v-if="node.monitoring && !node.monitoringConfirmed"
|
v-if="node.monitoring && !node.monitoringConfirmed"
|
||||||
class="fa fa-envelope"
|
class="fa fa-envelope"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
title="Monitoring nicht bestätigt" />
|
title="Monitoring nicht bestätigt" />
|
||||||
<i
|
<i
|
||||||
v-if="!node.monitoring"
|
v-if="!node.monitoring"
|
||||||
class="fa fa-times not-available"
|
class="fa fa-times not-available"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
title="Monitoring deaktiviert" />
|
title="Monitoring deaktiviert" />
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</main>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue