From babdafea013e23ecd23c994f779ae127cb770c30 Mon Sep 17 00:00:00 2001
From: chylex <info@chylex.com>
Date: Wed, 2 Nov 2016 22:59:57 +0100
Subject: [PATCH] Add a base for renderer settings modal

---
 src/renderer/index.html   |  2 ++
 src/renderer/scr.gui.js   | 11 ++++++++++-
 src/renderer/scr.state.js | 21 ++++++++++++++++++++-
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/renderer/index.html b/src/renderer/index.html
index d546fc9..97355f6 100644
--- a/src/renderer/index.html
+++ b/src/renderer/index.html
@@ -19,6 +19,8 @@
       
       <div class="splitter"></div>
       
+      <button id="btn-settings">Settings</button>
+      
       <div> <!-- needed to stop the select from messing up -->
         <select id="opt-messages-per-page">
           <option value="50">50 messages per page&nbsp;</option>
diff --git a/src/renderer/scr.gui.js b/src/renderer/scr.gui.js
index 77e7db5..65b73c5 100644
--- a/src/renderer/scr.gui.js
+++ b/src/renderer/scr.gui.js
@@ -20,10 +20,15 @@ var GUI = (function(){
   // Modal dialogs
   // -------------
   
+  var showSettingsModal = function(){
+    showModal(560, 256, [
+    ].join(""));
+  };
+  
   var showInfoModal = function(){
     var linkGH = "https://github.com/chylex/Discord-History-Tracker";
     
-    var dialog = showModal(560, 128, [
+    showModal(560, 128, [
       "<p>Discord History Tracker is developed by <a href='https://chylex.com'>chylex</a> as an <a href='"+linkGH+"/blob/master/LICENSE.md'>open source</a> project.</p>",
       "<p>Please, report any issues and suggestions to the <a href='"+linkGH+"/issues'>tracker</a>. If you want to support the development, please spread the word and consider <a href='https://www.patreon.com/chylex'>becoming a patron</a>. Any support is appreciated!</p>",
       "<p>",
@@ -67,6 +72,10 @@ var GUI = (function(){
         });
       });
       
+      DOM.id("btn-settings").addEventListener("click", () => {
+        showSettingsModal();
+      });
+      
       DOM.id("btn-about").addEventListener("click", () => {
         showInfoModal();
       });
diff --git a/src/renderer/scr.state.js b/src/renderer/scr.state.js
index edaef63..d9d4476 100644
--- a/src/renderer/scr.state.js
+++ b/src/renderer/scr.state.js
@@ -140,13 +140,32 @@ var STATE = (function(){
       currentPage = total;
     }
 
-    return currentPage;
+    return currentPage || 1;
   };
 
   ROOT.getPageCount = function(){
     return !MSGS ? 0 : (!messagesPerPage ? 1 : Math.ceil(MSGS.length/messagesPerPage));
   };
   
+  // --------
+  // Settings
+  // --------
+  
+  ROOT.settings = {};
+  
+  var defineSettingProperty = (property, defaultValue) => {
+    var name = "_"+property;
+    
+    Object.defineProperty(ROOT.settings, property, {
+      get: (() => ROOT.settings[name]),
+      set: (value => {
+        ROOT.settings[name] = value;
+        triggerMessagesRefreshed();
+      })
+    });
+    
+    ROOT.settings[name] = defaultValue;
+  }
   // End
   return ROOT;
 })();