Merge pull request #300 from spree/feature/display-webhook-secret-key-in-the-admin-panel-4-6

Display webhook secret key in admin panel (Spree 4.6)

Author: rafalcymerys

app/views/spree/admin/webhooks_subscribers/index.html.erb

@@ -15,6 +15,7 @@
         <% if defined?(Spree::Vendor) && can?(:manage, Spree::Vendor) && !current_spree_vendor %>
           <th><%= Spree.t(:vendor) %></th>
         <% end %>
+        <th><%= Spree.t('admin.webhooks_subscribers.secret_key') %></th>
         <th><%= Spree.t('admin.active') %></th>
         <th><%= Spree.t('admin.webhooks_subscribers.subscriptions') %></th>
         <th><%= Spree.t('admin.webhooks_subscribers.time_of_last_event') %></th>
@@ -31,6 +32,16 @@
               <%= link_to webhooks_subscriber.vendor.name, spree.admin_vendor_path(webhooks_subscriber.vendor) if webhooks_subscriber.vendor.present? %>
             </td>
           <% end %>
+          <td>
+          <div class="input-group" data-controller="password-toggle">
+            <%= password_field_tag :password, webhooks_subscriber.secret_key, class: 'form-control unhide text-muted border-0 shadow-none bg-transparent', data: { password_toggle_target: 'unhide' }, readonly: true %>
+            <div class="input-group-append">
+              <%= button_tag class: 'btn btn-link rounded', data: { action: 'click->password-toggle#password' } do %>
+                <%= svg_icon name: "view.svg", width: '18', height: '18' %>
+              <% end %>
+            </div>
+          </div>
+        </td>
           <td><%= active_badge(webhooks_subscriber.active) %></td>
           <td><%= webhooks_subscriber.subscriptions&.sort&.join(', ') %></td>
           <td><%= webhooks_subscriber.events.order(:created_at).last&.created_at %></td>