This commit is contained in:
2025-02-16 21:11:07 +02:00
parent 87bbfc33d3
commit e8d7e6a1c4
253 changed files with 3879 additions and 72 deletions
-29
View File
@@ -20,35 +20,6 @@ $('.similar-show-slider').owlCarousel({
items: 7
});
// tns({
// container: '.show-slider',
// items: 7,
// slideBy: 'page',
// controlsText: ["↼ ", "⇁"],
// nav: false
// });
// tns({
// container: '.similar-show-slider',
// items: 6,
// slideBy: 'page',
// controlsText: ["↼ ", "⇁"],
// nav: false,
// nextButton: false,
// prevButton: false,
// });
//
// tns({
// container: '.recommended-show-slider',
// items: 6,
// slideBy: 'page',
// controlsText: ["↼ ", "⇁"],
// nav: false,
// nextButton: false,
// prevButton: false,
// });
const options = {
keyboard: true,
size: 'fullscreen'
+8
View File
@@ -10,6 +10,10 @@
@import "../js/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css";
@import "../js/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.css";
@import "font-awesome/scss/variables";
$fa-font-path: "/fonts";
@import "font-awesome/scss/font-awesome";
.dark-mode{
}
@@ -297,4 +301,8 @@ body.light-mode{
}
}
}
.topic-row{
border-bottom: 1px dashed #ccc;
}
}
+37 -2
View File
@@ -10,7 +10,7 @@
<h1>{{ $thread->name }}</h1>
</div>
<div class="col-md-2">
<a href="" class="btn btn-primary">
<a href="{{ route('forums.thread.topics.create', [$category->slug, $thread->slug]) }}" class="btn btn-primary">
New topic
</a>
</div>
@@ -23,7 +23,42 @@
</div>
<div class="topics-list">
@if($topics->count())
topics
<div class="forum-header">
<div class="row">
<div class="col-md-1">
<i class="fa fa-comments-o" aria-hidden="true"></i>
</div>
<div class="col-md-8">
Topic Name / Author
</div>
<div class="col-md-1">
Views
</div>
<div class="col-md-2">
Last post
</div>
</div>
</div>
@foreach($topics as $topic)
<div class="topic-row">
<div class="row">
<div class="col-md-1">
<i class="fa fa-comments-o" aria-hidden="true"></i>
</div>
<div class="col-md-8">
<a href="{{ route('forums.thread.topics.show', [$category->slug, $thread->slug, $topic->slug]) }}">{{ $topic->name }}</a> <br>
<small>Creator</small>
</div>
<div class="col-md-1">
<span title="Views"><i class="fa fa-eye"></i> {{ $topic->views_no }}</span>
<span title="Replies"><i class="fa fa-pencil"></i> {{ $topic->replies_no }}</span>
</div>
<div class="col-md-2">
last
</div>
</div>
</div>
@endforeach
@else
<div class="no-topics">
There are no topics at the moment! Go ahead, <a href="{{ route('forums.thread.topics.create', [$category->slug, $thread->slug]) }}">post</a> the first one!
+21 -4
View File
@@ -4,11 +4,28 @@
<div class="container-fluid threads-page">
<div class="row justify-content-center">
<div class="col-md-10 forums">
<form action="">
<form action="" method="POST">
@csrf
<div class="form-group">
<label for="">Name</label>
<input type="text" class="form-control" name="name">
<div class="card">
<div class="card-header">New topic</div>
<div class="card-body">
<div class="new-topic-header">
Posting in thread <strong>{{ $currentThread->name }}</strong>, category <strong>{{ $currentThread->category->name }}</strong>.
</div>
<div class="form-group">
<label for="">Name</label>
<input type="text" class="form-control" name="name">
</div>
<div class="form-group">
<label for="content">Content</label>
<x-easy-mde name="content" />
</div>
</div>
<div class="card-footer">
<div class="float-end">
<input type="submit" class="btn btn-primary btn-sm" value="Post">
</div>
</div>
</div>
</form>
</div>
@@ -0,0 +1,77 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid threads-page">
<div class="row">
<div class="col-md-12">
<div class="topic-name">
{{ $topic->name }}
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-10 forums">
<div class="topic-posts">
@foreach($posts as $post)
<div class="post">
<div class="card">
<div class="card-header">
<a href="">{{ $post->author->name }}</a> | {{ $post->created_at->diffForHumans() }}
</div>
<div class="card-body">
<div class="row">
<div class="col-md-1">
avatar <br> name <br> rank & co
</div>
<div class="col-md-11">
{{ $post->content }}
</div>
</div>
</div>
<div class="card-footer">
<div class="float-end">
<a href="" class="btn btn-primary btn-sm">Reply</a>
<a href="" class="btn btn-secondary btn-sm">Like</a>
</div>
</div>
</div>
</div>
@endforeach
</div>
{{ $posts->links() }}
<hr>
<form action="{{ route('forums.thread.topics.post.store', [$thread->category->slug, $thread->slug, $topic->slug]) }}" method="POST">
@csrf
<div class="form-group">
<x-easy-mde name="content" />
</div>
<div class="form-group">
<div class="float-end">
<input type="submit" class="btn btn-success btn-sm" value="Reply">
</div>
</div>
</form>
</div>
<div class="col-md-2">
<div class="card">
<div class="user-actions">
<ul>
<li>
<a href=""><span class="iconify" data-icon="mdi-eye-check-outline"></span> Mark as seen</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-thumb-up-outline"></span> Like</a>
</li>
<li>
<a href=""><span class="iconify" data-icon="mdi-playlist-check"></span> add to list</a>
</li>
</ul>
<hr>
rate
<hr>
</div>
</div>
</div>
</div>
</div>
@endsection
+3 -2
View File
@@ -16,12 +16,13 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.helper.ie8.js"></script><![endif]-->
<!-- Scripts -->
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
@livewireStyles
@bukStyles
</head>
<body class="light-mode">
<div class="theme-switcher d-none">
@@ -35,6 +36,6 @@
</main>
</div>
@livewireScripts
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
@bukScripts
</body>
</html>
@@ -3,12 +3,21 @@
@foreach($recommendations as $recommendation)
<div class="col-md-1">
<a href="{{ route('movie.show', $recommendation->slug) }}">
<img
src="http://image.tmdb.org/t/p/w185/{{ $recommendation->poster_path }}"
alt="{{ $recommendation->title }}"
title="{{ $recommendation->title }} ({{ $recommendation->release_date->format('Y') }})"
class="img img-fluid"
>
@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"
>
@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>
@endif
</a>
</div>
@endforeach
@@ -1,3 +1,25 @@
<div>
{{-- If you look to others for fulfillment, you will never truly be fulfilled. --}}
<div class="row">
@foreach($similarMovies as $similarMovie)
<div class="col-md-1">
<a href="{{ route('movie.show', $similarMovie->slug) }}">
@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"
>
@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>
@endif
</a>
</div>
@endforeach
</div>
</div>
@@ -38,7 +38,7 @@
<ul>
@foreach($alternativeTitles as $alternativeTitle)
<li>
[{{ $alternativeTitle->iso }}] {{ $alternativeTitle->title }}
<img src="{{ asset('/img/flag/'.strtolower($alternativeTitle->iso).'.gif') }}" alt="{{ $alternativeTitle->iso }}" width="22"> {{ $alternativeTitle->title }}
</li>
@endforeach
</ul>
@@ -0,0 +1,11 @@
<div>
<div class="row">
@foreach($videos as $video)
<div class="col-mc-2">
<a href="https://www.youtube.com/watch?v={{ $video->key }}" data-toggle="lightbox">
<img src="https://i3.ytimg.com/vi/{{ $video->key }}/mqdefault.jpg" alt="">
</a>
</div>
@endforeach
</div>
</div>
+55 -6
View File
@@ -23,9 +23,17 @@
<img src="http://image.tmdb.org/t/p/w45/{{ $watchProvider->logo_path }}" alt="{{ $watchProvider->provider_name }}" title="{{ $watchProvider->provider_name }}">
@endforeach
</div>
view trailer /
external ids
<div class="external-ids">
@if($movie->externalIds && $movie->externalIds->tmdb_id)
<a href="{{ $movie->externalIds->tmdb_id }}"><img src="{{ asset('/img/tmdb.webp') }}" alt="" width="85"></a>
@endif
@if($movie->externalIds && $movie->externalIds->imdb_id)
<a href="{{ $movie->externalIds->imdb_id }}"><img src="{{ asset('/img/imdb.png') }}" alt="" width="85"></a>
@endif
</div>
@if($movie->trailer->first())
<a href="https://www.youtube.com/watch?v={{ $movie->trailer->first()->key }}" data-toggle="lightbox" class="btn btn-sm btn-block btn-secondary">View trailer</a>
@endif
</div>
<div class="col-md-10">
<span>
@@ -43,6 +51,9 @@
<li class="nav-item" role="presentation">
<button class="nav-link active" id="details-tab" data-bs-toggle="tab" data-bs-target="#details-tab-pane" type="button" role="tab" aria-controls="details-tab-pane" aria-selected="true">Details</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="videos-tab" data-bs-toggle="tab" data-bs-target="#videos-tab-pane" type="button" role="tab" aria-controls="videos-tab-pane" aria-selected="false">Videos</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="cast-tab" data-bs-toggle="tab" data-bs-target="#cast-tab-pane" type="button" role="tab" aria-controls="cast-tab-pane" aria-selected="false">Cast</button>
</li>
@@ -57,6 +68,9 @@
<div class="tab-pane fade show active" id="details-tab-pane" role="tabpanel" aria-labelledby="details-tab" tabindex="0">
@livewire(App\Livewire\MoviePage\Tabs\Details::class, ['movie' => $movie])
</div>
<div class="tab-pane fade show" id="videos-tab-pane" role="tabpanel" aria-labelledby="videos-tab" tabindex="0">
@livewire(App\Livewire\MoviePage\Tabs\Videos::class, ['movie' => $movie])
</div>
<div class="tab-pane fade" id="cast-tab-pane" role="tabpanel" aria-labelledby="cast-tab" tabindex="0">
@livewire(App\Livewire\MoviePage\Tabs\Cast::class, ['movie' => $movie])
</div>
@@ -74,7 +88,9 @@
</div>
<div class="card">
<div class="card-header">Similar</div>
<div class="card-body"></div>
<div class="card-body">
@livewire(App\Livewire\MoviePage\Similar::class, ['movie' => $movie])
</div>
</div>
<div class="card">
<div class="card-header">Recommended</div>
@@ -84,15 +100,48 @@
</div>
<div class="card">
<div class="card-header">Write review</div>
<div class="card-body"></div>
<div class="card-body">
@if(Auth::check())
<form action="{{ route('movie.comment.store', $movie->slug) }}" method="POST">
@csrf
<div class="form-group">
<label for="">Comment</label>
<textarea name="content" id="" cols="30" rows="3" class="form-control"></textarea>
@error('content')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
<div class="form-group">
<br>
<div class="float-end">
<input type="submit" class="btn btn-sm btn-success" value="Post">
</div>
</div>
</form>
@else
<div class="alert alert-info">
You must be authenticated to comment! Please <a href="{{ route('login') }}">login</a> or <a href="{{ route('register') }}">register</a>.
</div>
@endif
</div>
</div>
@foreach($comments as $comment)
<div class="card">
<div class="card-header">
@if($comment->author_avatar)
<img src="http://image.tmdb.org/t/p/w45/{{ $comment->author_avatar }}" alt="" width="25">
@else
// user avatar
@endif
@if($comment->author_name)
{{ $comment->author_name }}
@else
<a href="">{{ $comment->author->name }}</a>
@endif
@if($comment->tmdb_id)
<span class="badge text-bg-success btn-tmdb"><a href="https://www.themoviedb.org/review/{{ $comment->tmdb_id }}">TMDB</a></span>
@endif
{{ $comment->author_name }}
<span class="rating">
{{ $comment->author_rating }}
</span>
+26 -2
View File
@@ -3,9 +3,33 @@
@section('page_content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="col-md-12">
@if($lists->count())
lists
<br>
<div class="row">
<div class="col-md-12">
<div class="float-end">
<a href="{{ route('profile.list.create', auth()->user()->slug) }}" class="btn btn-sm btn-success">Create list</a>
</div>
</div>
</div>
<br>
@foreach($lists as $list)
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-2">
pics
</div>
<div class="col-md-10">
<h4>{{ $list->name }}</h4>
<span>{{ $list->item_count }} items</span>
<p>{{ $list->description }}</p>
</div>
</div>
</div>
</div>
@endforeach
@else
<div class="medium-info-box">
No lists yet. <a href="{{ route('profile.list.create', auth()->user()->slug) }}">Start one?</a>
+11 -1
View File
@@ -7,7 +7,17 @@
<div class="col-md-4">
<div class="card">
<div class="card-header">Last watched</div>
<div class="card-body"></div>
<div class="card-body">
@if($lastWatched)
<a href="">
<img src="http://image.tmdb.org/t/p/w185/{{ $lastWatched->poster_path }}" alt="">
</a>r
@else
<div class="alert alert-success text-center">
Nothing to show here! <br> Go watch something!
</div>
@endif
</div>
</div>
</div>
<div class="col-md-4">
+23
View File
@@ -113,6 +113,29 @@
@endif
</div>
</div>
<div class="card">
<div class="card-header">
Seasons
<div class="float-end">
<div class="slider-controls">
</div>
</div>
</div>
<div class="card-body similar-show">
<div class="row">
@foreach($seasons as $season)
<div class="col-md-2">
<a href="">
<img src="http://image.tmdb.org/t/p/w1280/{{ $season->poster_path }}" alt="" class="img img-fluid">
{{ $season->name }} <br>
<small>{{ $season->episode_count }} episodes</small>
</a>
</div>
@endforeach
</div>
</div>
</div>
<div class="card">
<div class="card-header">
Similar