Bidi UI

packages/modules/display_themes/cards/source/src/views/ChargePointsView.vue

@@ -16,6 +16,8 @@ import {
   faCalendarDay as fasCalendarDay,
   faCalendarWeek as fasCalendarWeek,
   faCalendarAlt as fasCalendarAlt,
+  faRightLeft as fasRightLeft,
+  faRightLong as fasRightLong,
   faCoins as fasCoins,
 } from "@fortawesome/free-solid-svg-icons";
 /* add icons to the library */
@@ -24,6 +26,8 @@ library.add(
   fasCalendarDay,
   fasCalendarWeek,
   fasCalendarAlt,
+  fasRightLeft,
+  fasRightLong,
   fasCoins,
 );
 
@@ -1340,6 +1344,10 @@ export default {
                         :icon="['fas', 'car-battery']"
                       />
                       {{ plan.limit.soc_scheduled }} %
+                      <font-awesome-icon
+                        :icon="['fas', plan.bidi_charging_enabled ? 'right-left' : 'right-long']"
+                      />
+                      {{ plan.limit.soc_limit }}&nbsp;%
                     </div>
                     <div v-if="plan.limit.selected == 'amount'">
                       <font-awesome-icon

packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanButton.vue

@@ -46,6 +46,11 @@
           />
           <div v-if="plan.limit.selected === 'soc'">
             {{ plan.limit.soc_scheduled }}%
+            <q-icon
+              :name="plan.bidi_charging_enabled ? 'sync_alt' : 'arrow_right_alt'"
+              size="sm"
+            />
+            {{ plan.limit.soc_limit }}%
           </div>
           <div v-if="plan.limit.selected === 'amount'">
             {{ plan.limit.amount ? plan.limit.amount / 1000 : '' }}kWh

packages/modules/web_themes/koala/source/src/stores/mqtt-store-model.ts

@@ -134,6 +134,7 @@ export interface ScheduledChargingPlan {
   id: number;
   name: string;
   active: boolean;
+  bidi_charging_enabled: boolean;
   et_active: boolean;
   current: number;
   dc_current: number;