X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/a3a30556958e125d33df3c55697c0a8b9273f588..refs/pull/5313/head:/resources/views/settings/webhooks/index.blade.php

diff --git a/resources/views/settings/webhooks/index.blade.php b/resources/views/settings/webhooks/index.blade.php
index ca93cfeb0..a564effe2 100644
--- a/resources/views/settings/webhooks/index.blade.php
+++ b/resources/views/settings/webhooks/index.blade.php
@@ -4,20 +4,52 @@
 
     <div class="container small">
 
-        <div class="py-m">
-            @include('settings.parts.navbar', ['selected' => 'webhooks'])
-        </div>
+        @include('settings.parts.navbar', ['selected' => 'webhooks'])
 
         <div class="card content-wrap auto-height">
 
-            <div class="grid half v-center">
+            <div class="flex-container-row items-center justify-space-between wrap">
                 <h1 class="list-heading">{{ trans('settings.webhooks') }}</h1>
 
-                <div class="text-right">
-                    <a href="{{ url("/http/source.bookstackapp.com/settings/webhooks/new") }}" class="button outline">{{ trans('settings.webhooks_create') }}</a>
+                <div>
+                    <a href="{{ url("/http/source.bookstackapp.com/settings/webhooks/create") }}"
+                       class="button outline">{{ trans('settings.webhooks_create') }}</a>
                 </div>
             </div>
 
+            <p class="text-muted">{{ trans('settings.webhooks_index_desc') }}</p>
+
+            <div class="flex-container-row items-center justify-space-between gap-m mt-m mb-l wrap">
+                <div>
+                    <div class="block inline mr-xs">
+                        <form method="get" action="{{ url("/http/source.bookstackapp.com/settings/webhooks") }}">
+                            <input type="text"
+                                   name="search"
+                                   placeholder="{{ trans('common.search') }}"
+                                   value="{{ $listOptions->getSearch() }}">
+                        </form>
+                    </div>
+                </div>
+                <div class="justify-flex-end">
+                    @include('common.sort', $listOptions->getSortControlData())
+                </div>
+            </div>
+
+            @if(count($webhooks) > 0)
+                <div class="item-list">
+                    @foreach($webhooks as $webhook)
+                        @include('settings.webhooks.parts.webhooks-list-item', ['webhook' => $webhook])
+                    @endforeach
+                </div>
+            @else
+                <p class="text-muted empty-text px-none">
+                    {{ trans('settings.webhooks_none_created') }}
+                </p>
+            @endif
+
+            <div class="my-m">
+                {{ $webhooks->links() }}
+            </div>
 
         </div>
     </div>