From efdfb2d5163e3f39f8a7cf725ed95a3395796d05 Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Wed, 18 Mar 2020 02:06:31 -0700
Subject: [PATCH] moveToInbox action + actions array in bulkActions component

---
 src/components/BulkActionBar.vue      | 21 ++++++++++++++++++---
 src/components/MailScreenArchived.vue |  2 +-
 src/components/MailScreenInbox.vue    |  2 +-
 src/composition/useEmailSelection.js  |  1 +
 4 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/components/BulkActionBar.vue b/src/components/BulkActionBar.vue
index c21153f..646fa75 100644
--- a/src/components/BulkActionBar.vue
+++ b/src/components/BulkActionBar.vue
@@ -3,15 +3,26 @@
     <span v-if="!allAreSelected && numberSelected > 0">-</span> <!-- later on this minus sign will be in the checkbox, as it is in gmail -->
     <input type="checkbox" :checked="allAreSelected" @click="bulkSelect">
     
-    <button @click="emailSelection.markRead()" :disabled="Array.from(emailSelection.emails).every(e => e.read)">
+    <button @click="emailSelection.markRead()"
+            :disabled="Array.from(emailSelection.emails).every(e => e.read)"
+            v-if="actions.includes('markRead')">
       Mark Read
     </button>
-    <button @click="emailSelection.markUnread()" :disabled="Array.from(emailSelection.emails).every(e => !e.read)">
+    <button @click="emailSelection.markUnread()" 
+            :disabled="Array.from(emailSelection.emails).every(e => !e.read)"
+            v-if="actions.includes('markUnread')">
       Mark Unread
     </button>
-    <button @click="emailSelection.archive()" :disabled="numberSelected == 0">
+    <button @click="emailSelection.archive()" 
+            :disabled="numberSelected == 0"
+            v-if="actions.includes('archive')">
       Archive
     </button>
+    <button @click="emailSelection.moveToInbox()"
+            :disabled="numberSelected == 0"
+            v-if="actions.includes('moveToInbox')">
+      Move to Inbox
+    </button>
   </div>
 </template>
 
@@ -42,6 +53,10 @@
       emails: {
         type: Array,
         default: []
+      },
+      actions: {
+        type: Array,
+        default: ['markRead', 'markUnread']
       }
     }
   }
diff --git a/src/components/MailScreenArchived.vue b/src/components/MailScreenArchived.vue
index 6db6be9..d8429ef 100644
--- a/src/components/MailScreenArchived.vue
+++ b/src/components/MailScreenArchived.vue
@@ -1,7 +1,7 @@
 <template>
   <h1>VMail Archives</h1>
   
-  <BulkActionBar :emails="archivedEmails" />
+  <BulkActionBar :emails="archivedEmails" :actions="['markRead', 'markUnread', 'moveToInbox']" />
 
   <MailTable :emails="archivedEmails" />
 </template>
diff --git a/src/components/MailScreenInbox.vue b/src/components/MailScreenInbox.vue
index 4c3a95e..395dd73 100644
--- a/src/components/MailScreenInbox.vue
+++ b/src/components/MailScreenInbox.vue
@@ -1,7 +1,7 @@
 <template>
   <h1>VMail Inbox</h1>
   
-  <BulkActionBar :emails="inboxEmails" />
+  <BulkActionBar :emails="inboxEmails" :actions="['markRead', 'markUnread', 'archive']" />
 
   <MailTable :emails="inboxEmails" />
 </template>
diff --git a/src/composition/useEmailSelection.js b/src/composition/useEmailSelection.js
index 9875b82..f8fba6b 100644
--- a/src/composition/useEmailSelection.js
+++ b/src/composition/useEmailSelection.js
@@ -28,6 +28,7 @@ export const useEmailSelection = function(){
     markRead(){ this.forSelected(e => e.read = true )},
     markUnread(){ this.forSelected(e => e.read = false )},
     archive(){ this.forSelected(e => e.archived = true); this.clear();},
+    moveToInbox(){ this.forSelected(e => e.archived = false); this.clear();}
   })
 
   return {