From 3aec25e93e4c89e78b8cc30f2d49702b762f37ba Mon Sep 17 00:00:00 2001
From: raxelsen <raxelsen@sipwise.com>
Date: Fri, 29 Jun 2018 15:54:19 +0200
Subject: [PATCH] TT#38810 See failed Faxes marked differently

Change-Id: I388c896464cfb43c8a10dfb06c02d7dff5c1a708
---
 .../pages/Conversations/CscFaxItem.vue        | 18 ++++++++++++++++--
 .../pages/Conversations/CscVoiceMailItem.vue  | 19 ++++++++++++++++---
 2 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/src/components/pages/Conversations/CscFaxItem.vue b/src/components/pages/Conversations/CscFaxItem.vue
index f1174b94..9c233ca6 100644
--- a/src/components/pages/Conversations/CscFaxItem.vue
+++ b/src/components/pages/Conversations/CscFaxItem.vue
@@ -2,13 +2,14 @@
     <q-item class="csc-entity csc-fax-item">
         <q-item-side
             icon="description"
-            color="primary"
+            :color="color"
         />
         <q-item-main>
             <q-item-tile
                 label
             >
-                <span class="gt-sm csc-entity-title">Fax from </span>
+                <span class="gt-sm csc-entity-title">Fax </span>
+                <span class="gt-sm csc-entity-title">{{ direction }}</span>
                 <span class="csc-entity-title">{{ fax.caller | numberFormat }}</span>
             </q-item-tile>
             <q-item-tile
@@ -88,6 +89,19 @@
         data () {
             return {}
         },
+        computed: {
+            color() {
+                return this.fax.status === 'FAILED' ? 'negative' : 'primary';
+            },
+            direction() {
+                if(this.fax.direction === 'out') {
+                    return 'to';
+                }
+                else {
+                    return 'from';
+                }
+            }
+        },
         methods: {
             initCall(media) {
                 this.$refs.callPopover.close();
diff --git a/src/components/pages/Conversations/CscVoiceMailItem.vue b/src/components/pages/Conversations/CscVoiceMailItem.vue
index 9a8ce7b8..d6049c6c 100644
--- a/src/components/pages/Conversations/CscVoiceMailItem.vue
+++ b/src/components/pages/Conversations/CscVoiceMailItem.vue
@@ -10,16 +10,19 @@
             <q-item-tile
                 label
             >
-                <span class="gt-sm csc-entity-title">Voicemail from </span>
+                <span class="gt-sm csc-entity-title">Voicemail </span>
+                <span class="gt-sm csc-entity-title">{{ direction }}</span>
                 <span class="csc-entity-title">{{ voiceMail.caller | numberFormat }}</span>
             </q-item-tile>
             <q-item-tile
                 sublabel
-            >{{ voiceMail.start_time | smartTime }}
+            >
+                {{ voiceMail.start_time | smartTime }}
             </q-item-tile>
             <q-item-tile
                 sublabel
-            >Duration: {{ voiceMail.duration }} seconds
+            >
+                Duration: {{ voiceMail.duration }} seconds
             </q-item-tile>
             <q-item-tile>
                 <csc-voice-mail-player
@@ -89,6 +92,16 @@
         data () {
             return {}
         },
+        computed: {
+            direction() {
+                if(this.voiceMail.direction === 'out') {
+                    return 'to';
+                }
+                else {
+                    return 'from';
+                }
+            }
+        },
         methods: {
             initCall(media) {
                 this.$refs.callPopover.close();