Hiding the slack webhook URL (#122)

PagerTree · Jul 18, 2024 · 8b53b24 · 8b53b24
1 parent 2ca649e
commit 8b53b24
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/app/views/pager_tree/integrations/channel/slack/v3/_form_options.html.erb b/app/views/pager_tree/integrations/channel/slack/v3/_form_options.html.erb
@@ -1,8 +1,11 @@
 <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-  <div class="form-group group md:col-span-3">
+  <div class="form-group group md:col-span-3" data-controller="password-visibility">
     <%= form.label :option_incoming_webhook_url %>
-    <%= form.text_field :option_incoming_webhook_url, class: "form-control" %>
-    <p class="form-hint"><%== t("pager_tree.integrations.common.option_incoming_webhook_url_hint_html") %></p>
+    <%= form.password_field :option_incoming_webhook_url, value: form.object.option_incoming_webhook_url, class: "form-control", data: { password_visibility_target: "input"} %>
+    <div class="flex justify-between">
+      <p class="form-hint"><%== t("pager_tree.integrations.common.option_incoming_webhook_url_hint_html") %></p>
+      <%= render partial: "shared/password_visibility_button" %>
+    </div>
   </div>
 
   <% 

diff --git a/app/views/pager_tree/integrations/channel/slack/v3/_show_options.html.erb b/app/views/pager_tree/integrations/channel/slack/v3/_show_options.html.erb
@@ -5,7 +5,7 @@
   <dd class="mt-1 text-sm text-gray-900">
     <div class="flex items-center gap-2">
       <p class="text-sm truncate">
-        <%= integration.option_incoming_webhook_url %>
+        <%= mask integration.option_incoming_webhook_url %>
       </p>
     </div>
   </dd>