From ac3d000e02c9e1b2cb09b8c9adc023cca6870be2 Mon Sep 17 00:00:00 2001
From: Atoxhybrid <atoxhybrid@gmail.com>
Date: Thu, 21 Dec 2017 15:33:45 +0100
Subject: [PATCH] Speed optimizations

---
 configurator.py | 35 +++++++++++++++++++++--------------
 1 file changed, 21 insertions(+), 14 deletions(-)
diff --git a/configurator.py b/configurator.py
index c491e3f..b14d528 100755
--- a/configurator.py
+++ b/configurator.py
@@ -526,6 +526,10 @@ INDEX = Template(r"""<!DOCTYPE html>
             top: 0.75rem;
             right: 10px;
         }
+
+        .cursor-pointer {
+            cursor: pointer;
+        }
     </style>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js" type="text/javascript" charset="utf-8"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ext-modelist.js" type="text/javascript" charset="utf-8"></script>
@@ -2743,37 +2747,40 @@ INDEX = Template(r"""<!DOCTYPE html>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.10.0/js-yaml.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript">
 var lint_timeout;
+var lint_status = $('#lint-status'); // speed optimization
 
 function check_lint()
 {
-    if ($('#currentfile').val().match(".yaml$")) {
+    if (document.getElementById('currentfile').value.match(".yaml$")) {
         try {
             var text = editor.getValue().replace(/!(include|secret)/g,".$1"); // hack because js-yaml does not like !include/!secret
             jsyaml.safeLoad(text);
-            $('#lint-status').text("check_circle");
-            $('#lint-status').removeClass("red-text blue-text");
-            $('#lint-status').addClass("green-text");
+            lint_status.text("check_circle");
+            lint_status.removeClass("cursor-pointer red-text grey-text");
+            lint_status.addClass("green-text");
         } catch (err) {
-            $('#lint-status').text("error");
-            $('#lint-status').removeClass("green-text blue-text");
-            $('#lint-status').addClass("red-text");
+            lint_status.text("error");
+            lint_status.removeClass("green-text grey-text");
+            lint_status.addClass("cursor-pointer red-text");
             console.log(err);
         }
     } else {
-        $('#lint-status').text("");
+        lint_status.empty();
     }
 }
 
 function queue_lint(e)
 {
-    if ($('#currentfile').val().match(".yaml$")) {
+    if (document.getElementById('currentfile').value.match(".yaml$")) {
         clearTimeout(lint_timeout);
-        $('#lint-status').text("watch_later");
-        $('#lint-status').removeClass("red-text green-text");
-        $('#lint-status').addClass("blue-text");
-        lint_timeout = setTimeout(check_lint, 1000);
+        lint_timeout = setTimeout(check_lint, 500);
+        if (lint_status.text() != "cached") {
+            lint_status.text("cached");
+            lint_status.removeClass("cursor-pointer red-text green-text");
+            lint_status.addClass("grey-text");
+        }
     } else {
-        $('#lint-status').text("");
+        lint_status.empty();
     }
 }
 
