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

Also order z-a

Browse Source
This commit is contained in:
Michiel Scholten
2025-05-06 08:02:53 +02:00
parent 40a0f773c4
commit 127284716e
2 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -58,15 +58,17 @@ document.addEventListener('alpine:init', () => {
i => i.title.match(new RegExp(this.search, "i"))
)
},
async sortAlphabetically() {
this.bookmarks.sort((a, b) => a.title.localeCompare(b.title));
async sortAlphabetically(order = 'asc') {
if (order === 'desc') {
this.bookmarks.sort((a, b) => b.title.localeCompare(a.title));
} else {
this.bookmarks.sort((a, b) => a.title.localeCompare(b.title));
}
},
async sortCreated(order = 'asc') {
if (order === 'desc') {
this.bookmarks.sort((a, b) => b.created_date.localeCompare(a.created_date));
} else
{
} else {
this.bookmarks.sort((a, b) => a.created_date.localeCompare(b.created_date));
}
}

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

@@ -7,33 +7,34 @@
x-init="$store.digimarks.userKey = '{{ user_key }}'; $store.digimarks.loadCache(); $store.digimarks.getBookmarks()"
x-data="">
<header>
<header>
<nav class="menu">
<ul>
<li>digimarks</li>
<li>tags</li>
<li>add bookmark</li>
</ul>
<input x-model="$store.digimarks.search" placeholder="Search...">
</nav>
</header>
<nav class="menu">
<ul>
<li>digimarks</li>
<li>tags</li>
<li>add bookmark</li>
</ul>
<input x-model="$store.digimarks.search" placeholder="Search...">
</nav>
</header>
<main>
<p>Welcome user <span x-text="$store.digimarks.userKey"></span>!</p>
<div x-show="$store.digimarks.loading">Loading...</div>
<div x-show="$store.digimarks.loading">Loading...</div>
<p>
<button @click="$store.digimarks.sortAlphabetically()">sort a-z</button>
<button @click="$store.digimarks.sortCreated()">sort date asc</button>
<button @click="$store.digimarks.sortCreated('desc')">sort date desc</button>
<button @click="$store.digimarks.sortAlphabetically()">sort a-z</button>
<button @click="$store.digimarks.sortAlphabetically('desc')">sort z-a</button>
<button @click="$store.digimarks.sortCreated()">sort date asc</button>
<button @click="$store.digimarks.sortCreated('desc')">sort date desc</button>
</p>
<ul x-cloak>
<template x-for="bookmark in $store.digimarks.filteredItems" :key="bookmark.id">
<li><a x-text="bookmark.title" x-bind:href="bookmark.url" target="_blank"></a></li>
</template>
</ul>
<ul x-cloak>
<template x-for="bookmark in $store.digimarks.filteredItems" :key="bookmark.id">
<li><a x-text="bookmark.title" x-bind:href="bookmark.url" target="_blank"></a></li>
</template>
</ul>
</main>
</div>
{% endblock %}