[rules editor] added file size info + warning if exceeding the max size

letscontrolit · Jan 12, 2020 · 1cd3ce2 · 1cd3ce2
1 parent 70edadc
commit 1cd3ce2
Show file tree

Hide file tree

Showing 12 changed files with 22 additions and 9 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -42,7 +42,7 @@ module.exports = function(grunt) {
                       'src/dash/gui_easy_dash_d*.js'
                   ],
                   'build/temp/patreon.min.js': [
-                      'src/dash/gui_easy_popper_extra.js'
+                      'src/gui_easy_popper_extra.js'
                   ]
               }
           }

diff --git a/_config.yml b/_config.yml
diff --git a/build/0.0.nightly.1/gui.min.css b/build/0.0.nightly.1/gui.min.css
diff --git a/build/0.0.nightly.1/info/package.json b/build/0.0.nightly.1/info/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gui-easy",
-  "timestamp": 1578608108189,
+  "timestamp": 1578820861737,
   "version": "0.0.1",
   "author": "Jimmy 'Grovkillen' Westberg <jimmy@grovkillen.com> (https://grovkillen.com)",
   "license": "GPL-3.0-or-later",

diff --git a/build/0.0.nightly.1/info/source_files.json b/build/0.0.nightly.1/info/source_files.json
diff --git a/build/0.0.nightly.1/main/index.htm.gz b/build/0.0.nightly.1/main/index.htm.gz
diff --git a/build/0.0.nightly.1/noDash/index.htm.gz b/build/0.0.nightly.1/noDash/index.htm.gz
diff --git a/build/0.0.nightly.1/src-0.0.nightly.1.zip b/build/0.0.nightly.1/src-0.0.nightly.1.zip
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gui-easy",
-  "timestamp": 1578608108189,
+  "timestamp": 1578820861737,
   "version": "0.0.1",
   "author": "Jimmy 'Grovkillen' Westberg <jimmy@grovkillen.com> (https://grovkillen.com)",
   "license": "GPL-3.0-or-later",

diff --git a/src/gui_easy_curly_page.js b/src/gui_easy_curly_page.js
@@ -289,6 +289,7 @@ guiEasy.curly.page.rules = function () {
                             tabindex="-1"
                             id="rules-editor-input"
                 >‌</div>
+                <div class="is-right text-tiny" id="rules-editor-file-size"></div>
             </div>
         </div>
         `;

diff --git a/src/gui_easy_popper_extra.js b/src/gui_easy_popper_extra.js
@@ -1,3 +1,4 @@
+/* GUIEasy  Copyright (C) 2019-2020  Jimmy "Grovkillen" Westberg */
 
 guiEasy.popper.extra = "";
 

diff --git a/src/gui_easy_popper_rules.js b/src/gui_easy_popper_rules.js
@@ -10,11 +10,13 @@ guiEasy.popper.rules = function(){
     let input = document.getElementById("rules-editor-input");
     let selection = document.getElementById("rules-editor-selection");
     let background = document.getElementById("rules-editor-background");
+    let fileSize = document.getElementById("rules-editor-file-size");
     guiEasy.popper.rules.syntax.editorElement = editor;
     guiEasy.popper.rules.syntax.syntaxElement = syntax;
     guiEasy.popper.rules.syntax.inputElement = input;
     guiEasy.popper.rules.syntax.selectionElement = selection;
     guiEasy.popper.rules.syntax.backgroundElement = background;
+    guiEasy.popper.rules.syntax.filesizeElement = fileSize;
     editor.addEventListener("input", x.input, false);
     editor.addEventListener("keyup", x.input.tab, false);
     editor.addEventListener("keydown", x.input.tab, false);
@@ -391,9 +393,19 @@ guiEasy.popper.rules.input.tab = function (event) {
 };
 
 guiEasy.popper.rules.sizeOfFile = function () {
-    //max size/char's 2048
-    let editor = guiEasy.popper.rules.syntax.editorElement;
-    console.log(editor.value.length);
+    let x = guiEasy.popper.rules.syntax;
+    let maxSizeOfFile = 2048;
+    let currentSizeOfFile = x.editorElement.value.length;
+    x.filesizeElement.innerHTML = currentSizeOfFile + "/" + maxSizeOfFile;
+    if (currentSizeOfFile > maxSizeOfFile) {
+        x.backgroundElement.classList.add("main-warning");
+        x.filesizeElement.classList.remove("text-tiny");
+        x.filesizeElement.classList.add("text-huge");
+    } else {
+        x.backgroundElement.classList.remove("main-warning");
+        x.filesizeElement.classList.remove("text-huge");
+        x.filesizeElement.classList.add("text-tiny");
+    }
 };
 
 guiEasy.popper.rules.handleScroll = function () {