mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 05:47:10 -04:00
feat(ipv4-range-expander): expands a given IPv4 start and end address to a valid IPv4 subnet (#366)
* feat(ipv4-range-expander): expands a given IPv4 start and end address to a valid IPv4 subnet * feat(ipv4-range-expander): remove old component copyable-ip-like.vue * feat(ipv4-range-expander): fix sonar findings * feat(ipv4-range-expander): changes due to review * feat(ipv4-range-expander): only show n-alert if both ipv4 addresses are valid
This commit is contained in:
parent
6d2202597c
commit
df989e24b3
11 changed files with 284 additions and 9 deletions
27
src/tools/ipv4-range-expander/result-row.vue
Normal file
27
src/tools/ipv4-range-expander/result-row.vue
Normal file
|
@ -0,0 +1,27 @@
|
|||
<template>
|
||||
<tr>
|
||||
<td>
|
||||
<n-text strong>{{ label }}</n-text>
|
||||
</td>
|
||||
<td :data-test-id="testId + '.old'"><span-copyable :value="oldValue" class="monospace" /></td>
|
||||
<td :data-test-id="testId + '.new'">
|
||||
<span-copyable :value="newValue"></span-copyable>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import SpanCopyable from '@/components/SpanCopyable.vue';
|
||||
import _ from 'lodash';
|
||||
|
||||
const props = withDefaults(defineProps<{ label: string; oldValue?: string; newValue?: string }>(), {
|
||||
label: '',
|
||||
oldValue: '',
|
||||
newValue: '',
|
||||
});
|
||||
const { label, oldValue, newValue } = toRefs(props);
|
||||
|
||||
const testId = computed(() => _.kebabCase(label.value));
|
||||
</script>
|
||||
|
||||
<style scoped lang="less"></style>
|
Loading…
Add table
Add a link
Reference in a new issue