Add Mark important and favorite on message menu

Signed-off-by: GretaD <gretadoci@gmail.com>

src/components/Message.vue

@@ -39,6 +39,12 @@
 						<ActionButton icon="icon-forward" @click="forwardMessage">
 							{{ t('mail', 'Forward') }}
 						</ActionButton>
+						<ActionButton icon="icon-starred" @click.prevent="onToggleFlagged">{{
+							envelope.flags.flagged ? t('mail', 'Unfavorite') : t('mail', 'Favorite')
+						}}</ActionButton>
+						<ActionButton icon="icon-important" @click.prevent="onToggleImportant">{{
+							envelope.flags.important ? t('mail', 'Mark unimportant') : t('mail', 'Mark important')
+						}}</ActionButton>
 						<ActionButton icon="icon-mail" @click="onToggleSeen">
 							{{ envelope.flags.seen ? t('mail', 'Mark unread') : t('mail', 'Mark read') }}
 						</ActionButton>
@@ -315,6 +321,12 @@ export default {
 		onCloseSource() {
 			this.showSource = false
 		},
+		onToggleImportant() {
+			this.$store.dispatch('toggleEnvelopeImportant', this.envelope)
+		},
+		onToggleFlagged() {
+			this.$store.dispatch('toggleEnvelopeFlagged', this.envelope)
+		},
 	},
 }
 </script>
@@ -473,4 +485,7 @@ export default {
 	white-space: pre-wrap;
 	user-select: text;
 }
+.app-content-list-item-star.icon-starred {
+	display: none;
+}
 </style>