speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-11 02:48:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add Addresses, Services Pages

Browse source
This commit is contained in:
Samuel Lorch 2023-03-26 22:31:47 +02:00
parent de5efa2592
commit ab1e23e10d
3 changed files with 72 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/src/App.vue
View file

@ -12,7 +12,8 @@ let navState = $ref(NavState.Open);
const navRoutes = {
"/": { icon: IDashboard, caption: "Dashboard" },
"/firewall/rules": { icon: IRule, caption: "Rules" },
"/addresses": { icon: IAddress, caption: "Addresses" },
"/object/addresses": { icon: IAddress, caption: "Addresses" },
"/object/services": { icon: IAddress, caption: "Services" },
};
enum AuthState { Unauthenticated, MfaRequired, Authenticated };

35
client/src/pages/object/Addresses.vue Normal file
View file

@ -0,0 +1,35 @@
<script setup lang="ts">
import { apiCall } from "../../api";
let addresses = $ref([]);
const columns = [
{heading: 'Name', path: 'name'},
{heading: 'Type', path: 'type'},
{heading: 'Value', path: 'value'},
{heading: 'Comment', path: 'comment'},
];
async function load(){
let res = await apiCall("Object.GetAddresses", {});
if (res.Error === null) {
addresses = res.Data.Addresses;
console.debug("addresses", addresses);
} else {
console.debug("error", res);
}
}
onMounted(async() => {
load();
});
</script>
<template>
<div>
<PageHeader title="Addresses">
<button @click="load">Load Addresses</button>
</PageHeader>
<NiceTable :columns="columns" v-model:data="addresses"/>
</div>
</template>

35
client/src/pages/object/Services.vue Normal file
View file

@ -0,0 +1,35 @@
<script setup lang="ts">
import { apiCall } from "../../api";
let services = $ref([]);
const columns = [
{heading: 'Name', path: 'name'},
{heading: 'Type', path: 'type'},
{heading: 'Value', path: 'value'},
{heading: 'Comment', path: 'comment'},
];
async function load(){
let res = await apiCall("Object.GetServices", {});
if (res.Error === null) {
services = res.Data.Services;
console.debug("services", services);
} else {
console.debug("error", res);
}
}
onMounted(async() => {
load();
});
</script>
<template>
<div>
<PageHeader title="services">
<button @click="load">Load Services</button>
</PageHeader>
<NiceTable :columns="columns" v-model:data="services"/>
</div>
</template>