MT#55674 We cannot remove fax files from the CSC

Change-Id: Ic2e9f007c149e750ccf6be3004a6003f3d3a5de8

src/api/conversations.js

@@ -123,3 +123,8 @@ export async function getAllCallsOrVoicemails (options) {
         params: options
     })
 }
+
+export async function deleteFax (id) {
+    const res = await Vue.http.delete('api/faxes/' + id)
+    return res.status >= 200
+}

src/components/pages/Conversations/CscConversationItem.vue

@@ -18,6 +18,7 @@
         :call-available="callAvailable"
         @download-fax="downloadFax"
         @start-call="startCall"
+        @delete-fax="$emit('delete-fax', $event)"
     />
     <csc-voice-mail-item
         v-else-if="item.type === 'voicemail'"

src/components/pages/Conversations/CscFaxItem.vue

@@ -55,6 +55,9 @@
                     v-if="callAvailable"
                     @click="startCall"
                 />
+                <csc-popup-menu-item-delete
+                    @click="deleteFax(fax)"
+                />
             </csc-more-menu>
         </q-item-section>
     </q-item>
@@ -64,9 +67,10 @@
 import CscMoreMenu from 'components/CscMoreMenu'
 import CscPopupMenuItem from 'components/CscPopupMenuItem'
 import CscPopupMenuItemStartCall from 'components/CscPopupMenuItemStartCall'
+import CscPopupMenuItemDelete from 'components/CscPopupMenuItemDelete'
 export default {
     name: 'CscFaxItem',
-    components: { CscPopupMenuItemStartCall, CscPopupMenuItem, CscMoreMenu },
+    components: { CscPopupMenuItemStartCall, CscPopupMenuItem, CscMoreMenu, CscPopupMenuItemDelete },
     props: {
         fax: {
             type: Object,
@@ -105,7 +109,10 @@ export default {
         },
         startCall () {
             this.$emit('start-call', this.fax.caller)
-        }
+        },
+        deleteFax (fax) {
+            this.$emit('delete-fax', fax)
+        },
     }
 }
 </script>

src/pages/CscPageConversations.vue

@@ -71,6 +71,7 @@
                         @toggle-block-outgoing="toggleBlockOutgoingAction"
                         @toggle-block-both="toggleBlockBothAction"
                         @delete-voicemail="$refs.confirmDeletionDialog.open();deletionId=$event.id"
+                        @delete-fax="$refs.confirmDeletionFaxDialog.open();deletionId=$event.id"
                     />
                 </q-list>
                 <div
@@ -97,6 +98,15 @@
             @remove="deleteVoicemailConfirmed({id:deletionId, tab: selectedTab})"
             @cancel="deletionId=null"
         />
+        <csc-remove-dialog
+            ref="confirmDeletionFaxDialog"
+            title-icon="delete"
+            title-icon-color="negative"
+            :title="$t('Remove Fax')"
+            :message="$t('You are about to remove this Fax')"
+            @remove="deleteFaxConfirmed({id:deletionId, tab: selectedTab})"
+            @cancel="deletionId=null"
+        />
     </csc-page-sticky-tabs>
 </template>
 
@@ -239,7 +249,8 @@ export default {
             deleteVoicemail: 'csc-conversations',
             toggleBlockIncoming: 'csc-conversations',
             toggleBlockOutgoing: 'csc-conversations',
-            toggleBlockBoth: 'csc-conversations'
+            toggleBlockBoth: 'csc-conversations',
+            deleteFax: 'csc-conversations'
         }),
         ...mapMutations('conversations', [
             'resetList'
@@ -335,6 +346,14 @@ export default {
                 this.forceReload()
             }
         },
+        async deleteFaxConfirmed (payload) {
+            this.resetList()
+            try {
+                await this.deleteFax(payload)
+            } finally {
+                this.forceReload()
+            }
+        },
         blockedIncoming (item) {
             if (item.direction === 'out') {
                 return this.isNumberIncomingBlocked(item.callee)

src/store/conversations/actions.js

@@ -5,7 +5,8 @@ import {
     getConversations,
     getIncomingBlocked,
     getOutgoingBlocked,
-    playVoiceMail
+    playVoiceMail,
+    deleteFax
 } from 'src/api/conversations'
 import _ from 'lodash'
 import {
@@ -208,5 +209,14 @@ export default {
         } catch (err) {
             context.commit('deletionFailed', err.message)
         }
+    },
+    async deleteFax (context, options) {
+        context.commit('deletionRequesting')
+        try {
+            await deleteFax(options.id)
+            context.commit('deletionSucceeded')
+        } catch (err) {
+            context.commit('deletionFailed', err.message)
+        }
     }
 }