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

dev #24

Merged
RHPZAdmin merged 3 commits from dev into master 2026-06-30 15:49:34 +00:00
Conversation 0 Commits 3 Files Changed 1 +57 -55
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> </div>
@endif @endif
</div> </div>
<aside class="news-sidebar"> @if( $news->entry()->exists() || $news->relevant_link || $news->youtube_link )
<aside class="news-sidebar">
@if($news->entry()->exists()) @if($news->entry()->exists())
<div class="sidebar-block"> <div class="sidebar-block">
<h3 class="sidebar-title"> <h3 class="sidebar-title">
<i data-lucide="content" size="18"></i> <i data-lucide="content" size="18"></i>
Related entry Related entry
</h3> </h3>
<div class="related-card"> <div class="related-card">
@if( $news->entry->main_image ) @if( $news->entry->main_image )
<div class="related-card-cover"> <div class="related-card-cover">
<img src="{{ Storage::url($news->entry->main_image) }}"> <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> </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> </div>
</div> @endif
@endif
@if($news->relevant_link) @if($news->relevant_link)
<div class="sidebar-block"> <div class="sidebar-block">
<h3 class="sidebar-title"> <h3 class="sidebar-title">
<i data-lucide="link" size="18"></i> <i data-lucide="link" size="18"></i>
Relevant link Relevant link
</h3> </h3>
<a href="{{ $news->relevant_link }}" target="_blank" rel="noopener"> <a href="{{ $news->relevant_link }}" target="_blank" rel="noopener">
{{ $news->relevant_link }} {{ $news->relevant_link }}
</a> </a>
</div> </div>
@endif @endif
@if( $news->youtube_link ) @if( $news->youtube_link )
<div x-data="{open: false, src: ''}" x-cloak class="sidebar-block youtube-section"> <div x-data="{open: false, src: ''}" x-cloak class="sidebar-block youtube-section">
<h3 class="sidebar-title"> <h3 class="sidebar-title">
<i data-lucide="play" size="18"></i> <i data-lucide="play" size="18"></i>
Youtube video Youtube video
</h3> </h3>
<div class="video-thumbnail-wrapper" <div class="video-thumbnail-wrapper"
@click="src = 'https://www.youtube.com/embed/{{ $news->getYoutubeVideoId() }}?autoplay=1'; open = true"> @click="src = 'https://www.youtube.com/embed/{{ $news->getYoutubeVideoId() }}?autoplay=1'; open = true">
<img src="https://img.youtube.com/vi/{{ $news->getYoutubeVideoId() }}/maxresdefault.jpg"> <img src="https://img.youtube.com/vi/{{ $news->getYoutubeVideoId() }}/maxresdefault.jpg">
<div class="play-trigger"> <div class="play-trigger">
<i data-lucide="play"></i> <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> </div>
@endif
<div class="gallery-modal" x-show="open" x-transition.opacity.duration.300ms </aside>
@click="open = false; src = ''" @keydown.escape.window="open = false; src = ''"> @endif
<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>
</div> </div>
</article> </article>
@include('entries.comments') @include('entries.comments')