mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-04-20 06:55:06 -04:00
67 lines
1.6 KiB
Vue
67 lines
1.6 KiB
Vue
<template>
|
|
<div>
|
|
<n-alert title="Info" type="info">
|
|
This tool uses the first method suggested by IETF using the current timestamp plus the mac address, sha1 hashed,
|
|
and the lower 40 bits to generate your random ULA.
|
|
</n-alert>
|
|
|
|
<c-input-text
|
|
v-model:value="macAddress"
|
|
placeholder="Type a MAC address"
|
|
clearable
|
|
label="MAC address:"
|
|
raw-text
|
|
my-8
|
|
:validation="addressValidation"
|
|
/>
|
|
|
|
<div v-if="addressValidation.isValid">
|
|
<input-copyable
|
|
v-for="{ label, value } in calculatedSections"
|
|
:key="label"
|
|
:value="value"
|
|
:label="label"
|
|
label-width="160px"
|
|
label-align="right"
|
|
label-position="left"
|
|
readonly
|
|
mb-2
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { SHA1 } from 'crypto-js';
|
|
import InputCopyable from '@/components/InputCopyable.vue';
|
|
import { macAddressValidation } from '@/utils/macAddress';
|
|
|
|
const macAddress = ref('20:37:06:12:34:56');
|
|
const calculatedSections = computed(() => {
|
|
const timestamp = new Date().getTime();
|
|
const hex40bit = SHA1(timestamp + macAddress.value)
|
|
.toString()
|
|
.substring(30);
|
|
|
|
const ula = 'fd' + hex40bit.substring(0, 2) + ':' + hex40bit.substring(2, 6) + ':' + hex40bit.substring(6);
|
|
|
|
return [
|
|
{
|
|
label: 'IPv6 ULA:',
|
|
value: `${ula}::/48`,
|
|
},
|
|
{
|
|
label: 'First routable block:',
|
|
value: `${ula}:0::/64`,
|
|
},
|
|
{
|
|
label: 'Last routable block:',
|
|
value: `${ula}:ffff::/64`,
|
|
},
|
|
];
|
|
});
|
|
|
|
const addressValidation = macAddressValidation(macAddress);
|
|
</script>
|
|
|
|
<style lang="less" scoped></style>
|