some improvements
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import './bootstrap';
|
||||
import './star_rating';
|
||||
import './theme-switcher';
|
||||
|
||||
import $ from 'jquery';
|
||||
import Lightbox from "bs5-lightbox";
|
||||
|
||||
@@ -38,7 +38,6 @@
|
||||
@livewireScripts
|
||||
@bukScripts
|
||||
<script src="{{ asset('js/app.js') }}" defer></script>
|
||||
<script src="{{ asset('js/theme-switcher.js') }}" defer></script>
|
||||
@stack('scripts')
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,34 @@
|
||||
<div>
|
||||
@if($collection)
|
||||
<div class="collection-info mb-3">
|
||||
<h6 class="text-muted">Part of the {{ $collection->name }} Collection</h6>
|
||||
</div>
|
||||
<div class="row">
|
||||
@foreach($collectionMovies as $collectionMovie)
|
||||
<div class="col-md-2 mb-3">
|
||||
<a href="{{ route('movie.show', $collectionMovie->slug) }}" class="text-decoration-none">
|
||||
@if($collectionMovie->poster_path)
|
||||
<div class="movie-poster">
|
||||
<img
|
||||
src="http://image.tmdb.org/t/p/w185/{{ $collectionMovie->poster_path }}"
|
||||
alt="{{ $collectionMovie->title }}"
|
||||
title="{{ $collectionMovie->title }} @if($collectionMovie->release_date) ({{ $collectionMovie->release_date->format('Y') }}) @endif"
|
||||
class="img-fluid rounded shadow-sm"
|
||||
>
|
||||
<div class="movie-title text-center mt-2">
|
||||
<small>{{ $collectionMovie->title }}</small>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="no-poster rounded shadow-sm d-flex align-items-center justify-content-center p-2" style="height: 150px; background-color: #f8f9fa;">
|
||||
<small class="text-center">
|
||||
{{ $collectionMovie->title }} @if($collectionMovie->release_date) ({{ $collectionMovie->release_date->format('Y') }}) @endif
|
||||
</small>
|
||||
</div>
|
||||
@endif
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@@ -1,22 +1,26 @@
|
||||
<div>
|
||||
<div class="row">
|
||||
@foreach($recommendations as $recommendation)
|
||||
<div class="col-md-1">
|
||||
<a href="{{ route('movie.show', $recommendation->slug) }}">
|
||||
<div class="col-md-2 mb-3">
|
||||
<a href="{{ route('movie.show', $recommendation->slug) }}" class="text-decoration-none">
|
||||
@if($recommendation->poster_path)
|
||||
<img
|
||||
src="http://image.tmdb.org/t/p/w185/{{ $recommendation->poster_path }}"
|
||||
alt="{{ $recommendation->title }}"
|
||||
title="{{ $recommendation->title }} @if($recommendation->release_date) ({{ $recommendation->release_date->format('Y') }}) @endif"
|
||||
class="img img-fluid"
|
||||
>
|
||||
<div class="movie-poster">
|
||||
<img
|
||||
src="http://image.tmdb.org/t/p/w185/{{ $recommendation->poster_path }}"
|
||||
alt="{{ $recommendation->title }}"
|
||||
title="{{ $recommendation->title }} @if($recommendation->release_date) ({{ $recommendation->release_date->format('Y') }}) @endif"
|
||||
class="img-fluid rounded shadow-sm"
|
||||
>
|
||||
<div class="movie-title text-center mt-2">
|
||||
<small>{{ $recommendation->title }}</small>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<span
|
||||
class="no-poster"
|
||||
title="{{ $recommendation->title }} @if($recommendation->release_date) ({{ $recommendation->release_date->format('Y') }}) @endif"
|
||||
>
|
||||
{{ $recommendation->title }} @if($recommendation->release_date) ({{ $recommendation->release_date->format('Y') }}) @endif
|
||||
</span>
|
||||
<div class="no-poster rounded shadow-sm d-flex align-items-center justify-content-center p-2" style="height: 150px; background-color: #f8f9fa;">
|
||||
<small class="text-center">
|
||||
{{ $recommendation->title }} @if($recommendation->release_date) ({{ $recommendation->release_date->format('Y') }}) @endif
|
||||
</small>
|
||||
</div>
|
||||
@endif
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,22 +1,26 @@
|
||||
<div>
|
||||
<div class="row">
|
||||
@foreach($similarMovies as $similarMovie)
|
||||
<div class="col-md-1">
|
||||
<a href="{{ route('movie.show', $similarMovie->slug) }}">
|
||||
<div class="col-md-2 mb-3">
|
||||
<a href="{{ route('movie.show', $similarMovie->slug) }}" class="text-decoration-none">
|
||||
@if($similarMovie->poster_path)
|
||||
<img
|
||||
src="http://image.tmdb.org/t/p/w185/{{ $similarMovie->poster_path }}"
|
||||
alt="{{ $similarMovie->title }}"
|
||||
title="{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif"
|
||||
class="img img-fluid"
|
||||
>
|
||||
<div class="movie-poster">
|
||||
<img
|
||||
src="http://image.tmdb.org/t/p/w185/{{ $similarMovie->poster_path }}"
|
||||
alt="{{ $similarMovie->title }}"
|
||||
title="{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif"
|
||||
class="img-fluid rounded shadow-sm"
|
||||
>
|
||||
<div class="movie-title text-center mt-2">
|
||||
<small>{{ $similarMovie->title }}</small>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<span
|
||||
class="no-poster"
|
||||
title="{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif"
|
||||
>
|
||||
{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif
|
||||
</span>
|
||||
<div class="no-poster rounded shadow-sm d-flex align-items-center justify-content-center p-2" style="height: 150px; background-color: #f8f9fa;">
|
||||
<small class="text-center">
|
||||
{{ $similarMovie->title }} @if($similarMovie->release_date) ({{ $similarMovie->release_date->format('Y') }}) @endif
|
||||
</small>
|
||||
</div>
|
||||
@endif
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
<div>
|
||||
<!-- Backdrops -->
|
||||
<h5 class="mb-3">Backdrops</h5>
|
||||
<div class="row mb-4">
|
||||
@foreach($images->where('type', 'backdrops') as $image)
|
||||
<div class="col-md-4 mb-4">
|
||||
<a href="http://image.tmdb.org/t/p/original{{ $image->file_path }}" data-toggle="lightbox">
|
||||
<img src="http://image.tmdb.org/t/p/w500{{ $image->file_path }}" alt="Movie Backdrop" class="img-fluid rounded shadow-sm">
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<!-- Posters -->
|
||||
<h5 class="mb-3">Posters</h5>
|
||||
<div class="row">
|
||||
@foreach($images->where('type', 'posters') as $image)
|
||||
<div class="col-md-3 mb-4">
|
||||
<a href="http://image.tmdb.org/t/p/original{{ $image->file_path }}" data-toggle="lightbox">
|
||||
<img src="http://image.tmdb.org/t/p/w342{{ $image->file_path }}" alt="Movie Poster" class="img-fluid rounded shadow-sm">
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@@ -103,6 +103,9 @@
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="releases-tab" data-bs-toggle="tab" data-bs-target="#releases" type="button" role="tab">Releases</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="images-tab" data-bs-toggle="tab" data-bs-target="#images" type="button" role="tab">Images</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content p-3 border border-top-0 rounded-bottom" id="movieTabsContent">
|
||||
<div class="tab-pane fade show active" id="details" role="tabpanel">
|
||||
@@ -120,6 +123,9 @@
|
||||
<div class="tab-pane fade" id="releases" role="tabpanel">
|
||||
@livewire(App\Livewire\MoviePage\Tabs\Releases::class, ['movie' => $movie])
|
||||
</div>
|
||||
<div class="tab-pane fade" id="images" role="tabpanel">
|
||||
@livewire(App\Livewire\MoviePage\Tabs\Images::class, ['movie' => $movie])
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -127,6 +133,18 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Movie Collection -->
|
||||
@if($movie->collections()->exists())
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-white">
|
||||
<h5 class="mb-0">Movie Collection</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@livewire(App\Livewire\MoviePage\Collection::class, ['movie' => $movie])
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Similar Movies -->
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-white">
|
||||
|
||||
Reference in New Issue
Block a user