mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
217 lines
13 KiB
PHP
217 lines
13 KiB
PHP
<div class="bg-21gray">
|
|
@push('feeds')
|
|
<x-feed-links/>
|
|
@endpush
|
|
<livewire:frontend.header :country="null"/>
|
|
|
|
<livewire:banner.mempool-weather/>
|
|
|
|
<div class="relative bg-21gray px-6 pt-2 pb-20 lg:px-8 lg:pt-2 lg:pb-2">
|
|
<div class="absolute inset-0">
|
|
<div class="h-1/3 bg-21gray sm:h-2/3"></div>
|
|
</div>
|
|
<div class="relative mx-auto max-w-7xl">
|
|
<div class="flex flex-col sm:flex-row justify-center items-center space-x-2">
|
|
<div>
|
|
<img class="h-32 object-cover" src="{{ asset('img/einundzwanzig-news-colored.png') }}" alt="">
|
|
</div>
|
|
<div class="flex flex-col space-y-2">
|
|
@if(isset($filters['author']))
|
|
<x-button wire:click="resetFiltering"
|
|
xs>{{ __('Reset filtering') }}
|
|
</x-button>
|
|
@endif
|
|
@auth
|
|
<x-button
|
|
class="whitespace-nowrap"
|
|
:href="route('news.form')"
|
|
primary>
|
|
<i class="fa fa-solid fa-plus"></i>
|
|
{{ __('Submit news articles') }}
|
|
</x-button>
|
|
@if(auth()->check() && auth()->user()->lnbits['wallet_id'] ?? false)
|
|
<x-button
|
|
class="whitespace-nowrap"
|
|
:href="route('news.form', ['type' => 'paid'])"
|
|
primary>
|
|
<i class="fa fa-solid fa-plus"></i>
|
|
{{ __('Submit paid news article') }}
|
|
<i class="fa fa-solid fa-coins"></i>
|
|
</x-button>
|
|
@elseif(auth()->check())
|
|
<x-button
|
|
class="whitespace-nowrap"
|
|
:href="route('profile.lnbits')"
|
|
black>
|
|
<i class="fa fa-solid fa-gear"></i>
|
|
{{ __('Setup LNBits for paid articles') }}
|
|
<i class="fa fa-solid fa-coins"></i>
|
|
</x-button>
|
|
@endif
|
|
@endauth
|
|
</div>
|
|
</div>
|
|
<div class="mx-auto mt-2 grid max-w-lg gap-5 lg:max-w-none lg:grid-cols-3">
|
|
|
|
@foreach($libraryItems as $libraryItem)
|
|
@if($libraryItem->approved || $libraryItem->created_by === auth()->id() || auth()->user()?->hasRole('news-editor'))
|
|
<div wire:key="library_item_{{ $libraryItem->id }}" wire:loading.class="opacity-25"
|
|
class="relative flex flex-col overflow-hidden rounded-lg border-2 border-[#F7931A]">
|
|
@if($libraryItem->sats)
|
|
<div class="absolute -left-1 top-0 h-16 w-16">
|
|
<div
|
|
class="absolute transform -rotate-45 bg-amber-500 text-center text-white font-semibold py-1 left-[-34px] top-[32px] w-[170px]">
|
|
{{ number_format($libraryItem->sats, 0, ',', '.') }} {{ __('sats') }}
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<div class="flex-shrink-0 pt-6">
|
|
<a href="{{ route('article.view', ['libraryItem' => $libraryItem]) }}">
|
|
<img class="h-48 w-full object-contain"
|
|
src="{{ $libraryItem->getFirstMediaUrl('main', 'seo') }}"
|
|
alt="{{ $libraryItem->name }}">
|
|
</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">{{ $libraryItem->tags->pluck('name')->join(', ') }}</div>
|
|
</div>
|
|
<a href="{{ route('article.view', ['libraryItem' => $libraryItem]) }}"
|
|
class="mt-2 block">
|
|
<p class="text-xl font-semibold text-gray-200">{{ $libraryItem->name }}</p>
|
|
<p class="mt-3 text-base text-gray-300 line-clamp-6">{{ strip_tags($libraryItem->excerpt) }}</p>
|
|
</a>
|
|
</div>
|
|
<div class="mt-6 flex items-center w-full">
|
|
<div class="flex-shrink-0">
|
|
<div>
|
|
<span
|
|
class="sr-only text-gray-200">{{ $libraryItem->lecturer->name }}</span>
|
|
<img class="h-10 w-10 object-cover rounded"
|
|
src="{{ $libraryItem->lecturer->getFirstMediaUrl('avatar') }}"
|
|
alt="{{ $libraryItem->lecturer->name }}">
|
|
</div>
|
|
</div>
|
|
<div class="ml-3">
|
|
<div class="text-sm font-medium text-gray-200">
|
|
<div class="text-gray-200">{{ $libraryItem->lecturer->name }}</div>
|
|
</div>
|
|
<div class="flex space-x-1 text-sm text-gray-500">
|
|
<time
|
|
datetime="2020-03-16">{{ $libraryItem->created_at->asDateTime() }}</time>
|
|
@if($libraryItem->read_time)
|
|
<span aria-hidden="true">·</span>
|
|
<span>{{ $libraryItem->read_time }} {{ __('min read') }}</span>
|
|
@endif
|
|
</div>
|
|
<div
|
|
class="flex space-x-1 text-sm text-gray-500 justify-end items-end">
|
|
@if($libraryItem->created_by === auth()->id() || auth()->user()?->hasRole('news-editor'))
|
|
<div>
|
|
@if($libraryItem->approved)
|
|
<div>
|
|
<x-badge green>{{ __('approved') }}</x-badge>
|
|
</div>
|
|
@else
|
|
<div>
|
|
<x-badge negative>{{ __('not approved') }}</x-badge>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<div>
|
|
@if($libraryItem->approved && auth()->user()?->hasRole('news-editor') && !$libraryItem->nostr_status)
|
|
<div x-data="{}">
|
|
<x-button xs
|
|
purple
|
|
wire:loading.attr="disabled"
|
|
class="whitespace-nowrap"
|
|
x-on:click="$wireui.confirmDialog({
|
|
icon: 'question',
|
|
title: '{{ __('Are you sure you want to publish this article on Nostr?')}}',
|
|
accept: {label: '{{ __('Yes') }}',
|
|
execute: () => $wire.nostr({{ $libraryItem->id }})},
|
|
reject: {label: '{{ __('No, cancel') }}'},
|
|
})"
|
|
>
|
|
<i class="fa fa-solid fa-message-plus"></i>
|
|
{{ __('Publish on Nostr') }}
|
|
</x-button>
|
|
</div>
|
|
@endif
|
|
@if($libraryItem->approved && $libraryItem->nostr_status)
|
|
<div>
|
|
<x-badge purple>
|
|
<i class="fa fa-solid fa-check"></i>
|
|
{{ __('nostr') }}
|
|
</x-badge>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<div>
|
|
@if(!$libraryItem->approved && auth()->user()?->hasRole('news-editor'))
|
|
<x-button
|
|
xs
|
|
wire:click="approve({{ $libraryItem->id }})"
|
|
>
|
|
<i class="fa fa-solid fa-check"></i>
|
|
{{ __('Approve') }}
|
|
</x-button>
|
|
@endif
|
|
</div>
|
|
<div>
|
|
<x-button xs
|
|
:href="route('news.form', ['libraryItem' => $libraryItem, 'type' => $libraryItem->sats ? 'paid' : null])">
|
|
<i class="fa fa-solid fa-edit"></i>
|
|
{{ __('Edit') }}
|
|
</x-button>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@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>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- FOOTER --}}
|
|
<livewire:frontend.footer/>
|
|
|
|
@push('modals')
|
|
<div wire:ignore class="z-50 hidden md:block">
|
|
<script
|
|
src="{{ asset('dist/einundzwanzig.chat.js') }}"
|
|
data-website-owner-pubkey="daf83d92768b5d0005373f83e30d4203c0b747c170449e02fea611a0da125ee6"
|
|
data-chat-type="GLOBAL"
|
|
data-chat-tags="#einundzwanzig_portal_news"
|
|
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="{{ asset('dist/einundzwanzig.chat.css') }}">
|
|
</div>
|
|
@endpush
|
|
</div>
|