From 52a568a794a86666aed0ba3a167d8d28b758d6fd Mon Sep 17 00:00:00 2001
From: erqan <erkan_yuksel@yahoo.com>
Date: Tue, 6 May 2014 16:42:35 +0300
Subject: [PATCH] mark all as read for DMs

---
 css/style.css           | 13 ++++++++++---
 following.html          |  4 +++-
 home.html               |  1 +
 js/twister_directmsg.js | 10 ++++++++++
 4 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index 9644069..359cc8c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1211,7 +1211,8 @@ ol.toptrends-list {
     color: #fff;
     background: rgba( 0, 0, 0, .1 );
 }
-.modal-back {
+.modal-back,
+.mark-all-as-read {
     position: absolute;
     right: 30px;
     top: 0;
@@ -1223,8 +1224,8 @@ ol.toptrends-list {
     transition: all .1s linear;
     display: none;  
 }
-.modal-back:hover
-{
+.modal-back:hover,
+.mark-all-as-read:hover {
     color: #fff;
     background: rgba( 0, 0, 0, .1 );
 }
@@ -1359,6 +1360,12 @@ ol.toptrends-list {
     right: -65px;
     left: auto;
 }
+.mark-all-as-read {
+    right: 60px;
+}
+.mark-all-as-read:before {
+    content: '\2714';
+}
 /*************************************
 ****************** NEW USER MODAL
 **************************************/
diff --git a/following.html b/following.html
index 8dad248..b865bb2 100644
--- a/following.html
+++ b/following.html
@@ -258,11 +258,13 @@
     <!-- TEMPLATE INVÓLUCRO DO POST EXPANDIDO END -->
 
     <!-- TEMPLATE DO MODAL GENÉRICO INIT -->
-    <div class="modal-blackout">
+    <div class="modal-blackout cancel">
       <div class="modal-wrapper">
         <div class="modal-header">
           <h3></h3>
           <span id="closeModal" class="modal-close cancel">&times;</span>
+          <span class="modal-back">&lt;</span>
+          <span class="mark-all-as-read"></span>
         </div>
         <div class="modal-content"></div>
         <div class="modal-buttons">
diff --git a/home.html b/home.html
index 8cc370a..bf06284 100644
--- a/home.html
+++ b/home.html
@@ -289,6 +289,7 @@
           <h3></h3>
           <span id="closeModal" class="modal-close cancel">&times;</span>
           <span class="modal-back">&lt;</span>
+          <span class="mark-all-as-read"></span>
         </div>
         <div class="modal-content"></div>
         <div class="modal-buttons">
diff --git a/js/twister_directmsg.js b/js/twister_directmsg.js
index 83b02ba..f3e8a76 100644
--- a/js/twister_directmsg.js
+++ b/js/twister_directmsg.js
@@ -142,6 +142,16 @@ function directMessagesPopup()
 
     requestDMsnippetList($(".directMessages").find(".direct-messages-list"));
     $('.modal-back').css('display','inline');
+    $('.mark-all-as-read').css('display', 'inline');
+    $('.mark-all-as-read').attr('title', polyglot.t("Mark all as read"));
+
+    $('.mark-all-as-read').on('click', function() {
+        for (var k in _newDMsPerUser) {
+            _newDMsPerUser[k] = 0;
+        }
+        saveDMsToStorage();
+        $.MAL.updateNewDMsUI(getNewDMsCount());
+    });
 }