mirror of https://github.com/docusealco/docuseal
				
				
				
			
						commit
						0c2abf211e
					
				| After Width: | Height: | Size: 496 B | 
| @ -0,0 +1,34 @@ | ||||
| <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 min-w-0"> | ||||
|     <div class="flex flex-col gap-2 md:flex-row md:justify-between md:items-center mb-4"> | ||||
|       <h1 class="text-4xl font-bold">Webhooks</h1> | ||||
|       <div class="flex flex-col gap-2 md:flex-row md:justify-between md:items-center"> | ||||
|         <%= render 'shared/test_mode_toggle' %> | ||||
|         <% if @webhook_url.persisted? %> | ||||
|           <%= link_to new_settings_webhook_path, class: 'md:ml-3 btn bg-white btn-outline btn-md gap-2 w-full md:w-fit', data: { turbo_frame: 'modal' } do %> | ||||
|             <%= svg_icon('plus', class: 'w-6 h-6') %> | ||||
|             <span><%= t('new_webhook') %></span> | ||||
|           <% end %> | ||||
|         <% end %> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div class="space-y-4"> | ||||
|       <% @webhook_urls.each do |webhook_url| %> | ||||
|         <%= link_to settings_webhook_path(webhook_url), class: 'card bg-base-200' do %> | ||||
|           <div class="card-body p-6 min-w-0"> | ||||
|             <p class="flex items-center space-x-1"> | ||||
|               <%= svg_icon('world', class: 'w-6 h-6 shrink-0') %> | ||||
|               <span class="text-xl font-semibold truncate"><%= webhook_url.url %></span> | ||||
|             </p> | ||||
|             <div class="flex flex-wrap gap-2 mt-2"> | ||||
|               <% webhook_url.events.each do |event| %> | ||||
|                 <span class="badge badge-outline"><%= event %></span> | ||||
|               <% end %> | ||||
|             </div> | ||||
|           </div> | ||||
|         <% end %> | ||||
|       <% end %> | ||||
|     </div> | ||||
|   </div> | ||||
| </div> | ||||
| @ -0,0 +1,29 @@ | ||||
| <%= render 'shared/turbo_modal', title: t('new_webhook') do %> | ||||
|   <%= form_for @webhook_url, url: settings_webhooks_path, html: { class: 'space-y-4' }, data: { turbo_frame: :_top } do |f| %> | ||||
|     <div class="space-y-4"> | ||||
|       <div class="form-control"> | ||||
|         <%= f.label :url, 'Webhook URL', class: 'label' %> | ||||
|         <%= f.url_field :url, class: 'base-input', placeholder: 'https://example.com/hook', required: true %> | ||||
|       </div> | ||||
|       <div class="space-y-4"> | ||||
|         <% WebhookUrl::EVENTS.group_by { |e| e.include?('form') }.each do |_, events| %> | ||||
|           <div class="grid grid-cols-1 md:grid-cols-2 gap-y-2"> | ||||
|             <%= f.collection_check_boxes(:events, events, :to_s, :to_s, include_hidden: false) do |b| %> | ||||
|               <div class="flex"> | ||||
|                 <label class="flex items-center space-x-2"> | ||||
|                   <%= b.check_box class: 'base-checkbox', checked: @webhook_url.events.include?(b.value) %> | ||||
|                   <span> | ||||
|                     <%= b.label %> | ||||
|                   </span> | ||||
|                 </label> | ||||
|               </div> | ||||
|             <% end %> | ||||
|           </div> | ||||
|         <% end %> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div class="form-control pt-2"> | ||||
|       <%= f.button button_title(title: t('save'), disabled_with: t('saving')), class: 'base-button' %> | ||||
|     </div> | ||||
|   <% end %> | ||||
| <% end %> | ||||
					Loading…
					
					
				
		Reference in new issue