mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-05 22:07:10 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

WIP(translate): translate web and math category all tools

Browse source
This commit is contained in:
Amery2010 2024-02-21 01:37:59 +08:00
parent 4f550a9499
commit a2e498d0aa
37 changed files with 406 additions and 119 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/tools/ipv4-subnet-calculator/ipv4-subnet-calculator.vue
View file

@ -7,6 +7,7 @@ import { withDefaultOnError } from '@/utils/defaults';
import { isNotThrowing } from '@/utils/boolean';
import SpanCopyable from '@/components/SpanCopyable.vue';
const { t } = useI18n();
const ip = useStorage('ipv4-subnet-calculator:ip', '192.168.0.1/24');
const getNetworkInfo = (address: string) => new Netmask(address.trim());
@ -15,7 +16,7 @@ const networkInfo = computed(() => withDefaultOnError(() => getNetworkInfo(ip.va
const ipValidationRules = [
{
message: 'We cannot parse this address, check the format',
message: t('tools.ipv4-subnet-calculator.invalidMessage'),
validator: (value: string) => isNotThrowing(() => getNetworkInfo(value.trim())),
},
];
@ -26,50 +27,50 @@ const sections: {
undefinedFallback?: string
}[] = [
{
label: 'Netmask',
label: t('tools.ipv4-subnet-calculator.networkMask'),
getValue: block => block.toString(),
},
{
label: 'Network address',
label: t('tools.ipv4-subnet-calculator.networkAddress'),
getValue: ({ base }) => base,
},
{
label: 'Network mask',
label: t('tools.ipv4-subnet-calculator.networkMask'),
getValue: ({ mask }) => mask,
},
{
label: 'Network mask in binary',
label: t('tools.ipv4-subnet-calculator.networkMaskInBinary'),
getValue: ({ bitmask }) => ('1'.repeat(bitmask) + '0'.repeat(32 - bitmask)).match(/.{8}/g)?.join('.') ?? '',
},
{
label: 'CIDR notation',
label: t('tools.ipv4-subnet-calculator.CIDRNotation'),
getValue: ({ bitmask }) => `/${bitmask}`,
},
{
label: 'Wildcard mask',
label: t('tools.ipv4-subnet-calculator.wildcardMask'),
getValue: ({ hostmask }) => hostmask,
},
{
label: 'Network size',
label: t('tools.ipv4-subnet-calculator.networkSize'),
getValue: ({ size }) => String(size),
},
{
label: 'First address',
label: t('tools.ipv4-subnet-calculator.firstAddress'),
getValue: ({ first }) => first,
},
{
label: 'Last address',
label: t('tools.ipv4-subnet-calculator.lastAddress'),
getValue: ({ last }) => last,
},
{
label: 'Broadcast address',
label: t('tools.ipv4-subnet-calculator.broadcastAddress'),
getValue: ({ broadcast }) => broadcast,
undefinedFallback: 'No broadcast address with this mask',
undefinedFallback: t('tools.ipv4-subnet-calculator.broadcastFallback'),
},
{
label: 'IP class',
label: t('tools.ipv4-subnet-calculator.IPClass'),
getValue: ({ base: ip }) => getIPClass({ ip }),
undefinedFallback: 'Unknown class type',
undefinedFallback: t('tools.ipv4-subnet-calculator.IPClassFallback'),
},
];
@ -86,8 +87,8 @@ function switchToBlock({ count = 1 }: { count?: number }) {
<div>
<c-input-text
v-model:value="ip"
label="An IPv4 address with or without mask"
placeholder="The ipv4 address..."
:label="t('tools.ipv4-subnet-calculator.ipv4AddressLabel')"
:placeholder="t('tools.ipv4-subnet-calculator.ipv4AddressPlaceholder')"
:validation-rules="ipValidationRules"
mb-4
/>
@ -112,10 +113,10 @@ function switchToBlock({ count = 1 }: { count?: number }) {
<div mt-3 flex items-center justify-between>
<c-button @click="switchToBlock({ count: -1 })">
<n-icon :component="ArrowLeft" />
Previous block
{{ t('tools.ipv4-subnet-calculator.previousBlock') }}
</c-button>
<c-button @click="switchToBlock({ count: 1 })">
Next block
{{ t('tools.ipv4-subnet-calculator.nextBlock') }}
<n-icon :component="ArrowRight" />
</c-button>
</div>