Converted breadcrumb-listing to new component system

[bookstack] / resources / views / partials / breadcrumb-listing.blade.php

diff --git a/resources/views/partials/breadcrumb-listing.blade.php b/resources/views/partials/breadcrumb-listing.blade.php
index a1a33ae1c7764e932c10912ccfb70af3d6c276d4..160fa3c23a7f2924951a90c4e81efc04cd4e1fab 100644 (file)
--- a/resources/views/partials/breadcrumb-listing.blade.php
+++ b/resources/views/partials/breadcrumb-listing.blade.php
@@ -1,4 +1,7 @@
-<div class="breadcrumb-listing" component="dropdown" breadcrumb-listing="{{ $entity->getType() }}:{{ $entity->id }}">
+<div class="breadcrumb-listing" components="dropdown breadcrumb-listing"
+     option:breadcrumb-listing:entity-type="{{ $entity->getType() }}"
+     option:breadcrumb-listing:entity-id="{{ $entity->id }}"
+     breadcrumb-listing="{{ $entity->getType() }}:{{ $entity->id }}">
     <div class="breadcrumb-listing-toggle" refs="dropdown@toggle"
          aria-haspopup="true" aria-expanded="false" tabindex="0">
         <div class="separator">@icon('chevron-right')</div>
@@ -6,9 +9,16 @@
     <div refs="dropdown@menu" class="breadcrumb-listing-dropdown card" role="menu">
         <div class="breadcrumb-listing-search">
             @icon('search')
-            <input autocomplete="off" type="text" name="entity-search" placeholder="{{ trans('common.search') }}" aria-label="{{ trans('common.search') }}">
+            <input refs="breadcrumb-listing@searchInput"
+                   aria-label="{{ trans('common.search') }}"
+                   autocomplete="off"
+                   name="entity-search"
+                   placeholder="{{ trans('common.search') }}"
+                   type="text">
         </div>
-        @include('partials.loading-icon')
-        <div class="breadcrumb-listing-entity-list px-m"></div>
+        <div refs="breadcrumb-listing@loading">
+            @include('partials.loading-icon')
+        </div>
+        <div refs="breadcrumb-listing@entityList" class="breadcrumb-listing-entity-list px-m"></div>
     </div>
 </div>
\ No newline at end of file