speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-10 18:38:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve Wireguard tables

Browse source
This commit is contained in:
Samuel Lorch 2024-07-30 23:45:23 +02:00
parent 185c1e723d
commit f8752f99af
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
client/src/pages/vpn/wireguard.interfaces.vue
View file

@ -1,6 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { apiCall } from '../../api'; import { apiCall } from '../../api';
import getPlugins from '../../plugins'; import getPlugins from '../../plugins';
import ArrayDisplay from '~/components/display/ArrayDisplay.vue';
const p = getPlugins(); const p = getPlugins();
let interfaces = $ref({}); let interfaces = $ref({});
@ -10,7 +11,7 @@ let selection = $ref([] as number[]);
const columns = [ const columns = [
{ heading: 'Name', path: 'name' }, { heading: 'Name', path: 'name' },
{ heading: 'Listen Port', path: 'listen_port' }, { heading: 'Listen Port', path: 'listen_port' },
{ heading: 'Peers', path: 'peers' }, { heading: 'Peers', path: 'peers', component: markRaw(ArrayDisplay), componentProp: 'data' },
{ heading: 'Comment', path: 'comment' }, { heading: 'Comment', path: 'comment' },
]; ];
@ -68,4 +69,4 @@ onMounted(async() => {
<button :disabled="selection.length != 1" @click="editInterface">Edit</button> <button :disabled="selection.length != 1" @click="editInterface">Edit</button>
<button :disabled="selection.length != 1" @click="deleteInterface">Delete</button> <button :disabled="selection.length != 1" @click="deleteInterface">Delete</button>
</TableView> </TableView>
</template> </template>

3
client/src/pages/vpn/wireguard.peers.vue
View file

@ -1,6 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { apiCall } from '../../api'; import { apiCall } from '../../api';
import getPlugins from '../../plugins'; import getPlugins from '../../plugins';
import ArrayDisplay from '~/components/display/ArrayDisplay.vue';
const p = getPlugins(); const p = getPlugins();
let peers = $ref({}); let peers = $ref({});
@ -9,7 +10,7 @@ let selection = $ref([] as number[]);
const columns = [ const columns = [
{ heading: 'Name', path: 'name' }, { heading: 'Name', path: 'name' },
{ heading: 'Allowed IPs', path: 'allowed_ips' }, { heading: 'Allowed IPs', path: 'allowed_ips', component: markRaw(ArrayDisplay), componentProp: 'data' },
{ heading: 'Endpoint', path: 'endpoint' }, { heading: 'Endpoint', path: 'endpoint' },
{ heading: 'Persistent Keepalive', path: 'persistent_keepalive' }, { heading: 'Persistent Keepalive', path: 'persistent_keepalive' },
{ heading: 'Comment', path: 'comment' }, { heading: 'Comment', path: 'comment' },