Fixed: Hidden item-divider when channels are not found(#228)

hotwax · Jan 8, 2024 · 62798a0 · 62798a0
1 parent 3c5c3d9
commit 62798a0
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/views/ScheduleThreshold.vue b/src/views/ScheduleThreshold.vue
@@ -20,13 +20,6 @@
               <ion-icon :icon="optionsOutline" slot="start" />
               <ion-label>{{ threshold }} {{ $t('threshold') }}</ion-label>
             </ion-item>
-            <ion-item-divider color="light">
-              <ion-label>{{ $t('Channels') }}</ion-label>
-            </ion-item-divider>
-            <ion-item v-for="channel in channels" :key="channel.facilityGroupId">
-              <ion-label>{{ channel?.facilityGroupName }}</ion-label>
-              <ion-toggle :checked="isChannelChecked(channel.facilityGroupId)" :disabled="isChannelDisabled(channel.facilityGroupId)" slot="end" @ionChange="updateChannels($event, channel.facilityGroupId)"/>
-            </ion-item>
             <ion-item>
               <ion-label color="medium">{{ $t("Name") }}</ion-label>
               <ion-input :placeholder="$t('rule name')" v-model="jobName"/>
@@ -50,6 +43,13 @@
                 </ion-content>
               </ion-modal>
             </ion-item>
+            <ion-item-divider v-if="channels.length > 0" color="light">
+              <ion-label>{{ $t('Channels') }}</ion-label>
+            </ion-item-divider>
+            <ion-item v-for="channel in channels" :key="channel.facilityGroupId">
+              <ion-label>{{ channel?.facilityGroupName }}</ion-label>
+              <ion-toggle :checked="isChannelChecked(channel.facilityGroupId)" :disabled="isChannelDisabled(channel.facilityGroupId)" slot="end" @ionChange="updateChannels($event, channel.facilityGroupId)"/>
+            </ion-item>
           </ion-list>
         </aside>