✨ feat: Set a custom response icon's color with a "iconColor" output …

…parameter
jolzee · Nov 2, 2020 · 8daa82a · 8daa82a
1 parent 58cc851
commit 8daa82a
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/components/ChatTeneoResponse.vue b/src/components/ChatTeneoResponse.vue
@@ -52,7 +52,7 @@
         <v-icon
           v-else
           large
-          :color="!$vuetify.theme.dark ? responseLookAndFeel.iconColor : 'indigo'"
+          :color="!$vuetify.theme.dark ? getResponseIconColor : 'indigo'"
           class="teneo-response-icon"
           >{{ getResponseIcon }}</v-icon
         >
@@ -573,6 +573,18 @@ export default {
 
       return routerCheckList;
     },
+    getResponseIconColor() {
+      let iconColor = this.responseLookAndFeel.iconColor;
+      if ("teneoResponse" in this.item) {
+        const tResp = TIE.wrap(this.item.teneoResponse);
+        if (tResp.hasParameter("iconColor")) {
+          iconColor = tResp.getParameter("iconColor");
+          logger.info("Custom Icon Color:" + iconColor);
+        }
+      }
+
+      return iconColor;
+    },
     getResponseIcon() {
       let icon = this.responseIcon;