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

Implement PortServiceDisplay

Browse source
This commit is contained in:
Samuel Lorch 2024-08-02 12:00:15 +02:00
parent 2ae4c7f5fb
commit c168fb1a60
1 changed files with 33 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
client/src/components/display/PortServiceDisplay.vue Normal file
View file

@ -0,0 +1,33 @@
<script setup lang="ts">
const props = withDefaults(defineProps<{
data: match | undefined,
}>(), {
data: undefined,
});
type port = { single?: { port: number }, range?: { start_port: number, end_port: number } };
type portOrAny = string | port;
type match = { source: portOrAny, destination: portOrAny };
const value = computed(() => {
if (props.data === undefined) {
return 'unknown';
}
return `${computePort(props.data.source)}->${computePort(props.data.destination)}`;
});
function computePort(port: portOrAny) {
if (typeof port === 'string') {
return 'any';
} else if (port.single !== undefined) {
return port.single.port;
} else if (port.range != undefined){
return `(${port.range.start_port}-${port.range.end_port})`;
} else {
return 'unknown';
}
}
</script>
<template>
{{ value }}
</template>