Archives
/
device-epd
mirror of https://github.com/paperdash/device-epd
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

#42 show always connected wifi

Browse Source
pull/1/head
Thomas Ballmann 4 years ago
parent 7b5621a441
commit f384fe50bb
1 changed files with 97 additions and 49 deletions
Show Stats Download Patch File Download Diff File

146
app/src/views/Wifi.vue
Unescape Escape View File

@ -9,57 +9,105 @@
Wifi settings Wifi settings
</v-card-title> </v-card-title>
<v-skeleton-loader <v-list>
v-if="isLoading" <template v-if="stats.wifi.connected">
type="list-item-two-line,list-item-two-line,list-item-two-line" <v-list-item
class="mx-auto" class="px-1"
/> >
<v-list-item-icon class="mr-2 ml-2">
<v-list v-else> <v-icon>
<template v-for="(wifi, i) in wifiAvailable"> $check
<div :key="i"> </v-icon>
<v-divider v-if="i > 0" /> </v-list-item-icon>
<v-list-item <v-list-item-content dark>
class="px-1" <v-list-item-title v-text="stats.wifi.ssid" />
@click="onWifiSelect(wifi)" <v-list-item-subtitle v-text="stats.wifi.mac" />
> </v-list-item-content>
<v-list-item-icon class="mr-2 ml-2">
<v-icon v-if="wifi.ssid === settings.system.wifi"> <v-list-item-icon>
$check <v-icon
</v-icon> v-if="stats.wifi.secure"
class="mx-2"
<v-progress-circular >
v-if="wifi.ssid === connectingSSID" $lock
:size="24" </v-icon>
:width="2" <v-icon class="mx-2">
color="grey " {{ stats.wifi.rssi | wifiIcon(0) }}
indeterminate </v-icon>
/> <v-btn
</v-list-item-icon> icon
disabled
<v-list-item-content dark> >
<v-list-item-title v-text="wifi.ssid" /> <v-icon>
<v-list-item-subtitle v-text="wifi.bssid" /> $info
</v-list-item-content>
<v-list-item-icon>
<v-icon
v-if="wifi.secure"
class="mx-2"
>
$lock
</v-icon>
<v-icon class="mx-2">
{{ wifi.rssi | wifiIcon(0) }}
</v-icon>
<v-icon class="ml-3">
$next
</v-icon> </v-icon>
</v-list-item-icon> </v-btn>
</v-list-item> </v-list-item-icon>
</div> </v-list-item>
<v-divider />
</template> </template>
<v-subheader class="pl-0 mt-5">
Networks
</v-subheader>
<template v-if="!isLoading">
<template
v-for="(wifi, i) in wifiAvailable"
>
<div
v-if="wifi.ssid !== settings.system.wifi"
:key="i"
>
<v-divider v-if="i > 0" />
<v-list-item
class="px-1"
@click="onWifiSelect(wifi)"
>
<v-list-item-icon class="mr-2 ml-2">
<v-icon v-if="wifi.ssid === settings.system.wifi">
$check
</v-icon>
<v-progress-circular
v-if="wifi.ssid === connectingSSID"
:size="24"
:width="2"
color="grey "
indeterminate
/>
</v-list-item-icon>
<v-list-item-content dark>
<v-list-item-title v-text="wifi.ssid" />
<v-list-item-subtitle v-text="wifi.bssid" />
</v-list-item-content>
<v-list-item-icon>
<v-icon
v-if="wifi.secure"
class="mx-2"
>
$lock
</v-icon>
<v-icon class="mx-2">
{{ wifi.rssi | wifiIcon(0) }}
</v-icon>
<v-icon class="ml-3">
$next
</v-icon>
</v-list-item-icon>
</v-list-item>
</div>
</template>
</template>
<v-skeleton-loader
v-else
type="list-item-two-line,list-item-two-line,list-item-two-line"
/>
<v-divider /> <v-divider />

Write Preview
Loading…
Cancel
Save