public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix lint errors

Browse Source
This commit is contained in:
Kamil Essekkat 2024-12-30 17:39:06 +01:00
parent 82a4958a62
commit 0fc30feaed
1 changed files with 14 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/tools/wifi-qr-code-generator/wifi-qr-code-generator.vue
View File

@ -35,7 +35,6 @@ const { qrcode, text, encryption } = useWifiQRCode({
const { download } = useDownloadFileFromBase64({ source: qrcode, filename: 'qr-code.png' }); const { download } = useDownloadFileFromBase64({ source: qrcode, filename: 'qr-code.png' });
const { copy } = useCopy({ source: text, text: 'Copied to the clipboard' }); const { copy } = useCopy({ source: text, text: 'Copied to the clipboard' });
</script> </script>
<template> <template>
@ -43,14 +42,8 @@ const { copy } = useCopy({ source: text, text: 'Copied to the clipboard' });
<div grid grid-cols-1 gap-12> <div grid grid-cols-1 gap-12>
<div> <div>
<c-select <c-select
v-model:value="encryption" v-model:value="encryption" mb-4 label="Encryption method" default-value="WPA" label-position="left"
mb-4 label-width="130px" label-align="right" :options="[
label="Encryption method"
default-value="WPA"
label-position="left"
label-width="130px"
label-align="right"
:options="[
{ {
label: 'No password', label: 'No password',
value: 'nopass', value: 'nopass',
@ -71,68 +64,36 @@ const { copy } = useCopy({ source: text, text: 'Copied to the clipboard' });
/> />
<div class="mb-6 flex flex-row items-center gap-2"> <div class="mb-6 flex flex-row items-center gap-2">
<c-input-text <c-input-text
v-model:value="ssid" v-model:value="ssid" label-position="left" label-width="130px" label-align="right" label="SSID:"
label-position="left" rows="1" autosize placeholder="Your WiFi SSID..." mb-6
label-width="130px"
label-align="right"
label="SSID:"
rows="1"
autosize
placeholder="Your WiFi SSID..."
mb-6
/> />
<n-checkbox v-model:checked="isHiddenSSID"> <n-checkbox v-model:checked="isHiddenSSID">
Hidden SSID Hidden SSID
</n-checkbox> </n-checkbox>
</div> </div>
<c-input-text <c-input-text
v-if="encryption !== 'nopass'" v-if="encryption !== 'nopass'" v-model:value="password" label-position="left" label-width="130px"
v-model:value="password" label-align="right" label="Password:" rows="1" autosize type="password" placeholder="Your WiFi Password..."
label-position="left"
label-width="130px"
label-align="right"
label="Password:"
rows="1"
autosize
type="password"
placeholder="Your WiFi Password..."
mb-6 mb-6
/> />
<c-select <c-select
v-if="encryption === 'WPA2-EAP'" v-if="encryption === 'WPA2-EAP'" v-model:value="eapMethod" label="EAP method" label-position="left"
v-model:value="eapMethod" label-width="130px" label-align="right"
label="EAP method" :options="EAPMethods.map((method) => ({ label: method, value: method }))" searchable mb-4
label-position="left"
label-width="130px"
label-align="right"
:options="EAPMethods.map((method) => ({ label: method, value: method }))"
searchable mb-4
/> />
<div v-if="encryption === 'WPA2-EAP'" class="mb-6 flex flex-row items-center gap-2"> <div v-if="encryption === 'WPA2-EAP'" class="mb-6 flex flex-row items-center gap-2">
<c-input-text <c-input-text
v-model:value="eapIdentity" v-model:value="eapIdentity" label-position="left" label-width="130px" label-align="right"
label-position="left" label="Identity:" rows="1" autosize placeholder="Your EAP Identity..." mb-6
label-width="130px"
label-align="right"
label="Identity:"
rows="1"
autosize
placeholder="Your EAP Identity..."
mb-6
/> />
<n-checkbox v-model:checked="eapAnonymous"> <n-checkbox v-model:checked="eapAnonymous">
Anonymous? Anonymous?
</n-checkbox> </n-checkbox>
</div> </div>
<c-select <c-select
v-if="encryption === 'WPA2-EAP'" v-if="encryption === 'WPA2-EAP'" v-model:value="eapPhase2Method" label="EAP Phase 2 method"
v-model:value="eapPhase2Method" label-position="left" label-width="130px" label-align="right"
label="EAP Phase 2 method" :options="EAPPhase2Methods.map((method) => ({ label: method, value: method }))" searchable mb-4
label-position="left"
label-width="130px"
label-align="right"
:options="EAPPhase2Methods.map((method) => ({ label: method, value: method }))"
searchable mb-4
/> />
<n-form label-width="130" label-placement="left"> <n-form label-width="130" label-placement="left">
<n-form-item label="Foreground color:"> <n-form-item label="Foreground color:">