From 2789d10176fe533d6d80f3805be3eb3a9f732b74 Mon Sep 17 00:00:00 2001
From: Leonardo Santos <devleeo@outlook.com>
Date: Sun, 21 May 2017 14:18:18 -0300
Subject: [PATCH] Add 'status'

---
 README.md                     |  3 +++
 dist/mc-player-counter.js     | 22 +++++++++++++++++-----
 dist/mc-player-counter.min.js |  2 +-
 examples/index.html           |  1 +
 package.json                  |  2 +-
 src/mc-player-counter.js      | 16 ++++++++++++++--
 6 files changed, 37 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 3cdfe06..c5c5115 100644
--- a/README.md
+++ b/README.md
@@ -12,6 +12,9 @@ Displays the number of online players of your Minecraft Server in your site with
 
 In HTML, should be prefixed with `data-playercounter-`. E.g (`data-playercounter-ip`)
 
+You can also display the server status by adding the attribute `data-playercounter-status`. It will display "online" or "offline".  
+See [example](examples/index.html#L11)
+
 ## Demo
 - https://cdn.rawgit.com/leonardosnt/mc-player-counter/master/examples/index.html
 
diff --git a/dist/mc-player-counter.js b/dist/mc-player-counter.js
index ff07e95..b2f0162 100644
--- a/dist/mc-player-counter.js
+++ b/dist/mc-player-counter.js
@@ -52,11 +52,23 @@ var PlayerCounter = function () {
 
         var FORMAT_REGEX = /{\b(online|max)\b}/ig;
         var data = JSON.parse(request.responseText);
-        var text = _this.format.replace(FORMAT_REGEX, function (match, group) {
-          return data.players[group];
-        });
-
-        _this.element.innerHTML = text;
+        var displayStatus = _this.element.getAttribute('data-playercounter-status');
+
+        // Display server status.
+        // offline/online
+        if (displayStatus !== null) {
+          _this.element.innerText = data.status ? 'online' : 'offline';
+          return;
+        }
+
+        // Display online players
+        // Make sure server is online
+        if (data.status) {
+          var text = _this.format.replace(FORMAT_REGEX, function (match, group) {
+            return data.players[group];
+          });
+          _this.element.innerHTML = text;
+        }
       };
       request.open('GET', 'https://mcapi.ca/query/' + this.ip + '/players');
       request.send();
diff --git a/dist/mc-player-counter.min.js b/dist/mc-player-counter.min.js
index 7fba631..4292ef2 100644
--- a/dist/mc-player-counter.min.js
+++ b/dist/mc-player-counter.min.js
@@ -4,4 +4,4 @@
  * Copyright (C) 2017 leonardosnt
  * Licensed under the MIT License. See LICENSE file in the project root for full license information.
  */
-!function(){"use strict";function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),r=function(){function r(t){var n=t.ip,o=t.element,a=t.format,i=void 0===a?"{online}":a,u=t.refreshRate,l=void 0===u?5e3:u;if(e(this,r),void 0==n)throw TypeError("ip cannot be null or undefined");if(void 0==o)throw TypeError("element cannot be null or undefiend");this.ip=n,this.format=i,this.element="string"==typeof o?document.querySelector(o):o,this.runQuery(),this.timerId=setInterval(this.runQuery.bind(this),l)}return t(r,[{key:"runQuery",value:function(){var e=this,t=new XMLHttpRequest;t.onreadystatechange=function(){if(4===t.readyState&&200===t.status){var r=JSON.parse(t.responseText),n=e.format.replace(/{\b(online|max)\b}/gi,function(e,t){return r.players[t]});e.element.innerHTML=n}},t.open("GET","https://mcapi.ca/query/"+this.ip+"/players"),t.send()}}]),r}(),n=function(){for(var e=document.querySelectorAll("[data-playercounter-ip]"),t=0;t<e.length;t++){var n=e[t];new r({element:n,ip:n.getAttribute("data-playercounter-ip")||void 0,format:n.getAttribute("data-playercounter-format")||void 0,refreshRate:n.getAttribute("data-playercounter-refreshRate")||void 0})}};"complete"===document.readyState?n():window.onload=n,window.PlayerCounter=r}();
\ No newline at end of file
+!function(){"use strict";function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),n=function(){function n(t){var r=t.ip,a=t.element,i=t.format,o=void 0===i?"{online}":i,u=t.refreshRate,l=void 0===u?5e3:u;if(e(this,n),void 0==r)throw TypeError("ip cannot be null or undefined");if(void 0==a)throw TypeError("element cannot be null or undefiend");this.ip=r,this.format=o,this.element="string"==typeof a?document.querySelector(a):a,this.runQuery(),this.timerId=setInterval(this.runQuery.bind(this),l)}return t(n,[{key:"runQuery",value:function(){var e=this,t=new XMLHttpRequest;t.onreadystatechange=function(){if(4===t.readyState&&200===t.status){var n=JSON.parse(t.responseText);if(null!==e.element.getAttribute("data-playercounter-status"))return void(e.element.innerText=n.status?"online":"offline");if(n.status){var r=e.format.replace(/{\b(online|max)\b}/gi,function(e,t){return n.players[t]});e.element.innerHTML=r}}},t.open("GET","https://mcapi.ca/query/"+this.ip+"/players"),t.send()}}]),n}(),r=function(){for(var e=document.querySelectorAll("[data-playercounter-ip]"),t=0;t<e.length;t++){var r=e[t];new n({element:r,ip:r.getAttribute("data-playercounter-ip")||void 0,format:r.getAttribute("data-playercounter-format")||void 0,refreshRate:r.getAttribute("data-playercounter-refreshRate")||void 0})}};"complete"===document.readyState?r():window.onload=r,window.PlayerCounter=n}();
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index 96129da..4da4a86 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -9,5 +9,6 @@
   <body>
     <p>Players on hypixel.net: <b><span data-playercounter-ip="mc.hypixel.net">0</span></b></p>
     <p>Players on play.cubecraft.net: <b><span data-playercounter-ip="play.cubecraft.net" data-playercounter-format="{online}/{max}">0</span></b></p>
+    <p>Mineplex is currently <span data-playercounter-ip="us.mineplex.com" data-playercounter-status>...</span></p>
   </body>
 </html>
\ No newline at end of file
diff --git a/package.json b/package.json
index c77f09a..6cf78e5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mc-player-counter",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "author": "leonardosnt",
   "license": "MIT",
   "repository": {
diff --git a/src/mc-player-counter.js b/src/mc-player-counter.js
index b914de8..e6c83d9 100644
--- a/src/mc-player-counter.js
+++ b/src/mc-player-counter.js
@@ -34,9 +34,21 @@ class PlayerCounter {
 
       const FORMAT_REGEX = /{\b(online|max)\b}/ig;
       const data = JSON.parse(request.responseText);
-      const text = this.format.replace(FORMAT_REGEX, (match, group) => data.players[group]);
+      const displayStatus = this.element.getAttribute('data-playercounter-status');
 
-      this.element.innerHTML = text;
+      // Display server status.
+      // offline/online
+      if (displayStatus !== null) {
+        this.element.innerText = data.status ? 'online' : 'offline';
+        return;
+      }
+
+      // Display online players
+      // Make sure server is online
+      if (data.status) {
+        const text = this.format.replace(FORMAT_REGEX, (match, group) => data.players[group]);
+        this.element.innerHTML = text;
+      }
     };
     request.open('GET', `https://mcapi.ca/query/${this.ip}/players`);
     request.send();