public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases 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
parent 74073f5038
commit fa57783eb7
No known key found for this signature in database
GPG Key ID: DBD997E935996158
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>