From 12c820783608b8a9a9e0d8ba5ad4beb3d6d4ab73 Mon Sep 17 00:00:00 2001
From: Ludovic Marcotte <lmarcotte@inverse.ca>
Date: Tue, 5 May 2015 13:03:59 -0400
Subject: [PATCH] (feat) flag/unflag messages

---
 UI/Templates/MailerUI/UIxMailViewTemplate.wox |  8 ++++++-
 .../js/Mailer/message-model.js                | 22 +++++++++++++++++++
 UI/WebServerResources/js/MailerUI.js          |  6 +++++
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/UI/Templates/MailerUI/UIxMailViewTemplate.wox b/UI/Templates/MailerUI/UIxMailViewTemplate.wox
index db8f06793..ba1fc010a 100644
--- a/UI/Templates/MailerUI/UIxMailViewTemplate.wox
+++ b/UI/Templates/MailerUI/UIxMailViewTemplate.wox
@@ -13,7 +13,13 @@
     </md-button>
     <header class="msg-header">
       <div class="msg-header-content">
-        <h3 class="sg-md-title-msg" ng-bind="message.subject"><!-- subject --></h3>
+        <div layout="row" layout-align="start center">
+          <md-button class="iconButton" aria-label="flagged" ng-click="markAsFlaggedOrUnflagged()">
+            <i ng-class="{'md-icon-star-outline' :
+                         !message.isflagged, 'md-icon-star': message.isflagged}"><!-- not flagged --></i>
+          </md-button>
+          <h3 class="sg-md-title-msg" ng-bind="message.subject"><!-- subject --></h3>
+        </div>
         <div class="pseudo-input-container--compact">
           <label class="pseudo-input-label">
             <var:string label:value="From"/>
diff --git a/UI/WebServerResources/js/Mailer/message-model.js b/UI/WebServerResources/js/Mailer/message-model.js
index 5f20f9658..8f3d1bd69 100644
--- a/UI/WebServerResources/js/Mailer/message-model.js
+++ b/UI/WebServerResources/js/Mailer/message-model.js
@@ -209,6 +209,12 @@
     return deferred.promise;
   };
 
+  /**
+   * @function $addOrRemoveTag
+   * @memberof Message.prototype
+   * @desc Add or remove a mail tag on the current message.
+   * @returns a promise of the HTTP operation
+   */
   Message.prototype.$addOrRemoveTag = function(operation, tag) {
     var data = {};
 
@@ -219,6 +225,22 @@
     return Message.$$resource.post(this.$mailbox.$id(), 'addOrRemoveLabel', data);
   }
 
+  /**
+   * @function $markAsFlaggedOrUnflagged
+   * @memberof Message.prototype
+   * @desc Add or remove a the \\Flagged flag on the current message.
+   * @returns a promise of the HTTP operation
+   */
+  Message.prototype.$markAsFlaggedOrUnflagged = function(operation) {
+    var data = {};
+
+    if (operation == 'add') {
+      return Message.$$resource.post(this.id, 'markMessageFlagged', data);
+    }
+
+    return Message.$$resource.post(this.id, 'markMessageUnflagged', data);
+  }
+
   /**
    * @function $reload
    * @memberof Message.prototype
diff --git a/UI/WebServerResources/js/MailerUI.js b/UI/WebServerResources/js/MailerUI.js
index b65a29564..9ed17040a 100644
--- a/UI/WebServerResources/js/MailerUI.js
+++ b/UI/WebServerResources/js/MailerUI.js
@@ -245,6 +245,12 @@
           stateMessage.$addOrRemoveTag(operation, tag);
         }
       };
+      $scope.markAsFlaggedOrUnflagged = function() {
+        var operation = (stateMessage.isflagged ? 'remove' : 'add');
+        stateMessage.$markAsFlaggedOrUnflagged(operation).then(function() {
+          stateMessage.isflagged = !stateMessage.isflagged;
+        });
+      };
       $scope.doDelete = function() {
         stateMailbox.$deleteMessages([stateMessage.uid]).then(function() {
           // Remove card from list of addressbook