From ba9a4e9d350a98483fed776f76e8f72242ea339f Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Sun, 22 Apr 2018 15:13:36 -0600
Subject: [PATCH 1/4] Fixes for Event Observer

Changed label color to match the rest of the theme
Added label and icon
Possible solution #1 for textarea
Changed modal footer to "fixed"
---
 dev.html | 51 +++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 45 insertions(+), 6 deletions(-)

diff --git a/dev.html b/dev.html
index 65c6c8f..678a953 100644
--- a/dev.html
+++ b/dev.html
@@ -234,9 +234,27 @@
             box-shadow: 0 1px 0 0 #03a9f4 !important;
         }
 
-        .row .input-field input:focus {
+        .input-field input:focus+label {
+            color: #03a9f4 !important;
+        }
+
+        .input-field input[type=password].valid {
             border-bottom: 1px solid #03a9f4 !important;
-            box-shadow: 0 1px 0 0 #03a9f4 !important
+            box-shadow: 0 1px 0 0 #03a9f4 !important;
+        }
+
+        .input-field input[type=password]:focus {
+            border-bottom: 1px solid #03a9f4 !important;
+            box-shadow: 0 1px 0 0 #03a9f4 !important;
+        }
+
+        .input-field textarea:focus+label {
+            color: #03a9f4 !important;
+        }
+
+        .input-field textarea:focus {
+            border-bottom: 1px solid #03a9f4 !important;
+            box-shadow: 0 1px 0 0 #03a9f4 !important;
         }
 
         #modal_acekeyboard, #modal_components, #modal_icons {
@@ -1126,11 +1144,32 @@
         <a class="modal-action modal-close waves-effect btn-flat light-blue-text">Close</a>
       </div>
     </div>
-    <div id="modal_events" class="modal">
+    <div id="modal_events" class="modal modal-fixed-footer">
         <div class="modal-content">
-            <label for="ws_uri">Websocket URI</label><input type="text" id="ws_uri" placeholder="ws://127.0.0.1:8123/api/websocket" value="$hass_ws_address"/>
-            <label for="ws_password">API password</label><input type="password" id="ws_password" value="$api_password"/><br />
-            <textarea id="ws_events"></textarea>
+            <h4 class="grey-text text-darken-3">Event Observer<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">error_outline</i></h4>
+            <br />
+            <div class="row">
+                <form class="col s12">
+                    <div class="row">
+                        <div class="input-field col s12">
+                            <input type="text" id="ws_uri" placeholder="ws://127.0.0.1:8123/api/websocket" value="$hass_ws_address"/>
+                            <label for="ws_uri">Websocket URI</label>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="input-field col s12">
+                            <input type="password" id="ws_password" value="$api_password"/>
+                            <label for="ws_password">API password</label>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="input-field col s12">
+                            <textarea id="ws_events" class="materialize-textarea"></textarea>
+                            <label for="ws_events">Events</label>
+                        </div>
+                    </div>
+                </form>
+            </div>
         </div>
         <div class="modal-footer">
           <a onclick="ws_connect()" class=" modal-action waves-effect waves-green btn-flat light-blue-text">Connect</a>

From 92a2b432bac65c6c7d22b6168eb610156f324289 Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Sun, 22 Apr 2018 15:15:13 -0600
Subject: [PATCH 2/4] Fixes for Event Observer

Changed label color to match the rest of the theme
Added label and icon
Possible solution #1 for textarea
Changed modal footer to "fixed"
---
 configurator.py | 54 ++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 47 insertions(+), 7 deletions(-)

diff --git a/configurator.py b/configurator.py
index b21287a..6c51c41 100755
--- a/configurator.py
+++ b/configurator.py
@@ -321,9 +321,27 @@ INDEX = Template(r"""<!DOCTYPE html>
             box-shadow: 0 1px 0 0 #03a9f4 !important;
         }
 
-        .row .input-field input:focus {
+        .input-field input:focus+label {
+            color: #03a9f4 !important;
+        }
+
+        .input-field input[type=password].valid {
             border-bottom: 1px solid #03a9f4 !important;
-            box-shadow: 0 1px 0 0 #03a9f4 !important
+            box-shadow: 0 1px 0 0 #03a9f4 !important;
+        }
+
+        .input-field input[type=password]:focus {
+            border-bottom: 1px solid #03a9f4 !important;
+            box-shadow: 0 1px 0 0 #03a9f4 !important;
+        }
+
+        .input-field textarea:focus+label {
+            color: #03a9f4 !important;
+        }
+
+        .input-field textarea:focus {
+            border-bottom: 1px solid #03a9f4 !important;
+            box-shadow: 0 1px 0 0 #03a9f4 !important;
         }
 
         #modal_acekeyboard, #modal_components, #modal_icons {
@@ -1213,11 +1231,32 @@ INDEX = Template(r"""<!DOCTYPE html>
         <a class="modal-action modal-close waves-effect btn-flat light-blue-text">Close</a>
       </div>
     </div>
-    <div id="modal_events" class="modal">
+    <div id="modal_events" class="modal modal-fixed-footer">
         <div class="modal-content">
-            <label for="ws_uri">Websocket URI</label><input type="text" id="ws_uri" placeholder="ws://127.0.0.1:8123/api/websocket" value="$hass_ws_address"/>
-            <label for="ws_password">API password</label><input type="password" id="ws_password" value="$api_password"/><br />
-            <textarea id="ws_events"></textarea>
+            <h4 class="grey-text text-darken-3">Event Observer<i class="grey-text text-darken-3 material-icons right" style="font-size: 2rem;">error_outline</i></h4>
+            <br />
+            <div class="row">
+                <form class="col s12">
+                    <div class="row">
+                        <div class="input-field col s12">
+                            <input type="text" id="ws_uri" placeholder="ws://127.0.0.1:8123/api/websocket" value="$hass_ws_address"/>
+                            <label for="ws_uri">Websocket URI</label>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="input-field col s12">
+                            <input type="password" id="ws_password" value="$api_password"/>
+                            <label for="ws_password">API password</label>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="input-field col s12">
+                            <textarea id="ws_events" class="materialize-textarea"></textarea>
+                            <label for="ws_events">Events</label>
+                        </div>
+                    </div>
+                </form>
+            </div>
         </div>
         <div class="modal-footer">
           <a onclick="ws_connect()" class=" modal-action waves-effect waves-green btn-flat light-blue-text">Connect</a>
@@ -3273,7 +3312,8 @@ function show_lint_error() {
 editor.on('change', queue_lint);
 </script>
 </body>
-</html>""")
+</html>
+""")
 
 def signal_handler(sig, frame):
     global HTTPD

From f7d810eedbd88fc8529d5a8e11efbe68ac2aa67b Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Mon, 23 Apr 2018 13:33:13 -0600
Subject: [PATCH 3/4] Event fix

Also removed Events label
---
 dev.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dev.html b/dev.html
index 678a953..385f4f4 100644
--- a/dev.html
+++ b/dev.html
@@ -1165,7 +1165,6 @@
                     <div class="row">
                         <div class="input-field col s12">
                             <textarea id="ws_events" class="materialize-textarea"></textarea>
-                            <label for="ws_events">Events</label>
                         </div>
                     </div>
                 </form>
@@ -2047,6 +2046,7 @@
     function ws_connect() {
         function msg(str) {
             document.getElementById("ws_events").value = str + "\n\n" + document.getElementById("ws_events").value;
+            $('#ws_events').trigger('autoresize');
         }
 
         try {

From d3ea0f5e76d9efa1f44dc3cf1b86fb5c08c9c647 Mon Sep 17 00:00:00 2001
From: JT Martinez <five1eight@gmail.com>
Date: Mon, 23 Apr 2018 13:34:25 -0600
Subject: [PATCH 4/4] Fix for event observer

Removed Events label
---
 configurator.py | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/configurator.py b/configurator.py
index 6c51c41..679d39a 100755
--- a/configurator.py
+++ b/configurator.py
@@ -1252,7 +1252,6 @@ INDEX = Template(r"""<!DOCTYPE html>
                     <div class="row">
                         <div class="input-field col s12">
                             <textarea id="ws_events" class="materialize-textarea"></textarea>
-                            <label for="ws_events">Events</label>
                         </div>
                     </div>
                 </form>
@@ -2134,6 +2133,7 @@ INDEX = Template(r"""<!DOCTYPE html>
     function ws_connect() {
         function msg(str) {
             document.getElementById("ws_events").value = str + "\n\n" + document.getElementById("ws_events").value;
+            $('#ws_events').trigger('autoresize');
         }
 
         try {
@@ -3312,8 +3312,7 @@ function show_lint_error() {
 editor.on('change', queue_lint);
 </script>
 </body>
-</html>
-""")
+</html>""")
 
 def signal_handler(sig, frame):
     global HTTPD