BugTrack/2552 counter plugin: async counter option

[pukiwiki/pukiwiki.git] / skin / main.js

diff --git a/skin/main.js b/skin/main.js
index 4ab722e..37f0ff8 100644 (file)
--- a/skin/main.js
+++ b/skin/main.js
@@ -608,10 +608,68 @@ window.addEventListener && window.addEventListener('DOMContentLoaded', function
     fragment.appendChild(a2)
     a.parentNode.replaceChild(fragment, a)
   }
+  function updateCounterItems () {
+    if (!isEnabledFetchFunctions()) return
+    var propRoot = document.querySelector('#pukiwiki-site-properties')
+    if (!propRoot) return
+    var propsE = propRoot.querySelector('.site-props')
+    if (!propsE || !propsE.value) return
+    var siteProps = JSON.parse(propsE.value)
+    var sitePathname = siteProps && siteProps.base_uri_pathname
+    if (!sitePathname) return
+    var pluginNameE = propRoot.querySelector('.plugin-name')
+    if (!pluginNameE) return
+    if (pluginNameE.value !== 'read') {
+      return
+    }
+    var pageNameE = propRoot.querySelector('.page-name')
+    if (!pageNameE) return
+    var pageName = pageNameE.value
+    if (!document.querySelector('._plugin_counter_item')) return
+    // Found async counter items
+    var url = sitePathname + '?plugin=counter&page=' + encodeURIComponent(pageName)
+    fetch(url, { credentials: 'same-origin' }
+    ).then(function (response) {
+      if (response.ok) {
+        return response.json()
+      }
+      throw new Error(response.status + ': ' +
+        response.statusText + ' on ' + url)
+    }).then(function (obj) {
+      showCounterItems(obj)
+    })['catch'](function (err) { // eslint-disable-line dot-notation
+      if (window.console && console.log) {
+        console.log(err)
+        console.log('Error! Please check JavaScript console\n' + JSON.stringify(err) + '|' + err)
+      }
+    })
+    function showCounterItems (obj) {
+      var items = document.querySelectorAll('._plugin_counter_item')
+      for (var i = 0; i < items.length; i++) {
+        var item = items[i]
+        if (item.classList.contains('_plugin_counter_item_total')) {
+          item.textContent = obj.total
+        }
+        if (item.classList.contains('_plugin_counter_item_today')) {
+          item.textContent = obj.today
+        }
+        if (item.classList.contains('_plugin_counter_item_yesterday')) {
+          item.textContent = obj.yesterday
+        }
+      }
+    }
+    function isEnabledFetchFunctions () {
+      if (window.fetch && document.querySelector && window.JSON) {
+        return true
+      }
+      return false
+    }
+  }
   setYourName()
   autoTicketLink()
   confirmEditFormLeaving()
   showPagePassage()
   convertExternalLinkToCushionPageLink()
   makeTopicpathTitle()
+  updateCounterItems()
 })