From 6dff41b95aed5eddbbcb6b5419e7d30ba6ff5b54 Mon Sep 17 00:00:00 2001
From: vinibiavatti <vinicius.biavatti@gmail.com>
Date: Sun, 27 Dec 2020 23:27:24 +0000
Subject: [PATCH] Removed Jquery from example pages

---
 examples/pc-startup.html        | 20 ++++++++++++++------
 examples/pocket-calculator.html |  6 +++---
 src/components/fieldset.scss    |  3 +++
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/examples/pc-startup.html b/examples/pc-startup.html
index 432cc88..96e7040 100644
--- a/examples/pc-startup.html
+++ b/examples/pc-startup.html
@@ -33,6 +33,9 @@
             Detecting Secondary Master ...: Skip<br>
             Detecting Secondaty Slave ....: None
         </div>
+        <div id="session-5" style="display: none">
+            <br>Found virus! The PC cannot be started. I'm Sorry :(
+        </div>
         <div class="tui-statusbar absolute black white-text">
             <ul>
                 <li style="margin-left: 0px">Press <b>DEL</b> to enter SETUP, <b>Alt+F2</b> to enter EZ flash utility
@@ -45,11 +48,16 @@
     </div>
 </body>
 <script>
-    $(document).ready(function() {
-        setTimeout(function() { $("#session-1").show(); }, 300);
-        setTimeout(function() { $("#session-2").show(); }, 400);
-        setTimeout(function() { $("#session-3").show(); }, 450);
-        setTimeout(function() { $("#session-4").show(); }, 870);
-    });
+    window.onload = function() {
+        setTimeout(function() { showSession("session-1"); }, 300);
+        setTimeout(function() { showSession("session-2"); }, 400);
+        setTimeout(function() { showSession("session-3"); }, 450);
+        setTimeout(function() { showSession("session-4"); }, 870);
+        setTimeout(function() { showSession("session-5"); }, 1500);
+    };
+    function showSession(id) {
+        const session = document.getElementById(id);
+        session.style.display = "block";
+    }
 </script>
 </html>
diff --git a/examples/pocket-calculator.html b/examples/pocket-calculator.html
index ded5d8a..403bb21 100644
--- a/examples/pocket-calculator.html
+++ b/examples/pocket-calculator.html
@@ -42,11 +42,11 @@
     </div>
     <script>
         function digit(digit) {
-            let val = $("#display").val();
-            $("#display").val(digit + "" + val);
+            let val = document.getElementById("display").value;
+            document.getElementById("display").value = digit + "" + val;
         }
         function clearDisplay() {
-            $("#display").val("");
+            document.getElementById("display").value = "";
         }
     </script>
 </body>
diff --git a/src/components/fieldset.scss b/src/components/fieldset.scss
index 47040e5..5bbbf0d 100644
--- a/src/components/fieldset.scss
+++ b/src/components/fieldset.scss
@@ -1,3 +1,5 @@
+@import '../mixins.scss';
+
 .tui-fieldset {
     border: 6px white double;
     padding: 12px;
@@ -36,6 +38,7 @@
     cursor: pointer;
     outline:0;
     padding: 2px;
+    @include disable-select;
     
     &.left {
         right: initial;