speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-09-13 23:29:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Linting fixes and form style experiment

Browse source 
- Also updated pnpm on my end for a hopefully clean lockfile
This commit is contained in:
adro 2023-11-01 09:28:29 +01:00
parent 7d2ef675f7
commit 5aec650946
20 changed files with 151 additions and 150 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/pages/firewall/DestinationNATRules.vue
View file

@ -59,7 +59,7 @@ onMounted(async() => {
<template>
<div>
<TableView title="DNAT Rules" :columns="columns" :loading="loading" @draggedRow="draggedRow" v-model:selection="selection" v-model:data="rules" :table-props="{sort:true, sortSelf: true, draggable: true}">
<TableView title="DNAT Rules" :columns="columns" :loading="loading" @dragged-row="draggedRow" v-model:selection="selection" v-model:data="rules" :table-props="{sort:true, sortSelf: true, draggable: true}">
<button @click="load">Refresh</button>
<router-link class="button" to="/firewall/destinationnatrules/edit">Create</router-link>
<router-link class="button" :class="{ disabled: selection.length != 1 }" :to="'/firewall/destinationnatrules/edit/' + selection[0]">Edit</router-link>

2
client/src/pages/firewall/ForwardRules.vue
View file

@ -58,7 +58,7 @@ onMounted(async() => {
<template>
<div>
<TableView title="Forward Rules" :columns="columns" :loading="loading" @draggedRow="draggedRow" v-model:selection="selection" v-model:data="rules" :table-props="{sort:true, sortSelf: true, draggable: true}">
<TableView title="Forward Rules" :columns="columns" :loading="loading" @dragged-row="draggedRow" v-model:selection="selection" v-model:data="rules" :table-props="{sort:true, sortSelf: true, draggable: true}">
<button @click="load">Refresh</button>
<router-link class="button" to="/firewall/forwardrules/edit">Create</router-link>
<router-link class="button" :class="{ disabled: selection.length != 1 }" :to="'/firewall/forwardrules/edit/' + selection[0]">Edit</router-link>

2
client/src/pages/firewall/SourceNATRules.vue
View file

@ -59,7 +59,7 @@ onMounted(async() => {
<template>
<div>
<TableView title="SNAT Rules" :columns="columns" :loading="loading" @draggedRow="draggedRow" v-model:selection="selection" v-model:data="rules" :table-props="{sort:true, sortSelf: true, draggable: true}">
<TableView title="SNAT Rules" :columns="columns" :loading="loading" @dragged-row="draggedRow" v-model:selection="selection" v-model:data="rules" :table-props="{sort:true, sortSelf: true, draggable: true}">
<button @click="load">Refresh</button>
<router-link class="button" to="/firewall/sourcenatrules/edit">Create</router-link>
<router-link class="button" :class="{ disabled: selection.length != 1 }" :to="'/firewall/sourcenatrules/edit/' + selection[0]">Edit</router-link>

16
client/src/pages/index.vue
View file

@ -1,7 +1,13 @@
<script setup lang="ts">
import { apiCall } from '../api';
let links = $ref([]);
type Link = {
name: string,
carrier_state: string,
operational_state: string,
}
let links: Link[] = $ref([]);
let loading = $ref(false);
async function load(){
@ -26,9 +32,11 @@ onMounted(async() => {
<div style="overflow-y: auto;">
<PageHeader title="Dashboard">
</PageHeader>
<div v-if="!loading" v-for="(link, index) in links" :key="index">
<p>{{ link.name }} {{ link.carrier_state }} {{ link.operational_state }}</p>
</div>
<template v-if="!loading">
<div v-for="(link, index) in links" :key="index">
<p>{{ link.name }} {{ link.carrier_state }} {{ link.operational_state }}</p>
</div>
</template>
<div v-else>
Loading...
</div>

8
client/src/pages/vpn/WireguardStatus.vue
View file

@ -26,9 +26,11 @@ onMounted(async () => {
<div style="overflow-y: auto;">
<PageHeader title="Wireguard Status">
</PageHeader>
<div v-if="!loading" v-for="(line, index) in status.split('\n')" :key="index">
<p>{{ line }}</p>
</div>
<template v-if="!loading">
<div v-for="(line, index) in status.split('\n')" :key="index">
<p>{{ line }}</p>
</div>
</template>
<div v-else>
Loading...
</div>