mirror of https://github.com/docusealco/docuseal
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
2.3 KiB
43 lines
2.3 KiB
<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0 md:space-x-10">
|
|
<%= render 'shared/settings_nav' %>
|
|
<div class="flex-grow">
|
|
<h1 class="text-4xl font-bold mb-4">Webhooks</h1>
|
|
<div class="card bg-base-200">
|
|
<div class="card-body p-6">
|
|
<%= form_for @encrypted_config, url: settings_webhooks_path, method: :post, html: { autocomplete: 'off' } do |f| %>
|
|
<%= f.label :value, 'Webhook URL', class: 'text-sm font-semibold' %>
|
|
<div class="flex flex-row space-x-4 mt-2">
|
|
<%= f.text_field :value, required: true, class: 'input font-mono input-bordered w-full', placeholder: 'https://example.com/hook' %>
|
|
<%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button w-32' %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% submitter = current_account.submitters.where.not(completed_at: nil).order(:id).last %>
|
|
<% if submitter %>
|
|
<div class="space-y-4 mt-4">
|
|
<div class="collapse collapse-open bg-base-200 px-1">
|
|
<div class="p-4 text-xl font-medium">
|
|
<div class="flex items-center justify-between">
|
|
<span>
|
|
Submission example payload
|
|
</span>
|
|
<% if @encrypted_config.value.present? %>
|
|
<%= button_to button_title(title: 'Test Webhook', disabled_with: 'Sending', icon_disabled: svg_icon('loader', class: 'w-4 h-4 animate-spin')), settings_webhooks_path, class: 'btn btn-neutral btn-outline btn-sm', method: :put %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="collapse-content" style="display: inherit">
|
|
<div class="mockup-code overflow-hidden relative">
|
|
<span class="top-0 right-0 absolute">
|
|
<%= render 'shared/clipboard_copy', icon: 'copy', text: code = JSON.pretty_generate({ event_type: 'form.completed', timestamp: Time.current.iso8601, data: Submitters::SerializeForWebhook.call(submitter) }).gsub(/^/, ' ').sub(/^\s+/, ''), class: 'btn btn-ghost text-white', icon_class: 'w-6 h-6 text-white', copy_title: 'Copy', copied_title: 'Copied' %>
|
|
</span>
|
|
<pre><code class="overflow-hidden w-full"><%= code %></code></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|