podcast episodes view added

2025-12-11 06:46:47 +00:00 · 2023-03-07 19:58:49 +01:00
parent 6938bf8689
commit de0b54bb53
16 changed files with 280 additions and 25 deletions
--- a/app/Http/Livewire/Library/LibraryTable.php
+++ b/app/Http/Livewire/Library/LibraryTable.php
@@ -54,7 +54,7 @@ class LibraryTable extends Component

    public function render()
    {
-        $shouldBePublic = ! $this->isLecturerPage;
+        $shouldBePublic = !$this->isLecturerPage;
        $libraries = \App\Models\Library::query()
                                        ->whereNull('parent_id')
                                        ->where('is_public', $shouldBePublic)
@@ -90,26 +90,26 @@ class LibraryTable extends Component
                                             'lecturer',
                                             'tags',
                                         ])
-                                         ->when($this->search, fn ($query) => $query
+                                         ->when($this->search, fn($query) => $query
                                             ->where('name', 'ilike', '%'.$this->search.'%')
-                                             ->orWhere(fn ($query) => $query
+                                             ->orWhere(fn($query) => $query
                                                 ->when(count($searchTags) > 0 && count($this->filters) < 1,
-                                                     fn ($query) => $query->whereHas('tags',
-                                                         fn ($query) => $query->whereIn('tags.id', $searchTags)))
+                                                     fn($query) => $query->whereHas('tags',
+                                                         fn($query) => $query->whereIn('tags.id', $searchTags)))
                                             )
                                         )
-                                         ->when($this->currentTab !== '*', fn ($query) => $query
+                                         ->when($this->currentTab !== '*', fn($query) => $query
                                             ->whereHas('libraries',
-                                                 fn ($query) => $query
+                                                 fn($query) => $query
                                                     ->where('libraries.name', $this->currentTab)
                                             )
                                         )
-                                         ->when(isset($this->filters['tag']), fn ($query) => $query->whereHas('tags',
-                                             fn ($query) => $query->whereIn('tags.id', $this->filters['tag'])))
+                                         ->when(isset($this->filters['tag']), fn($query) => $query->whereHas('tags',
+                                             fn($query) => $query->whereIn('tags.id', $this->filters['tag'])))
                                         ->when(isset($this->filters['language']),
-                                             fn ($query) => $query->whereIn('language_code', $this->filters['language']))
+                                             fn($query) => $query->whereIn('language_code', $this->filters['language']))
                                         ->whereHas('libraries',
-                                             fn ($query) => $query->where('libraries.is_public', $shouldBePublic))
+                                             fn($query) => $query->where('libraries.is_public', $shouldBePublic))
                                         ->orderByDesc('library_items.created_at')
                                         ->paginate($this->perPage),
        ])->layout('layouts.app', [
--- a/app/Http/Livewire/Library/PodcastEpisodesTable.php
+++ b/app/Http/Livewire/Library/PodcastEpisodesTable.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Http\Livewire\Library;
+
+use App\Models\Country;
+use App\Models\Episode;
+use Livewire\Component;
+
+class PodcastEpisodesTable extends Component
+{
+    public Country $country;
+
+    public array $filters = [];
+
+    public string $search = '';
+
+    public $perPage = 9;
+
+    public $currentTab = '*';
+
+    protected $queryString = [
+        'filters' => ['except' => ''],
+        'search'  => ['except' => ''],
+    ];
+
+    public function loadMore()
+    {
+        $this->perPage += 9;
+    }
+
+    public function resetFiltering($isLecturerPage = false)
+    {
+        return to_route('library.table.podcastsEpisodes', ['country' => $this->country]);
+    }
+
+    public function render()
+    {
+        return view('livewire.library.podcast-episodes-table', [
+            'episodes' => Episode::query()
+                                 ->with(['podcast'])
+                                 ->when($this->search,
+                                     fn($query, $search) => $query
+                                         ->where('data->title', 'ilike', "%{$search}%")
+                                         ->orWhere('data->description', 'ilike', "%{$search}%")
+                                 )
+                                 ->orderByDesc('data->datePublished')
+                                 ->paginate($this->perPage),
+        ]);
+    }
+}
--- a/resources/lang/de.json
+++ b/resources/lang/de.json
@@ -792,5 +792,11 @@
    "Manage cities\/areas": "Verwalte Städte\/Gebiete",
    "Manage venues": "Verwalte Veranstaltungsorte",
    "Image deleted!": "Bild gelöscht!",
-    "Current pictures": "Derzeitige Bilder"
+    "Current pictures": "Derzeitige Bilder",
+    "PubKey copied!": "Public Key kopiert!",
+    "Nostr": "",
+    "Podcast Episodes": "Podcast-Episoden",
+    "Language": "Sprache",
+    "minutes": "Minuten",
+    "Recurring appointment \/ monthly": "Wiederkehrende Termine \/ monatlich"
 }
--- a/resources/lang/en.json
+++ b/resources/lang/en.json
@@ -789,5 +789,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/lang/es.json
+++ b/resources/lang/es.json
@@ -789,5 +789,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/lang/fr.json
+++ b/resources/lang/fr.json
@@ -790,5 +790,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/lang/hr.json
+++ b/resources/lang/hr.json
@@ -790,5 +790,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/lang/it.json
+++ b/resources/lang/it.json
@@ -790,5 +790,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/lang/mk.json
+++ b/resources/lang/mk.json
@@ -790,5 +790,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/lang/pl.json
+++ b/resources/lang/pl.json
@@ -790,5 +790,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/lang/pt.json
+++ b/resources/lang/pt.json
@@ -790,5 +790,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/lang/sv.json
+++ b/resources/lang/sv.json
@@ -752,5 +752,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/lang/tr.json
+++ b/resources/lang/tr.json
@@ -764,5 +764,11 @@
    "Manage cities\/areas": "",
    "Manage venues": "",
    "Image deleted!": "",
-    "Current pictures": ""
+    "Current pictures": "",
+    "PubKey copied!": "",
+    "Nostr": "",
+    "Podcast Episodes": "",
+    "Language": "",
+    "minutes": "",
+    "Recurring appointment \/ monthly": ""
 }
