einundzwanzig/einundzwanzig-portal
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git synced 2025-12-13 06:56:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

library with grid

Browse Source
This commit is contained in:
Benjamin Takats
2023-01-20 16:01:49 +01:00
parent a1e7a16ef1
commit ef13ddbd85
9 changed files with 140 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
resources/views/livewire/news/article-overview.blade.php
View File

@@ -12,7 +12,7 @@
@foreach($libraryItems as $libraryItem)
<div wire:key="library_item_{{ $libraryItem->id }}"
class="flex flex-col overflow-hidden rounded-lg shadow-[#F7931A] shadow-lg">
class="flex flex-col overflow-hidden rounded-lg shadow-[#F7931A] shadow-sm">
<div class="flex-shrink-0">
<a href="{{ route('article.view', ['libraryItem' => $libraryItem]) }}">
<img class="h-48 w-full object-cover"
@@ -20,30 +20,30 @@
alt="{{ $libraryItem->name }}">
</a>
</div>
<div class="flex flex-1 flex-col justify-between bg-white p-6">
<div class="flex flex-1 flex-col justify-between bg-21gray p-6">
<div class="flex-1">
<p class="text-sm font-medium text-indigo-600">
<p class="text-sm font-medium text-amber-600">
<div
class="">{{ $libraryItem->tags->pluck('name')->join(', ') }}</div>
class="text-amber-500">{{ $libraryItem->tags->pluck('name')->join(', ') }}</div>
</p>
<a href="{{ route('article.view', ['libraryItem' => $libraryItem]) }}"
class="mt-2 block">
<p class="text-xl font-semibold text-gray-900">{{ $libraryItem->name }}</p>
<p class="mt-3 text-base text-gray-500">{{ $libraryItem->excerpt }}</p>
<p class="text-xl font-semibold text-gray-200">{{ $libraryItem->name }}</p>
<p class="mt-3 text-base text-gray-300">{{ $libraryItem->excerpt }}</p>
</a>
</div>
<div class="mt-6 flex items-center">
<div class="flex-shrink-0">
<div>
<span class="sr-only">{{ $libraryItem->lecturer->name }}</span>
<span class="sr-only text-gray-200">{{ $libraryItem->lecturer->name }}</span>
<img class="h-10 w-10 rounded-full"
src="{{ $libraryItem->lecturer->getFirstMediaUrl('avatar') }}"
alt="{{ $libraryItem->lecturer->name }}">
</div>
</div>
<div class="ml-3">
<p class="text-sm font-medium text-gray-900">
<div class="">{{ $libraryItem->lecturer->name }}</div>
<p class="text-sm font-medium text-gray-200">
<div class="text-gray-200">{{ $libraryItem->lecturer->name }}</div>
</p>
<div class="flex space-x-1 text-sm text-gray-500">
<time datetime="2020-03-16">{{ $libraryItem->created_at->asDateTime() }}</time>

65
resources/views/livewire/news/intern-article-view.blade.php
View File

@@ -2,10 +2,17 @@
<div class="bg-21gray">
<div class="mx-auto max-w-7xl py-4 px-6 lg:px-8 overflow-hidden">
<div class="flex items-center justify-end">
<x-button lg :href="route('article.overview')">
<i class="fa-thin fa-arrow-left"></i>
{{ __('Back to overview') }}
</x-button>
@if($libraryItem->type === 'markdown_article')
<x-button lg :href="route('article.overview')">
<i class="fa-thin fa-arrow-left"></i>
{{ __('Back to overview') }}
</x-button>
@else
<x-button lg :href="route('library.table.libraryItems', ['country' => 'de'])">
<i class="fa-thin fa-arrow-left"></i>
{{ __('Back to overview') }}
</x-button>
@endif
</div>
</div>
@@ -55,9 +62,53 @@
</div>
<div
class="prose prose-invert mx-auto mt-5 text-gray-100 lg:col-start-1 lg:row-start-1 lg:max-w-none">
<x-markdown>
{!! $libraryItem->value !!}
</x-markdown>
<div class="flex flex-col space-y-1">
@if(str($libraryItem->value)->contains('http'))
<x-button lg amber :href="$libraryItem->value" target="_blank">
<i class="fa fa-thin fa-book-open mr-2"></i>
{{ __('Open') }}
</x-button>
@endif
@if($libraryItem->type === 'downloadable_file')
<x-button lg amber :href="$row->getFirstMediaUrl('single_file')" target="_blank">
<i class="fa fa-thin fa-download mr-2"></i>
{{ __('Download') }}
</x-button>
@endif
@if($libraryItem->type === 'podcast_episode')
<x-button lg amber :href="$libraryItem->episode->data['enclosureUrl']" target="_blank">
<i class="fa fa-thin fa-headphones mr-2"></i>
{{ __('Listen') }}
</x-button>
@endif
@if($libraryItem->type !== 'markdown_article')
<x-button
x-data="{
textToCopy: '{{ url()->route('library.table.libraryItems', ['country' => 'de', 'table' => ['filters' => ['id' => $libraryItem->id]]]) }}',
}"
@click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('Share url copied!') }}',icon:'success'});"
lg black>
<i class="fa fa-thin fa-copy mr-2"></i>
{{ __('Share link') }}
</x-button>
@else
<x-button
x-data="{
textToCopy: '{{ url()->route('library.table.libraryItems', ['country' => 'de', 'table' => ['filters' => ['id' => $libraryItem->id]]]) }}',
}"
@click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('Share url copied!') }}',icon:'success'});"
xs black>
<i class="fa fa-thin fa-copy mr-2"></i>
{{ __('Share link') }}
</x-button>
@endif
</div>
@if($libraryItem->type === 'markdown_article')
<x-markdown>
{!! $libraryItem->value !!}
</x-markdown>
@endif
</div>
</div>
</div>