-
Notifications
You must be signed in to change notification settings - Fork 61
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Lazy loading implemented for backend tables
- Loading branch information
1 parent
1b9a5e5
commit 0fefddd
Showing
17 changed files
with
158 additions
and
40 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,3 @@ | ||
<x-backend> | ||
<livewire:backend.article.index/> | ||
<livewire:backend.article.index lazy/> | ||
</x-backend> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,3 @@ | ||
<x-backend> | ||
<livewire:backend.category.index/> | ||
<livewire:backend.category.index lazy/> | ||
</x-backend> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,3 @@ | ||
<x-backend> | ||
<livewire:backend.comment.index/> | ||
<livewire:backend.comment.index lazy/> | ||
</x-backend> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,3 @@ | ||
<x-backend> | ||
<livewire:backend.user.index/> | ||
<livewire:backend.user.index lazy/> | ||
</x-backend> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
|
||
<div role="status" class="space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center"> | ||
<div class="flex items-center justify-center w-full h-48 bg-gray-300 rounded sm:w-96 dark:bg-gray-700"> | ||
<svg class="w-10 h-10 text-gray-200 dark:text-gray-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18"> | ||
<path d="M18 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm4.376 10.481A1 1 0 0 1 16 15H4a1 1 0 0 1-.895-1.447l3.5-7A1 1 0 0 1 7.468 6a.965.965 0 0 1 .9.5l2.775 4.757 1.546-1.887a1 1 0 0 1 1.618.1l2.541 4a1 1 0 0 1 .028 1.011Z"/> | ||
</svg> | ||
</div> | ||
<div class="w-full"> | ||
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[480px] mb-2.5"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[440px] mb-2.5"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[460px] mb-2.5"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[360px]"></div> | ||
</div> | ||
<span class="sr-only">Loading...</span> | ||
</div> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
|
||
<div role="status" class="max-w-sm animate-pulse"> | ||
<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[360px] mb-2.5"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[330px] mb-2.5"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[300px] mb-2.5"></div> | ||
<div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[360px]"></div> | ||
<span class="sr-only">Loading...</span> | ||
</div> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,63 @@ | ||
<div class="animate-pulse"> | ||
<!-- Header Skeleton --> | ||
<div class="sm:flex sm:items-center"> | ||
<div class="sm:flex-auto"> | ||
<div class="h-4 bg-gray-300 rounded w-1/4 mb-2"></div> | ||
<div class="h-3 bg-gray-300 rounded w-1/3"></div> | ||
</div> | ||
<div class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none"> | ||
<div class="h-8 bg-gray-300 rounded w-32"></div> | ||
</div> | ||
</div> | ||
|
||
<!-- Table Skeleton --> | ||
<x-backend.table> | ||
<x-slot name="head"> | ||
<tr> | ||
<th class="px-4 py-2"> | ||
<div class="h-4 bg-gray-300 rounded w-64"></div> | ||
</th> | ||
<th class="px-4 py-2 flex"> | ||
<div class="h-4 bg-gray-300 rounded w-16"></div> | ||
</th> | ||
<th class="px-4 py-2"></th> | ||
</tr> | ||
</x-slot> | ||
|
||
<x-slot name="body"> | ||
<!-- Skeleton rows --> | ||
@for ($i = 0; $i < 3; $i++) | ||
<tr> | ||
<!-- User info skeleton --> | ||
<td class="p-4"> | ||
<div class="h-4 bg-gray-300 rounded w-1/2 mb-2"></div> | ||
<div class="h-3 bg-gray-300 rounded w-1/4 mb-1"></div> | ||
<div class="h-3 bg-gray-300 rounded w-1/3 mb-1"></div> | ||
<div class="h-3 bg-gray-300 rounded w-1/2"></div> | ||
</td> | ||
|
||
<!-- Status skeleton --> | ||
<td class="p-4"> | ||
<div class="flex"> | ||
<div class="h-6 w-10 bg-gray-300 rounded-full"></div> | ||
<div class="h-4 bg-gray-300 rounded w-1/4 ml-3"></div> | ||
<div class="h-4 bg-gray-300 rounded w-1/4 ml-3"></div> | ||
</div> | ||
</td> | ||
|
||
<!-- Actions skeleton --> | ||
<td class="p-4 flex justify-end"> | ||
<div class="h-4 bg-gray-300 rounded w-10 mb-1 mr-3"></div> | ||
<div class="h-4 bg-gray-300 rounded w-10"></div> | ||
</td> | ||
</tr> | ||
@endfor | ||
</x-slot> | ||
</x-backend.table> | ||
|
||
<!-- Pagination skeleton --> | ||
<div class="mt-3 flex justify-between w-full"> | ||
<div class="h-2 bg-gray-300 rounded w-60"></div> | ||
<div class="h-8 bg-gray-300 rounded w-32"></div> | ||
</div> | ||
</div> |