From 8331be05aab7563e52b02d5956a9d2f5ebd32339 Mon Sep 17 00:00:00 2001
From: Brady Wetherington <uberbrady@gmail.com>
Date: Wed, 16 Sep 2020 13:15:39 -0700
Subject: [PATCH] Some fancy JS to enable/disable Slack-test based on field
 values

---
 resources/views/settings/slack.blade.php | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/resources/views/settings/slack.blade.php b/resources/views/settings/slack.blade.php
index 4e3e7f9b11..49034a7a08 100644
--- a/resources/views/settings/slack.blade.php
+++ b/resources/views/settings/slack.blade.php
@@ -101,8 +101,7 @@
                             </div>
                         </div>
 
-                        @if (($setting->slack_channel!='') && ($setting->slack_endpoint))
-                        <div class="form-group">
+                        <div class="form-group" id="slacktestcontainer" style="display: none">
                             <div class="col-md-2">
                                 {{ Form::label('test_slack', 'Test Slack') }}
                             </div>
@@ -117,7 +116,6 @@
 
 
                         </div>
-                         @endif
                     </div> <!--/-->
                 </div> <!--/.box-body-->
                 <div class="box-footer">
@@ -139,7 +137,26 @@
 
 @push('js')
     <script nonce="{{ csrf_token() }}">
+        var fieldcheck = function (event) {
+            if($('#slack_endpoint').val() != "" && $('#slack_channel').val() != "" && $('#slack_botname').val() != "") {
+                //enable test button *only* if all three fields are filled in
+                $('#slacktestcontainer').fadeIn(500);
+            } else {
+                //otherwise it's hidden
+                $('#slacktestcontainer').fadeOut(500);
+            }
 
+            if(event) { //on 'initial load' we don't *have* an 'event', but in the regular keyup callback, we *do*. So this only fires on 'real' callback events, not on first load
+                if($('#slack_endpoint').val() == "" && $('#slack_channel').val() == "" && $('#slack_botname').val() == "") {
+                    // if all three fields are blank, the user may want to disable Slack integration; enable the Save button
+                    $('#save_slack').removeAttr('disabled');
+                }
+            }
+        };
+
+        fieldcheck(); //run our field-checker once on page-load to set the initial state correctly.
+
+        $('input:text').keyup(fieldcheck); // if *any* text field changes, we recalculate button states
 
 
         $("#slacktest").click(function() {
@@ -215,6 +232,7 @@
 
 
             });
+            return false;
         });
 
     </script>