Commit 2dd7b496 authored by rx2495's avatar rx2495 🦉
Browse files

FIX: Better passphrase display on mobile devices

parent 85e211ec
Pipeline #216998 passed with stages
in 2 minutes and 57 seconds
...@@ -47,25 +47,18 @@ ...@@ -47,25 +47,18 @@
<template v-slot:cell(wpa_key)="data"> <template v-slot:cell(wpa_key)="data">
<span v-if="data.item.wpa_key !== null"> <span v-if="data.item.wpa_key !== null">
<b-button-group class="fullwidth"> <b-button-group class="fullwidth">
<b-button :id="'show-wpa-key-' + bcd.name + '-' + data.index" variant="outline-primary"
tabindex="0" href="#">
<font-awesome-icon icon="fa-solid fa-eye"></font-awesome-icon>
</b-button>
<b-button @click="showQR(data.item)" <b-button @click="showQR(data.item)"
:id="'show-wpa-key-' + bcd.name + '-' + data.index+'-qr'" :id="'show-wpa-key-' + bcd.name + '-' + data.index+'-qr'"
variant="outline-primary" variant="outline-primary"
tabindex="0" href="#"> tabindex="0" href="#">
<font-awesome-icon icon="fa-solid fa-qrcode"></font-awesome-icon> <font-awesome-icon icon="fa-solid fa-eye"></font-awesome-icon>
</b-button> </b-button>
<b-tooltip :target="'show-wpa-key-' + bcd.name + '-' + data.index+'-qr'" <b-tooltip :target="'show-wpa-key-' + bcd.name + '-' + data.index+'-qr'"
triggers="hover" variant="primary" placement="right"> triggers="hover" variant="primary" placement="bottom">
WiFi-QR-Code anzeigen WiFi-Passwort und WiFi-QR-Code anzeigen
</b-tooltip> </b-tooltip>
</b-button-group> </b-button-group>
<b-popover :target="'show-wpa-key-' + bcd.name + '-' + data.index" </span>
triggers="focus" custom-class="popover-wide">
<CopyField :text="data.item.wpa_key" code/>
</b-popover></span>
<span v-else class="text-center"><p><font-awesome-icon icon="fa-solid fa-eye-slash"> <span v-else class="text-center"><p><font-awesome-icon icon="fa-solid fa-eye-slash">
</font-awesome-icon></p></span> </font-awesome-icon></p></span>
</template> </template>
...@@ -103,11 +96,10 @@ ...@@ -103,11 +96,10 @@
</template> </template>
<script> <script>
import CopyField from '@/components/CopyField'
export default { export default {
name: 'MacAuthCard', name: 'MacAuthCard',
components: { CopyField }, components: {},
data() { data() {
return { return {
macauth_fields: [ macauth_fields: [
......
...@@ -40,6 +40,8 @@ ...@@ -40,6 +40,8 @@
<p class="text-center"> <p class="text-center">
<qrcode-vue v-if="qr_item" :value="'WIFI:S:KIT-IoT;T:WPA;P:'+encodeQr(qr_item.wpa_key)+';;'"></qrcode-vue> <qrcode-vue v-if="qr_item" :value="'WIFI:S:KIT-IoT;T:WPA;P:'+encodeQr(qr_item.wpa_key)+';;'"></qrcode-vue>
</p> </p>
<p><b>Passwort:</b></p>
<CopyField :text="qr_item.wpa_key" code/>
</b-modal> </b-modal>
</Loading> </Loading>
</div> </div>
...@@ -55,10 +57,11 @@ import MACAuthService from '@/api-services.gen/macauth.client' ...@@ -55,10 +57,11 @@ import MACAuthService from '@/api-services.gen/macauth.client'
import PaginatorList from '@/components/PaginatorList' import PaginatorList from '@/components/PaginatorList'
import QrcodeVue from 'qrcode.vue' import QrcodeVue from 'qrcode.vue'
import MacAuthCard from '../../components/MacAuthCard' import MacAuthCard from '../../components/MacAuthCard'
import CopyField from '@/components/CopyField'
export default { export default {
name: 'macauth', name: 'macauth',
components: { MacAuthCard, PaginatorList, DBEditor, Loading, QrcodeVue }, components: { MacAuthCard, PaginatorList, DBEditor, Loading, QrcodeVue, CopyField },
data() { data() {
return { return {
qr_item: null, qr_item: null,
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment