From 91dd514f5ad8b7ed845cf9abbc098a3c63167252 Mon Sep 17 00:00:00 2001
From: Ethan Snow <bombitmanbomb@gmail.com>
Date: Wed, 4 Dec 2019 18:38:21 -0500
Subject: [PATCH] 0.2.0

UI Rework
---
 Pages/ConfigWindow.html | 72 +++++++++++++++++++++++++++++++++++------
 Pages/mainWindow.html   |  9 ++++--
 package.json            |  2 +-
 start.js                |  2 +-
 4 files changed, 71 insertions(+), 14 deletions(-)

diff --git a/Pages/ConfigWindow.html b/Pages/ConfigWindow.html
index 40076c2..b61aeea 100644
--- a/Pages/ConfigWindow.html
+++ b/Pages/ConfigWindow.html
@@ -27,8 +27,8 @@
          <li class="nav-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Coming Soon!">
             <a class="nav-link disabled" >Presets</a>
          </li>
-         <li class="nav-item" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Coming Soon!">
-            <a class="nav-link disabled">Misc</a>
+         <li class="nav-item">
+            <a class="nav-link text-danger" data-toggle="tab" href="#danger">Danger Zone</a>
          </li>
       </ul>
       <div id="myTabContent" class="tab-content">
@@ -49,16 +49,66 @@
                      <div id="PathFeedback" class="invalid-feedback"></div>
                   </div>
                </div>
-               <div class="modal-footer"><button type="button" class="btn btn-primary" type="submit" onclick="saveConfig(this.parentElement.parentElement.id)">Save changes</button></div>
+               <div class="modal-footer"><button type="button" class="btn btn-primary" type="submit" onclick="saveConfig(this.parentElement.parentElement.id)">Save System</button></div>
          </div>
          <!--VISUAL-->
          <div class="tab-pane fade" id="visual">
+            
             <div>
-               <label for="SelectTheme">Theme</label>
-               <select id="SelectTheme" class="custom-select" onchange="newThemeFunc()">
-               </select>
+                    <button type="button" class="btn btn-primary">Primary</button>
+                    <button type="button" class="btn btn-secondary">Secondary</button>
+                    <button type="button" class="btn btn-success">Success</button>
+                    <button type="button" class="btn btn-info">Info</button>
+                    <button type="button" class="btn btn-warning">Warning</button>
+                    <button type="button" class="btn btn-danger">Danger</button>
+                    <button type="button" class="btn btn-link">Link</button>
+                    <div class="alert alert-dismissible alert-warning">
+                            <button type="button" class="close" data-dismiss="alert">&times;</button>
+                            <h4 class="alert-heading">Warning!</h4>
+                            <p class="mb-0">Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="#" class="alert-link">vel scelerisque nisl consectetur et</a>.</p>
+                          </div>
+                          <div class="alert alert-dismissible alert-danger">
+                                <button type="button" class="close" data-dismiss="alert">&times;</button>
+                                <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
+                              </div>
+                              <div class="alert alert-dismissible alert-success">
+                                    <button type="button" class="close" data-dismiss="alert">&times;</button>
+                                    <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
+                                  </div>
+                                  <div class="alert alert-dismissible alert-info">
+                                        <button type="button" class="close" data-dismiss="alert">&times;</button>
+                                        <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
+                                      </div>
+                                      <span class="badge badge-primary">Primary</span>
+<span class="badge badge-secondary">Secondary</span>
+<span class="badge badge-success">Success</span>
+<span class="badge badge-danger">Danger</span>
+<span class="badge badge-warning">Warning</span>
+<span class="badge badge-info">Info</span>
+<span class="badge badge-light">Light</span>
+<span class="badge badge-dark">Dark</span>
+<ul class="list-group">
+        <li class="list-group-item d-flex justify-content-between align-items-center">
+          Cras justo odio
+          <span class="badge badge-primary badge-pill">14</span>
+        </li>
+        <li class="list-group-item d-flex justify-content-between align-items-center">
+          Dapibus ac facilisis in
+          <span class="badge badge-primary badge-pill">2</span>
+        </li>
+        <li class="list-group-item d-flex justify-content-between align-items-center">
+          Morbi leo risus
+          <span class="badge badge-primary badge-pill">1</span>
+        </li>
+      </ul>
             </div>
-            <div class="modal-footer"><button type="button" class="btn btn-primary" type="submit" onclick="saveConfig(this.parentElement.parentElement.id)">Save changes</button></div>
+            <br>
+            <div>
+                    <label for="SelectTheme">Theme</label>
+                    <select id="SelectTheme" class="custom-select" onchange="newThemeFunc()">
+                    </select>
+                 </div>
+            <div class="modal-footer"><button type="button" class="btn btn-primary" type="submit" onclick="saveConfig(this.parentElement.parentElement.id)">Save Visual</button></div>
          </div>
          <!--ACCOUNT-->
          <div class="tab-pane fade" id="account"> 
@@ -75,14 +125,18 @@ <h3 id="userNameProfile">[Loading...]</h3>
             <input type="password" class="form-control" id="apikey" placeholder="Optional">
             <small id="apikeyhelp" class="form-text text-muted">API Key for communicating with your PolyLogiX Account</small>
             <small id="apikeyhelp" class="form-text text-muted">NOT YET IMPLIMENTED</small>
-            <div class="modal-footer"><button type="button" class="btn btn-primary" type="submit" onclick="saveConfig(this.parentElement.parentElement.id)">Save changes</button></div>
+            <div class="modal-footer"><button type="button" class="btn btn-primary" type="submit" onclick="saveConfig(this.parentElement.parentElement.id)">Save Account</button></div>
          </div>
          <!--SERVER-->
          <div class="tab-pane fade" id="server">
             
                 <label for="tickRate">Server Tick Rate</label>
                 <input type="number" id="tickRate" class="form-control" placeholder="Frame Rate" min="24" max="1024" value="60">
-            <div class="modal-footer"><button type="button" class="btn btn-primary" type="submit" onclick="saveConfig(this.parentElement.parentElement.id)">Save changes</button></div>
+            <div class="modal-footer"><button type="button" class="btn btn-primary" type="submit" onclick="saveConfig(this.parentElement.parentElement.id)">Save Server</button></div>
+         </div>
+         <!--DANGER ZONE-->
+         <div class="tab-pane fade" id="danger">
+            <button type="button" class="btn btn-outline-danger disabled" type="submit" onclick="">Wipe HeadlessCore Data (Disabled)</button>
          </div>
       </div>
       <script>
diff --git a/Pages/mainWindow.html b/Pages/mainWindow.html
index 2095e2f..c057b50 100644
--- a/Pages/mainWindow.html
+++ b/Pages/mainWindow.html
@@ -3,8 +3,11 @@
 
 <head id="head">
     <script type="text/javascript" src="./Resources/DOMediting.js"></script>
-    <script>require('bootstrap')</script>
-    <title>Headless Core</title>
+    <script>
+    const $ = require('jquery')
+         require('bootstrap')
+         </script>
+    <title id="title">Headless Core</title>
     <style>
         .AlertWindow {
             position: fixed;
@@ -171,7 +174,7 @@
         /* Version Check */
         const compareVersions = require('compare-versions');
         
-        document.getElementsByTagName('head').innerHTML = `Headless Core ${VERSION}`
+        $('#title').html(`Headless Core ${VERSION}`)
         fetch('https://api.github.com/repos/bombitmanbomb/HeadlessCore/releases/latest').then(res => res.json())
         .then(json => {
         let releaseTag = compareVersions(json.tag_name,VERSION)
diff --git a/package.json b/package.json
index e0225b7..b7ad309 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "headlesscore",
   "productName": "Headless Core",
-  "version": "0.1.5.1",
+  "version": "0.2.0",
   "description": "Headless Server for Neos",
   "main": "start.js",
   "scripts": {
diff --git a/start.js b/start.js
index 2e557b4..8ef30be 100644
--- a/start.js
+++ b/start.js
@@ -83,7 +83,7 @@ checkInternet(function(isConnected){
 
 
 //Disable SubMenu & Dev tools
-//process.env.NODE_ENV = 'production';
+process.env.NODE_ENV = 'production';
 
 if (!themes.has('Themes')){
     config.set('currentTheme','Darkly')