From 047e36fa79c7d92ce1e622daa9d6218d6afce72e Mon Sep 17 00:00:00 2001
From: xaoxuu <xaoxuu@gmail.com>
Date: Sun, 25 Nov 2018 23:37:20 +0800
Subject: [PATCH] =?UTF-8?q?leancloud=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _config.yml                 |   7 ++-
 layout/_partial/article.ejs |   8 ++-
 layout/_partial/scripts.ejs | 107 ++++++++++++++++++++++++++++++++++++
 3 files changed, 118 insertions(+), 4 deletions(-)

diff --git a/_config.yml b/_config.yml
index ec8da2c..85ab63b 100755
--- a/_config.yml
+++ b/_config.yml
@@ -50,9 +50,10 @@ motto: 这是我的座右铭
 
 # 百度统计key
 baidu_analytics_key: xxx
-
-
-
+# leancloud统计
+leancloud_analytics:
+  appId: xxx
+  appKey: xxx
 
 
 # >> 主题配置 ---------------------------------------------------------------------
diff --git a/layout/_partial/article.ejs b/layout/_partial/article.ejs
index 948b997..2def1e9 100755
--- a/layout/_partial/article.ejs
+++ b/layout/_partial/article.ejs
@@ -10,7 +10,13 @@
             <%= date(post.date, config.date_format) %>
         </time>
         <div class="browse"><i class="fas fa-eye fa-fw" aria-hidden="true"></i>
-          <span id="busuanzi_value_page_pv"><i class="fas fa-spinner fa-spin fa-fw" aria-hidden="true"></i></span>
+          <% if (config.leancloud_analytics && config.leancloud_analytics.appId && config.leancloud_analytics.appKey) { %>
+            <span id="<%= url_for(post.path) %>" class="leancloud_visitors" data-flag-title="<%= post.title %>">
+               <span class="leancloud-visitors-count"></span>
+            </span>
+          <% } else { %>
+            <span id="busuanzi_value_page_pv"><i class="fas fa-spinner fa-spin fa-fw" aria-hidden="true"></i></span>
+          <% } %>
         </div>
         <%- partial('categories',{post:post}) %>
     </section>
diff --git a/layout/_partial/scripts.ejs b/layout/_partial/scripts.ejs
index a9b9d09..8e75ae8 100755
--- a/layout/_partial/scripts.ejs
+++ b/layout/_partial/scripts.ejs
@@ -80,3 +80,110 @@
         <% } %>
     <% } %>
 <% } %>
+
+
+<% if (config.leancloud_analytics) { %>
+  <script src="https://cdn1.lncld.net/static/js/av-core-mini-0.6.4.js"></script>
+  <script>AV.initialize("<%= config.leancloud_analytics.appId %>", "<%= config.leancloud_analytics.appKey %>");</script>
+  <script>
+  function showTime(Counter) {
+    var query = new AV.Query(Counter);
+    var entries = [];
+    var $visitors = $(".leancloud_visitors");
+
+    $visitors.each(function () {
+      entries.push( $(this).attr("id").trim() );
+    });
+
+    query.containedIn('url', entries);
+    query.find()
+      .done(function (results) {
+        var COUNT_CONTAINER_REF = '.leancloud-visitors-count';
+
+        if (results.length === 0) {
+          $visitors.find(COUNT_CONTAINER_REF).text(0);
+          return;
+        }
+
+        for (var i = 0; i < results.length; i++) {
+          var item = results[i];
+          var url = item.get('url');
+          var time = item.get('time');
+          var element = document.getElementById(url);
+
+          $(element).find(COUNT_CONTAINER_REF).text(time);
+        }
+        for(var i = 0; i < entries.length; i++) {
+          var url = entries[i];
+          var element = document.getElementById(url);
+          var countSpan = $(element).find(COUNT_CONTAINER_REF);
+          if( countSpan.text() == '') {
+            countSpan.text(0);
+          }
+        }
+      })
+      .fail(function (object, error) {
+        console.log("Error: " + error.code + " " + error.message);
+      });
+  }
+
+  function addCount(Counter) {
+    var $visitors = $(".leancloud_visitors");
+    var url = $visitors.attr('id').trim();
+    var title = $visitors.attr('data-flag-title').trim();
+    var query = new AV.Query(Counter);
+
+    query.equalTo("url", url);
+    query.find({
+      success: function(results) {
+        if (results.length > 0) {
+          var counter = results[0];
+          counter.fetchWhenSave(true);
+          counter.increment("time");
+          counter.save(null, {
+            success: function(counter) {
+              var $element = $(document.getElementById(url));
+              $element.find('.leancloud-visitors-count').text(counter.get('time'));
+            },
+            error: function(counter, error) {
+              console.log('Failed to save Visitor num, with error message: ' + error.message);
+            }
+          });
+        } else {
+          var newcounter = new Counter();
+          /* Set ACL */
+          var acl = new AV.ACL();
+          acl.setPublicReadAccess(true);
+          acl.setPublicWriteAccess(true);
+          newcounter.setACL(acl);
+          /* End Set ACL */
+          newcounter.set("title", title);
+          newcounter.set("url", url);
+          newcounter.set("time", 1);
+          newcounter.save(null, {
+            success: function(newcounter) {
+              var $element = $(document.getElementById(url));
+              $element.find('.leancloud-visitors-count').text(newcounter.get('time'));
+            },
+            error: function(newcounter, error) {
+              console.log('Failed to create');
+            }
+          });
+        }
+      },
+      error: function(error) {
+        console.log('Error:' + error.code + " " + error.message);
+      }
+    });
+  }
+
+  $(function() {
+    var Counter = AV.Object.extend("Counter");
+    if ($('.leancloud_visitors').length == 1) {
+      addCount(Counter);
+    } else if ($('.post-title-link').length > 1) {
+      showTime(Counter);
+    }
+  });
+</script>
+<% } %>