TT#38810 See failed Faxes marked differently

Change-Id: I388c896464cfb43c8a10dfb06c02d7dff5c1a708

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();

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();