From 6122bf0c5b1f391369ac865d5a16fc70dd879b3a Mon Sep 17 00:00:00 2001
From: LI JIAHAO <lijiahao99131@gmail.com>
Date: Thu, 15 Jun 2017 19:36:34 +0800
Subject: [PATCH] polling msg num

---
 public/css/app.css                      |  5 ++++
 resources/views/layout/header.blade.php | 35 +++++++++++++++++++++++--
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 22a6e68..da3707c 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -215,4 +215,9 @@ footer span {
 
 input::placeholder, textarea::placeholder {
     color: #999999;
+}
+
+.message-num-tip {
+    cursor:pointer;
+    background-color: #e69d00;
 }
\ No newline at end of file
diff --git a/resources/views/layout/header.blade.php b/resources/views/layout/header.blade.php
index 2d33efa..7f8086e 100644
--- a/resources/views/layout/header.blade.php
+++ b/resources/views/layout/header.blade.php
@@ -11,7 +11,7 @@
               @if(Session::has('user_id'))
                 <li><a class="top-bar-list" data-toggle="offCanvas">≡</a></li>
                 <li><a class="top-bar-list" href="/">首页</a></li>
-                <li><a class="top-bar-list" href="/message">消息 <span class="label" style="cursor:pointer">2</span></a></li>
+                <li><a class="top-bar-list" href="/message">消息 <span style="display: none" class="label message-num-tip">0</span></a></li>
               @else
               <li><a class="top-bar-list" href="/">首页</a></li>
               <li class="is-dropdown-submenu-parent">
@@ -48,7 +48,7 @@
                   <li><a href="/logout">登出</a></li>
                 </ul>
               </li>
-              <li><a class="top-bar-list" href="/message">消息 <span class="label" style="cursor:pointer">2</span></a></li>
+              <li><a class="top-bar-list" href="/message">消息 <span style="display: none" class="label message-num-tip">0</span></a></li>
               <li><a href="/good/add" class="top-bar-button">出售</a></li>
             @else
               <li class="is-dropdown-submenu-parent">
@@ -116,3 +116,34 @@
     </ul>
 
 </div>
+
+@if(Session::has('user_id'))
+    <script>
+        $(document).ready(function() {
+            @if($_SERVER['REQUEST_URI'] != '/message')
+                getMsgNum();
+                window.setInterval(function(){getMsgNum()}, 5000)
+            @endif
+        });
+        function getMsgNum()
+        {
+            $.ajax({
+                type: "GET",
+                url: "/message/num",
+                success: function (msg) {
+                    msg = parseInt(msg);
+                    if(msg) {
+                        $(".message-num-tip").removeAttr("style");
+                        if(msg > 99)
+                            $(".message-num-tip").html("99+");
+                        else
+                            $(".message-num-tip").html(msg);
+                    }
+                    else {
+                        $(".message-num-tip").attr("style", "display: none;");
+                    }
+                }
+            })
+        }
+    </script>
+@endif