--- a/resources/views/livewire/frontend/navigation/library.blade.php
+++ b/resources/views/livewire/frontend/navigation/library.blade.php
@@ -33,6 +33,12 @@
                                {{ __('Search') }}
                            </a>

+                            <a href="{{ route('library.table.podcastsEpisodes', ['country' => $country]) }}"
+                               class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
+                                <i class="fa-thin fa-podcast flex-none text-gray-400"></i>
+                                {{ __('Podcast Episodes') }}
+                            </a>
+
                            @auth
                                <a href="{{ route('library.table.lecturer', ['country' => $country]) }}"
                                   class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
--- a/resources/views/livewire/library/podcast-episodes-table.blade.php
+++ b/resources/views/livewire/library/podcast-episodes-table.blade.php
@@ -0,0 +1,130 @@
+<div class="bg-21gray flex flex-col h-screen justify-between">
+    {{-- HEADER --}}
+    <livewire:frontend.header :country="$country"/>
+    <div class="max-w-screen-2xl mx-auto">
+        <div class="w-full mb-6 sm:my-6">
+            <x-input class="sm:min-w-[900px]" placeholder="Suche..." wire:model.debounce="search">
+                <x-slot name="append">
+                    <div class="absolute inset-y-0 right-0 flex items-center p-0.5">
+                        <x-button
+                            wire:click="resetFiltering()"
+                            class="h-full rounded-r-md"
+                            black
+                            flat
+                            squared
+                        >
+                            <i class="fa-thin fa-xmark"></i>
+                        </x-button>
+                    </div>
+                </x-slot>
+            </x-input>
+        </div>
+    </div>
+    {{-- MAIN --}}
+    <section class="w-full mb-12">
+        <div class="max-w-screen-2xl mx-auto px-2 sm:px-10" id="table">
+
+            <div class="relative border-b border-gray-200 pb-5 sm:pb-0">
+                <div class="md:flex md:items-center md:justify-between py-6">
+                    <h3 class="text-2xl font-medium leading-6 text-gray-200">{{ __('Podcast Episodes') }}</h3>
+                    <x-button wire:click="resetFiltering()"
+                              xs>
+                        {{ __('Reset filtering and search') }}
+                    </x-button>
+                </div>
+            </div>
+
+            <div class="my-12">
+
+                <div wire:loading.class="opacity-25"
+                     class="mx-auto mt-12 grid max-w-lg gap-5 lg:max-w-none lg:grid-cols-3">
+
+                    @foreach($episodes as $episode)
+                        <div wire:key="episode_{{ $episode->id }}"
+                             class="flex flex-col overflow-hidden rounded-lg  border-2 border-[#F7931A]">
+                            <div class="flex-shrink-0 pt-6">
+                                <a href="{{ $episode->data['link'] }}" target="_blank">
+                                    <img class="h-48 w-full object-contain"
+                                         src="{{ $episode->data['image'] }}"
+                                         alt="{{ $episode->data['title'] }}">
+                                </a>
+                            </div>
+                            <div class="flex flex-1 flex-col justify-between bg-21gray p-6">
+                                <div class="flex-1">
+                                    <div class="text-sm font-medium text-amber-600">
+                                    <div
+                                        class="text-amber-500">{{ __('Language') }}: {{ $episode->data['feedLanguage'] }}</div>
+                                    </div>
+                                    <a href="{{ $episode->data['link'] }}" target="_blank"
+                                       class="mt-2 block">
+                                        <p class="text-xl font-semibold text-gray-200">{{ $episode->data['title'] }}</p>
+                                        <p class="prose mt-3 text-base text-gray-300 line-clamp-3">{{ strip_tags($episode->data['description']) }}</p>
+                                    </a>
+                                </div>
+                                <div class="mt-6 flex items-center">
+                                    <div class="flex-shrink-0">
+                                        <div>
+                                            <span
+                                                class="sr-only text-gray-200">{{ $episode->podcast->title }}</span>
+                                            <img class="h-10 w-10 object-cover rounded"
+                                                 src="{{ $episode->podcast->data['image'] }}"
+                                                 alt="{{ $episode->podcast->data['title'] }}">
+                                        </div>
+                                    </div>
+                                    <div class="ml-3">
+                                        <div class="text-sm font-medium text-gray-200">
+                                            <div class="text-gray-200">{{ $episode->podcast->title }}</div>
+                                        </div>
+                                        <div class="flex space-x-1 text-sm text-gray-400">
+                                            <time
+                                                datetime="2020-03-16">{{ \App\Support\Carbon::parse($episode->data['datePublished'])->asDateTime() }}</time>
+                                                <span aria-hidden="true">&middot;</span>
+                                                <span>{{ round($episode->data['duration'] / 60) }} {{ __('minutes') }}</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    @endforeach
+
+                    <div
+                        x-data="{
+                                observe () {
+                                    let observer = new IntersectionObserver((entries) => {
+                                        entries.forEach(entry => {
+                                            if (entry.isIntersecting) {
+                                                @this.call('loadMore')
+                                            }
+                                        })
+                                    }, {
+                                        root: null
+                                    })
+                                    observer.observe(this.$el)
+                                }
+                            }"
+                        x-init="observe"
+                    ></div>
+
+                    @if($episodes->hasMorePages())
+                        <x-button outline wire:click.prevent="loadMore">{{ __('load more...') }}</x-button>
+                    @endif
+
+                </div>
+
+            </div>
+        </div>
+    </section>
+    {{-- FOOTER --}}
+    <livewire:frontend.footer/>
+
+    <div wire:ignore class="z-50">
+        <script
+            src="https://nostri.chat/public/bundle.js"
+            data-website-owner-pubkey="daf83d92768b5d0005373f83e30d4203c0b747c170449e02fea611a0da125ee6"
+            data-chat-type="GLOBAL"
+            data-chat-tags="#einundzwanzig_portal_podcasts"
+            data-relays="wss://nostr.einundzwanzig.space,wss://nostr.easify.de,wss://nostr.mom,wss://relay.damus.io,wss://relay.snort.social"
+        ></script>
+        <link rel="stylesheet" href="https://nostri.chat/public/bundle.css">
+    </div>
+</div>
--- a/routes/web.php
+++ b/routes/web.php
@@ -202,6 +202,9 @@ Route::middleware([])
         Route::get('/library-item', \App\Http\Livewire\Library\LibraryTable::class)
              ->name('table.libraryItems');

+         Route::get('/podcast-episodes', \App\Http\Livewire\Library\PodcastEpisodesTable::class)
+              ->name('table.podcastsEpisodes');
+
         Route::get('/content-creator', \App\Http\Livewire\Library\LibraryTable::class)
              ->name('table.lecturer');
     });