patrick/OpenDTU-old
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show inverter tabs only if >1 inverter is available

Browse Source
This commit is contained in:
Thomas Basler 2022-10-16 17:43:36 +02:00
parent 584ec00610
commit f193e0cafc
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
webapp/src/components/HomeView.vue
View File

@ -12,7 +12,7 @@
<template v-else> <template v-else>
<div class="row gy-3"> <div class="row gy-3">
<div class="col-sm-3 col-md-2"> <div class="col-sm-3 col-md-2" :style="[inverterData.length == 1 ? {'display': 'none' } : {}]">
<div class="nav nav-pills row-cols-sm-1" id="v-pills-tab" role="tablist" <div class="nav nav-pills row-cols-sm-1" id="v-pills-tab" role="tablist"
aria-orientation="vertical"> aria-orientation="vertical">
<button v-for="inverter in inverterData" :key="inverter.serial" class="nav-link" <button v-for="inverter in inverterData" :key="inverter.serial" class="nav-link"
@ -27,7 +27,8 @@
</div> </div>
</div> </div>
<div class="tab-content col-sm-9 col-md-10" id="v-pills-tabContent"> <div class="tab-content" id="v-pills-tabContent" :class="{'col-sm-9 col-md-10': inverterData.length > 1,
'col-sm-12 col-md-12': inverterData.length == 1 }">
<div v-for="inverter in inverterData" :key="inverter.serial" class="tab-pane fade show" <div v-for="inverter in inverterData" :key="inverter.serial" class="tab-pane fade show"
:id="'v-pills-' + inverter.serial" role="tabpanel" :id="'v-pills-' + inverter.serial" role="tabpanel"
:aria-labelledby="'v-pills-' + inverter.serial + '-tab'" tabindex="0"> :aria-labelledby="'v-pills-' + inverter.serial + '-tab'" tabindex="0">