From e7908dc9a307ea3ccf93e78d274a83caf1c11255 Mon Sep 17 00:00:00 2001
From: Yannick Schaus <github@schaus.net>
Date: Mon, 7 Dec 2020 14:44:30 +0100
Subject: [PATCH] Fix invert not applied on f7-icons in badges (#596)

Reported in https://community.openhab.org/t/openhab-3-0-milestone-4-discussion/109174/125

Signed-off-by: Yannick Schaus <github@schaus.net>
---
 .../src/components/cards/glance/location/measurement-badge.vue  | 2 +-
 .../web/src/components/cards/glance/location/status-badge.vue   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/bundles/org.openhab.ui/web/src/components/cards/glance/location/measurement-badge.vue b/bundles/org.openhab.ui/web/src/components/cards/glance/location/measurement-badge.vue
index 7cd645be3..209d4271e 100644
--- a/bundles/org.openhab.ui/web/src/components/cards/glance/location/measurement-badge.vue
+++ b/bundles/org.openhab.ui/web/src/components/cards/glance/location/measurement-badge.vue
@@ -1,7 +1,7 @@
 <template>
   <span class="padding-right location-status-badge" v-show="reduce" :class="{ invert: invertColor }">
     <oh-icon v-if="config.icon.indexOf('oh:') === 0" :icon="config.icon.replace('oh:', '')" :state="config.state" class="oh-icon-badge" width="20" height="20" />
-    <f7-icon v-else-if="config.icon.indexOf('f7:') === 0" :f7="config.icon.replace('f7:', '')" :color="config.invertText ? 'black' : 'white'" class="f7-icon-badge" size="20" />
+    <f7-icon v-else-if="config.icon.indexOf('f7:') === 0" :f7="config.icon.replace('f7:', '')" :color="invertColor ? 'black' : 'white'" class="f7-icon-badge" size="20" />
     <!-- <oh-icon v-if="config.icon.indexOf('oh:') === 0 && config.stateOff" v-show="!reduce" icon="config.icon.replace('oh:', '')"  :state="config.stateOff" class="oh-icon-badge" width="20" height="20" /> -->
     <span class="glance-label" v-show="reduce">{{reduce}} {{config.unit}}</span>
     <span class="glance-label" v-show="reduceAux"><small>({{reduceAux}} {{config.unit}})</small></span>
diff --git a/bundles/org.openhab.ui/web/src/components/cards/glance/location/status-badge.vue b/bundles/org.openhab.ui/web/src/components/cards/glance/location/status-badge.vue
index 4e0f1d735..f15f3cd2e 100644
--- a/bundles/org.openhab.ui/web/src/components/cards/glance/location/status-badge.vue
+++ b/bundles/org.openhab.ui/web/src/components/cards/glance/location/status-badge.vue
@@ -1,7 +1,7 @@
 <template>
   <span class="padding-right location-status-badge" v-show="reduce" :class="{ invert: invertColor }">
     <oh-icon v-if="config.icon.indexOf('oh:') === 0" :icon="config.icon.replace('oh:', '')" :state="config.state" class="oh-icon-badge" width="20" height="20" />
-    <f7-icon v-else-if="config.icon.indexOf('f7:') === 0" :f7="config.icon.replace('f7:', '')" :color="config.invertText ? 'black' : 'white'" class="f7-icon-badge" size="20" />
+    <f7-icon v-else-if="config.icon.indexOf('f7:') === 0" :f7="config.icon.replace('f7:', '')" :color="invertColor ? 'black' : 'white'" class="f7-icon-badge" size="20" />
     <!-- <oh-icon v-if="config.icon.indexOf('oh:') === 0 && config.stateOff" v-show="!reduce" icon="config.icon.replace('oh:', '')"  :state="config.stateOff" class="oh-icon-badge" width="20" height="20" /> -->
     <span class="glance-label" v-show="reduce > 1">{{reduce}}</span>
   </span>