CorentinTh/it-tools
1
1
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2024-11-15 21:54:30 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(device-information): handle of unknown values

Browse source
This commit is contained in:
Corentin Thomasset 2022-07-28 19:30:36 +02:00
parent 138149e6f0
commit 4f599b6999
No known key found for this signature in database
GPG key ID: DBD997E935996158
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/tools/device-information/device-information.vue
View file

@ -1,16 +1,17 @@
<template>
<n-card v-for="{ name, information } in sections" :key="name" :title="name">
<n-grid cols="1 400:2" x-gap="12" y-gap="12">
<n-gi v-for="{ label, value } in information" :key="label" class="information">
<n-gi v-for="{ label, value: { value } } in information" :key="label" class="information">
<n-card :bordered="false" embedded>
<div class="label">
{{ label }}
</div>
<div class="value">
<n-ellipsis>
{{ value.value }}
<n-ellipsis v-if="value">
{{ value }}
</n-ellipsis>
<div v-else class="undefined-value">unknown</div>
</div>
</n-card>
</n-gi>
@ -90,5 +91,9 @@ const sections = [
font-size: 20px;
font-weight: 400;
}
.undefined-value {
opacity: 0.8;
}
}
</style>