CorentinTh/it-tools
1
1
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-01-25 00:51:28 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(mac-address-lookup): added copy handler on button click

Browse source
This commit is contained in:
Corentin Thomasset 2023-04-19 22:56:31 +02:00 committed by Corentin THOMASSET
parent 74073f5038
commit c311e3824d
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/tools/mac-address-lookup/mac-address-lookup.vue
View file

@ -24,7 +24,7 @@
</n-form-item>
<n-space justify="center">
<c-button :disabled="!details"> Copy vendor info </c-button>
<c-button :disabled="!details" @click="copy"> Copy vendor info </c-button>
</n-space>
</div>
</template>
@ -32,6 +32,7 @@
<script setup lang="ts">
import db from 'oui/oui.json';
import { macAddressValidation } from '@/utils/macAddress';
import { useCopy } from '@/composable/copy';
const getVendorValue = (address: string) => address.trim().replace(/[.:-]/g, '').toUpperCase().substring(0, 6);
@ -39,6 +40,8 @@ const macAddress = ref('20:37:06:12:34:56');
const details = computed<string | undefined>(() => db[getVendorValue(macAddress.value)]);
const { attrs: validationAttrs } = macAddressValidation(macAddress);
const { copy } = useCopy({ source: details, text: 'Vendor info copied to the clipboard' });
</script>
<style lang="less" scoped></style>