RHPZAdmin/RomhackPlaza
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Releases 1 Activity

Fix News aside

Browse Source
This commit is contained in:
Benjamin
2026-06-30 17:48:09 +02:00
parent 53b611bb31
commit d75d76ef6e
1 changed files with 57 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
resources/views/news/show.blade.php
View File

@@ -154,71 +154,73 @@
</div>
@endif
</div>
<aside class="news-sidebar">
@if( $news->entry()->exists() || $news->relevant_link || $news->youtube_link )
<aside class="news-sidebar">
@if($news->entry()->exists())
<div class="sidebar-block">
<h3 class="sidebar-title">
<i data-lucide="content" size="18"></i>
Related entry
</h3>
<div class="related-card">
@if( $news->entry->main_image )
<div class="related-card-cover">
<img src="{{ Storage::url($news->entry->main_image) }}">
@if($news->entry()->exists())
<div class="sidebar-block">
<h3 class="sidebar-title">
<i data-lucide="content" size="18"></i>
Related entry
</h3>
<div class="related-card">
@if( $news->entry->main_image )
<div class="related-card-cover">
<img src="{{ Storage::url($news->entry->main_image) }}">
</div>
@endif
<div class="related-card-info">
<h4>{{ $news->entry->title }}</h4>
<a href="{{ route('entries.show', ['section' => $news->entry->type, 'entry' => $news->entry ]) }}" class="btn-sidebar" class="btn-orange">
Go to the entry
</a>
</div>
@endif
<div class="related-card-info">
<h4>{{ $news->entry->title }}</h4>
<a href="{{ route('entries.show', ['section' => $news->entry->type, 'entry' => $news->entry ]) }}" class="btn-sidebar" class="btn-orange">
Go to the entry
</a>
</div>
</div>
</div>
@endif
@endif
@if($news->relevant_link)
<div class="sidebar-block">
<h3 class="sidebar-title">
<i data-lucide="link" size="18"></i>
Relevant link
</h3>
<a href="{{ $news->relevant_link }}" target="_blank" rel="noopener">
{{ $news->relevant_link }}
</a>
</div>
@endif
@if($news->relevant_link)
<div class="sidebar-block">
<h3 class="sidebar-title">
<i data-lucide="link" size="18"></i>
Relevant link
</h3>
<a href="{{ $news->relevant_link }}" target="_blank" rel="noopener">
{{ $news->relevant_link }}
</a>
</div>
@endif
@if( $news->youtube_link )
<div x-data="{open: false, src: ''}" x-cloak class="sidebar-block youtube-section">
@if( $news->youtube_link )
<div x-data="{open: false, src: ''}" x-cloak class="sidebar-block youtube-section">
<h3 class="sidebar-title">
<i data-lucide="play" size="18"></i>
Youtube video
</h3>
<h3 class="sidebar-title">
<i data-lucide="play" size="18"></i>
Youtube video
</h3>
<div class="video-thumbnail-wrapper"
@click="src = 'https://www.youtube.com/embed/{{ $news->getYoutubeVideoId() }}?autoplay=1'; open = true">
<img src="https://img.youtube.com/vi/{{ $news->getYoutubeVideoId() }}/maxresdefault.jpg">
<div class="play-trigger">
<i data-lucide="play"></i>
<div class="video-thumbnail-wrapper"
@click="src = 'https://www.youtube.com/embed/{{ $news->getYoutubeVideoId() }}?autoplay=1'; open = true">
<img src="https://img.youtube.com/vi/{{ $news->getYoutubeVideoId() }}/maxresdefault.jpg">
<div class="play-trigger">
<i data-lucide="play"></i>
</div>
</div>
<div class="gallery-modal" x-show="open" x-transition.opacity.duration.300ms
@click="open = false; src = ''" @keydown.escape.window="open = false; src = ''">
<span class="gallery-modal-close" @click="open = false; src = '';"><i
data-lucide="x"></i></span>
<div class="gallery-modal-video" @click.stop>
<iframe :src="src"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</div>
<div class="gallery-modal" x-show="open" x-transition.opacity.duration.300ms
@click="open = false; src = ''" @keydown.escape.window="open = false; src = ''">
<span class="gallery-modal-close" @click="open = false; src = '';"><i
data-lucide="x"></i></span>
<div class="gallery-modal-video" @click.stop>
<iframe :src="src"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</div>
@endif
</aside>
@endif
</aside>
@endif
</div>
</article>
@include('entries.comments')