Added downloading posts into json files, filtering by year.
This commit is contained in:
Krzysztof Płaczek
60
index.html
60
index.html
@@ -10,7 +10,7 @@
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<body class="dark:text-gray-300 dark:bg-stone-950">
|
||||
|
||||
<div x-data="bookmeterList">
|
||||
<div x-cloak>
|
||||
@@ -21,8 +21,7 @@
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<input type="text" class="peer bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full ps-10 p-2.5 pr-8"
|
||||
x-model="nameFilter" placeholder="wyszukiwarka"/>
|
||||
<input type="text" class="peer bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full ps-10 p-2.5 pr-8 dark:bg-stone-900 dark:border-stone-700 dark:text-gray-100" x-model="nameFilter" placeholder="wyszukiwarka"/>
|
||||
<button x-show="nameFilter.length" @click="nameFilter=''" type="button" class="absolute inset-y-0 end-0 flex items-center pe-3 invisible peer-valid:visible">
|
||||
<svg class="w-4 h-4 text-gray-500 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
|
||||
@@ -35,7 +34,7 @@
|
||||
</form>
|
||||
<div x-show="advancedSearch" class="flex m-4">
|
||||
<div class="relative w-full d-block max-w-xs mr-2">
|
||||
<input x-model="username" placeholder="użytkownik" type="text" class="peer mr-2 max-w-xs bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full p-2.5 px-4" />
|
||||
<input x-model="username" placeholder="użytkownik" type="text" class="peer mr-2 max-w-xs bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full p-2.5 px-4 dark:bg-stone-900 dark:border-stone-700 dark:text-gray-100" />
|
||||
<button x-show="username.length" @click="username=''" type="button" class="absolute inset-y-0 end-0 flex items-center pe-3 invisible peer-valid:visible">
|
||||
<svg class="w-4 h-4 text-gray-500 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
|
||||
@@ -43,7 +42,7 @@
|
||||
</button>
|
||||
</div>
|
||||
<div class="relative w-full d-block max-w-xs mr-2">
|
||||
<input x-model="title" placeholder="tytuł" type="text" class="peer mr-2 max-w-xs bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full p-2.5 px-4" />
|
||||
<input x-model="title" placeholder="tytuł" type="text" class="peer mr-2 max-w-xs bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full p-2.5 px-4 dark:bg-stone-900 dark:border-stone-700 dark:text-gray-100" />
|
||||
<button x-show="title.length" @click="title=''" type="button" class="absolute inset-y-0 end-0 flex items-center pe-3 invisible peer-valid:visible">
|
||||
<svg class="w-4 h-4 text-gray-500 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
|
||||
@@ -51,7 +50,7 @@
|
||||
</button>
|
||||
</div>
|
||||
<div class="relative w-full d-block max-w-xs mr-2">
|
||||
<input x-model="author" placeholder="autor" type="text" class="peer mr-2 max-w-xs bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full p-2.5 px-4" />
|
||||
<input x-model="author" placeholder="autor" type="text" class="peer mr-2 max-w-xs bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full p-2.5 px-4 dark:bg-stone-900 dark:border-stone-700 dark:text-gray-100" />
|
||||
<button x-show="author.length" @click="author=''" type="button" class="absolute inset-y-0 end-0 flex items-center pe-3 invisible peer-valid:visible">
|
||||
<svg class="w-4 h-4 text-gray-500 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
|
||||
@@ -59,13 +58,24 @@
|
||||
</button>
|
||||
</div>
|
||||
<div class="relative w-full d-block max-w-xs mr-2">
|
||||
<input x-model="publisher" placeholder="wydawca" type="text" class="peer mr-2 max-w-xs bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full p-2.5 px-4" />
|
||||
<button x-show="publisher.length" @click="author=''" type="button" class="absolute inset-y-0 end-0 flex items-center pe-3 invisible peer-valid:visible">
|
||||
<input x-model="publisher" placeholder="wydawca" type="text" class="peer mr-2 max-w-xs bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:outline focus:outline-sky-500 block w-full p-2.5 px-4 dark:bg-stone-900 dark:border-stone-700 dark:text-gray-100" />
|
||||
<button x-show="publisher.length" @click="publisher=''" type="button" class="absolute inset-y-0 end-0 flex items-center pe-3 invisible peer-valid:visible">
|
||||
<svg class="w-4 h-4 text-gray-500 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class=" w-full d-block max-w-xs mr-2">
|
||||
<label for="year-2025" class="p-2.5 inline-block" >
|
||||
<input x-model="year" type="checkbox" id="year-2025" value="2025" /> 2025
|
||||
</label>
|
||||
<label for="year-2024" class="p-2.5 inline-block" >
|
||||
<input x-model="year" type="checkbox" id="year-2024" value="2024" /> 2024
|
||||
</label>
|
||||
<label for="year-2023" class="p-2.5 inline-block" >
|
||||
<input x-model="year" type="checkbox" id="year-2023" value="2023" /> 2023
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="inline-block m-2 text-blue-400 inline cursor-pointer">
|
||||
<div @click="advancedSearch = false">proste filtrowanie</div>
|
||||
@@ -89,47 +99,27 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template x-for="(item, key) in filteredItems" :key="item.index">
|
||||
<tr class="border-b border-slate-100 m-3 w-auto hover:bg-gray-100">
|
||||
<template x-for="(item, key) in filteredItems" :key="item.uuid">
|
||||
<tr class="border-b border-slate-100 dark:border-stone-900 m-3 w-auto hover:bg-gray-100 dark:hover:bg-stone-900">
|
||||
<td class="pl-1 text-right" x-text="filteredItems.length-key"></td>
|
||||
<td class="pl-1 w-3 py-2">
|
||||
<template x-if="!advancedSearch">
|
||||
<a @click="nameFilter='@'+item.username" class="cursor-pointer" x-text="item.username"></a>
|
||||
</template>
|
||||
<template x-if="advancedSearch">
|
||||
<a @click="username=item.username" class="cursor-pointer" x-text="item.username"></a>
|
||||
</template>
|
||||
<a @click="advancedSearch ? username=item.username : nameFilter='@'+item.username" class="cursor-pointer" x-text="item.username"></a>
|
||||
</td>
|
||||
<td class="pl-1 w-12">
|
||||
<template x-if="!advancedSearch">
|
||||
<a @click="nameFilter=item.book.title" class="cursor-pointer" x-text="item.book.title"></a>
|
||||
</template>
|
||||
<template x-if="advancedSearch">
|
||||
<a @click="title=item.book.title" class="cursor-pointer" x-text="item.book.title"></a>
|
||||
</template>
|
||||
<a @click="advancedSearch ? title=item.book.title : nameFilter=item.book.title" class="cursor-pointer" x-text="item.book.title"></a>
|
||||
</td>
|
||||
<td class="pl-1 w-8">
|
||||
<template x-if="!advancedSearch">
|
||||
<a @click="nameFilter=item.book.author" class="cursor-pointer" x-text="item.book.author"></a>
|
||||
</template>
|
||||
<template x-if="advancedSearch">
|
||||
<a @click="author=item.book.author" class="cursor-pointer" x-text="item.book.author"></a>
|
||||
</template>
|
||||
<a @click="advancedSearch ? author=item.book.author : nameFilter=item.book.author" class="cursor-pointer" x-text="item.book.author"></a>
|
||||
</td>
|
||||
<td class="pl-1 w-8">
|
||||
<template x-if="!advancedSearch">
|
||||
<a @click="nameFilter=item.book.publisher" class="cursor-pointer" x-text="item.book.publisher"></a>
|
||||
</template>
|
||||
<template x-if="advancedSearch">
|
||||
<a @click="publisher=item.book.publisher" class="cursor-pointer" x-text="item.book.publisher"></a>
|
||||
</template>
|
||||
<a @click="advancedSearch ? publisher=item.book.publisher : nameFilter=item.book.publisher" class="cursor-pointer" x-text="item.book.publisher"></a>
|
||||
</td>
|
||||
<td class="pr-4 text-right w-[5rem] w-[5rem]"><a :href="item.book.pages" x-text="item.book.pages"></a></td>
|
||||
<td class="pl-1"><a :href="item.book.format" x-text="item.book.format"></a></td>
|
||||
<td class="text-right"><a :href="item.book.rating" x-text="item.book.rating"></a></td>
|
||||
<td class="pr-4 text-right"><a :href="item.book.likes" x-text="item.likes"></a></td>
|
||||
<td class="pl-1 py-2">
|
||||
<a :href="'https://www.hejto.pl/wpis/'+item.slug">
|
||||
<a :href="'https://www.hejto.pl/wpis/'+item.slug" target="_blank">
|
||||
link
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 text-gray-500 inline">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
|
||||
Reference in New Issue
Block a user