diginaut/digimarks
1
0
Fork 0
mirror of https://github.com/aquatix/digimarks.git synced 2025-12-06 22:05:09 +01:00
Code Issues Releases Wiki Activity

Better loading indicator

Browse Source
This commit is contained in:
Michiel Scholten
2025-05-11 09:19:53 +02:00
parent 5efc12e698
commit 1836eedfe8
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/digimarks/static/js/digimarks.js
View File

@@ -117,6 +117,7 @@ document.addEventListener('alpine:init', () => {
}, },
async sortAlphabetically(order = 'asc') { async sortAlphabetically(order = 'asc') {
this.loading = true;
this.sort_created_asc = false; this.sort_created_asc = false;
this.sort_created_desc = false; this.sort_created_desc = false;
this.sort_title_asc = false; this.sort_title_asc = false;
@@ -128,8 +129,10 @@ document.addEventListener('alpine:init', () => {
this.sort_title_asc = true; this.sort_title_asc = true;
this.bookmarks.sort((a, b) => a.title.localeCompare(b.title)); this.bookmarks.sort((a, b) => a.title.localeCompare(b.title));
} }
this.loading = false;
}, },
async sortCreated(order = 'asc') { async sortCreated(order = 'asc') {
this.loading = true;
this.sort_created_asc = false; this.sort_created_asc = false;
this.sort_created_desc = false; this.sort_created_desc = false;
this.sort_title_asc = false; this.sort_title_asc = false;
@@ -141,6 +144,7 @@ document.addEventListener('alpine:init', () => {
this.sort_created_asc = true; this.sort_created_asc = true;
this.bookmarks.sort((a, b) => a.created_date.localeCompare(b.created_date)); this.bookmarks.sort((a, b) => a.created_date.localeCompare(b.created_date));
} }
this.loading = false;
}, },
async toggleTagPage() { async toggleTagPage() {

2
src/digimarks/templates/user_index.html
View File

@@ -22,7 +22,7 @@
<button @click="$store.digimarks.loopToNextTheme()" class="theme-toggle">theme</button> <button @click="$store.digimarks.loopToNextTheme()" class="theme-toggle">theme</button>
</li> </li>
<li><input x-model="$store.digimarks.search" placeholder="Search..."></li> <li><input x-model="$store.digimarks.search" placeholder="Search..."></li>
<li x-show="$store.digimarks.loading">&orarr;</li> <li x-show="$store.digimarks.loading"><i class="fa-solid fa-rotate-right fa-spin"></i></li>
</ul> </ul>
</nav> </nav>
</header> </header>