diff --git a/app/Console/Commands/ItemProcessing/FetchItemDataCommand.php b/app/Console/Commands/ItemProcessing/FetchItemDataCommand.php index 8e58f3f..1b19766 100644 --- a/app/Console/Commands/ItemProcessing/FetchItemDataCommand.php +++ b/app/Console/Commands/ItemProcessing/FetchItemDataCommand.php @@ -6,6 +6,8 @@ use App\Models\ItemToFetch; use App\Models\ItemToFetchJobs; use App\Models\Movie; use App\Service\MediaProcessing\FactoryService; +use App\Service\MediaProcessing\MovieProcessingService; +use App\Service\MediaProcessing\ShowProcessingService; use Illuminate\Console\Command; class FetchItemDataCommand extends Command @@ -15,7 +17,7 @@ class FetchItemDataCommand extends Command * * @var string */ - protected $signature = 'processing:fetch-item-data {type=movie} {batch=50} {job=Details}'; + protected $signature = 'processing:fetch-item-data {type=movie} {batch=50} {job=Details} {tmdbId?}'; /** * The console command description. @@ -36,42 +38,47 @@ class FetchItemDataCommand extends Command */ public function handle() { + $this->info("Start"); + $type = $this->argument('type'); $batch = $this->argument('batch'); $job = $this->argument('job'); + $tmdbId = $this->argument('tmdbId'); - $items = $this->getBatch($type, $batch, $job); + $items = $this->getBatch($type, $batch, $job, $tmdbId); - $this->processItems($items, $job); + $this->info("Processing ".count($items)." items of type `{$type}`."); + + $this->processItems($items, $job, $type); + + $this->info("Fin."); } - private function getBatch(string $type, int $batch, string $job) + private function getBatch(string $type, int $batch, string $job, int $tmdbId = null) { - // if job <> Details the movie in movie table should exist - $query = ItemToFetch::whereHas('jobs', function($query) use ($job){ - return $query->where('jobs', '<>', null)->whereRaw('FIND_IN_SET(?, jobs)', [$job]); - })->with(['jobs']); - - if ($job !== ItemToFetchJobs::JOB_DETAILS) { - $query = $query->join('movies', 'movies.tmdb_id', '=', 'items_to_fetch.tmdb_id'); + switch ($type){ + case ItemToFetch::TYPE_MOVIE: + return MovieProcessingService::getBatch($batch, $job); + case ItemToFetch::TYPE_TV_SERIES: + return ShowProcessingService::getBatch($batch, $job, $tmdbId); } - - return $query - ->where('type', $type) - ->take($batch) - ->get(); } - private function processItems(\Illuminate\Database\Eloquent\Collection $items, $job) + private function processItems(\Illuminate\Database\Eloquent\Collection $items, $job, $type) { + $bar = $this->output->createProgressBar(count($items)); + foreach ($items as $item) { - $this->processItem($item, $job); + $this->processItem($item, $job, $type); + $bar->advance(); } + + $bar->finish(); } - private function processItem($item, $job) + private function processItem($item, $job, $type) { - $this->factoryService->process($item, $job); + $this->factoryService->process($item, $job, $type); } diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php index a577495..b0e5390 100644 --- a/app/Http/Controllers/Auth/RegisterController.php +++ b/app/Http/Controllers/Auth/RegisterController.php @@ -76,6 +76,7 @@ class RegisterController extends Controller $this->createMediaList('Collection', $user); $this->createMediaList('Watched', $user); $this->createMediaList('Liked', $user); + $this->createMediaList('Favourite', $user); return $user; } diff --git a/app/Http/Controllers/CelebrityController.php b/app/Http/Controllers/CelebrityController.php index c870412..b228ac5 100644 --- a/app/Http/Controllers/CelebrityController.php +++ b/app/Http/Controllers/CelebrityController.php @@ -4,6 +4,7 @@ namespace App\Http\Controllers; use App\Models\Person; use Illuminate\Http\Request; +use Illuminate\Support\Facades\DB; class CelebrityController extends Controller { @@ -18,6 +19,32 @@ class CelebrityController extends Controller { $celebrity = Person::where('slug', $slug)->first(); - return view('celebrity.show', compact('celebrity')); + // movies by job + $movies = DB::table('movies') + ->leftJoin('movie_cast', 'movie_cast.movie_id', '=', 'movies.id') + ->where('movie_cast.person_id', '=', $celebrity->id) + ->get(); + + // movies crew + + $moviesByDepartments = []; + + foreach ($movies as $movie) { + $moviesByDepartments[$movie->known_for_department][]= $movie; + } + + + $showsByDepartment = []; + + $shows = DB::table('shows') + ->leftJoin('show_cast', 'show_cast.show_id', '=', 'shows.id') + ->where('show_cast.person_id', '=', $celebrity->id) + ->get(); + + foreach ($shows as $show) { + $showsByDepartment[$show->known_for_department][]= $show; + } + + return view('celebrity.show', compact('celebrity', 'moviesByDepartments', 'showsByDepartment')); } } diff --git a/app/Http/Controllers/Forum/ThreadsController.php b/app/Http/Controllers/Forum/ThreadsController.php index 98de268..04de65f 100644 --- a/app/Http/Controllers/Forum/ThreadsController.php +++ b/app/Http/Controllers/Forum/ThreadsController.php @@ -3,12 +3,22 @@ namespace App\Http\Controllers\Forum; use App\Http\Controllers\Controller; +use App\Models\Forum\Category; +use App\Models\Forum\Thread; +use App\Models\Forum\Topic; use Illuminate\Http\Request; class ThreadsController extends Controller { - public function show(string $threadSlug) + public function show(string $categorySlug, string $threadSlug) { + $category = Category::where('slug', $categorySlug)->first(); + $thread = Thread::where('slug', $threadSlug)->first(); + $topics = Topic::where('category_id', $category->id) + ->where('thread_id', $thread->id) + ->paginate(15); + + return view('forum.thread', compact('category', 'thread', 'topics')); } } diff --git a/app/Http/Controllers/Forum/TopicsController.php b/app/Http/Controllers/Forum/TopicsController.php index e78c85b..1eb3f4d 100644 --- a/app/Http/Controllers/Forum/TopicsController.php +++ b/app/Http/Controllers/Forum/TopicsController.php @@ -3,9 +3,13 @@ namespace App\Http\Controllers\Forum; use App\Http\Controllers\Controller; +use App\Http\Requests\Forum\TopicRequest; use Illuminate\Http\Request; class TopicsController extends Controller { - // + public function create(TopicRequest $request) + { + return view('forum.topics.create'); + } } diff --git a/app/Http/Controllers/ShowController.php b/app/Http/Controllers/ShowController.php new file mode 100644 index 0000000..ead0bc7 --- /dev/null +++ b/app/Http/Controllers/ShowController.php @@ -0,0 +1,25 @@ +where('slug', $slug)->first(); + + $comments = []; + + return view('show.show', compact('show', 'comments')); + } +} diff --git a/app/Http/Requests/Forum/TopicRequest.php b/app/Http/Requests/Forum/TopicRequest.php new file mode 100644 index 0000000..936630c --- /dev/null +++ b/app/Http/Requests/Forum/TopicRequest.php @@ -0,0 +1,28 @@ +|string> + */ + public function rules(): array + { + return [ + // + ]; + } +} diff --git a/app/Livewire/ShowPage/Recommended.php b/app/Livewire/ShowPage/Recommended.php new file mode 100644 index 0000000..0159d54 --- /dev/null +++ b/app/Livewire/ShowPage/Recommended.php @@ -0,0 +1,24 @@ +recommendedShows = Show::whereIn('id', ShowRecommendation::where('show_id', $this->show->id)->pluck('recommended_show_id')) + ->get(); + } +} diff --git a/app/Livewire/ShowPage/Similar.php b/app/Livewire/ShowPage/Similar.php new file mode 100644 index 0000000..0a31528 --- /dev/null +++ b/app/Livewire/ShowPage/Similar.php @@ -0,0 +1,24 @@ +similarShows = Show::whereIn('id', ShowSimilar::where('show_id', $this->show->id)->pluck('similar_show_id')) + ->get(); + } +} diff --git a/app/Livewire/ShowPage/Tabs/Cast.php b/app/Livewire/ShowPage/Tabs/Cast.php new file mode 100644 index 0000000..209f5d0 --- /dev/null +++ b/app/Livewire/ShowPage/Tabs/Cast.php @@ -0,0 +1,36 @@ +show = Show::with('castList')->where('id', $this->show->id)->first(); + + $peopleByDepartment = []; + + foreach ($this->show->castList as $castMember) { + if (!isset($peopleByDepartment[$castMember->pivot->known_for_department])) { + $peopleByDepartment[$castMember->pivot->known_for_department] = []; + } + $peopleByDepartment[$castMember->pivot->known_for_department][] = [ + Person::find($castMember->pivot->person_id), + $castMember->pivot->character, + ]; + } + $this->peopleByDepartment = $peopleByDepartment; + } +} diff --git a/app/Livewire/ShowPage/Tabs/Crew.php b/app/Livewire/ShowPage/Tabs/Crew.php new file mode 100644 index 0000000..30429cf --- /dev/null +++ b/app/Livewire/ShowPage/Tabs/Crew.php @@ -0,0 +1,37 @@ +show = Show::with('castList')->where('id', $this->show->id)->first(); + + $peopleByDepartment = []; + + foreach ($this->show->crewList as $castMember) { + + if (!isset($peopleByDepartment[$castMember->pivot->department])) { + $peopleByDepartment[$castMember->pivot->department] = []; + } + $peopleByDepartment[$castMember->pivot->department][] = [ + Person::find($castMember->pivot->person_id), + $castMember->pivot->job, + ]; + } + $this->peopleByDepartment = $peopleByDepartment; + } +} diff --git a/app/Livewire/ShowPage/Tabs/Details.php b/app/Livewire/ShowPage/Tabs/Details.php new file mode 100644 index 0000000..732ebd2 --- /dev/null +++ b/app/Livewire/ShowPage/Tabs/Details.php @@ -0,0 +1,15 @@ + 'array', - ]; - } } diff --git a/app/Models/Show.php b/app/Models/Show.php index 1bc5dbd..0f9ef80 100644 --- a/app/Models/Show.php +++ b/app/Models/Show.php @@ -36,6 +36,44 @@ class Show extends Model 'vote_count', ]; + protected $casts = [ + 'first_air_date' => 'date', + 'last_air_date' => 'date', + 'languages' => 'array', + ]; + + public function wasListedBy(string $listSlug, User $user) + { + $mediaList = MediaList::where('slug', $listSlug)->where('user_id', $user->id)->first(); + + if ($mediaList) { + $mediaListItem = MediaListItem::where('media_list_id', $mediaList->id) + ->where('item_id', $this->id) + ->where('item_type', 'show') + ->first(); + + return !empty($mediaListItem); + } + + return false; + } + + public function ratingBy(User $user) + { + $rating = Rate::where('user_id', $user->id) + ->where('item_id', $this->id) + ->where('item_type', 'show') + ->first(); + + return $rating ? $rating->rate : null; + } + + public function externalIds() + { + return $this->hasOne(ExternalId::class, 'entity_id', 'id') + ->where('external_ids.entity_type', 'show'); + } + public function castList() { return $this->belongsToMany(Person::class, 'show_cast', 'show_id', 'person_id'); @@ -46,9 +84,27 @@ class Show extends Model return $this->belongsToMany(Person::class, 'show_crew', 'show_id', 'person_id'); } - public function images() + public function images(string $type = 'posters') { - return $this->belongsToMany(Image::class, 'show_images', 'show_id', 'image_id'); + if ($type === Image::TYPE_POSTER) { + return $this->belongsToMany(Image::class, 'show_images', 'show_id', 'image_id') + ->where('type', Image::TYPE_POSTER); + } + + return $this->belongsToMany(Image::class, 'show_images', 'show_id', 'image_id') + ->where('type', '=', Image::TYPE_BACKDROP); + } + + public function posters() + { + return $this->belongsToMany(Image::class, 'show_images', 'show_id', 'image_id') + ->where('type', Image::TYPE_POSTER); + } + + public function backdrops() + { + return $this->belongsToMany(Image::class, 'show_images', 'show_id', 'image_id') + ->where('type', '=', Image::TYPE_BACKDROP); } public function videos() diff --git a/app/Service/MediaProcessing/FactoryService.php b/app/Service/MediaProcessing/FactoryService.php index 8c12d3f..dde1a7c 100644 --- a/app/Service/MediaProcessing/FactoryService.php +++ b/app/Service/MediaProcessing/FactoryService.php @@ -17,9 +17,9 @@ class FactoryService $this->showProcessingService = $showProcessingService; } - public function process($item, string $job) + public function process($item, string $job, $type) { - switch ($item->type) { + switch ($type) { case ItemToFetch::TYPE_MOVIE: return $this->movieProcessingService->process($item, $job); case ItemToFetch::TYPE_TV_SERIES: diff --git a/app/Service/MediaProcessing/MovieProcessingService.php b/app/Service/MediaProcessing/MovieProcessingService.php index 85d3776..6ce0a5d 100644 --- a/app/Service/MediaProcessing/MovieProcessingService.php +++ b/app/Service/MediaProcessing/MovieProcessingService.php @@ -46,6 +46,29 @@ class MovieProcessingService implements ProcessingInterface $this->listApi = $listApi; } + public static function getBatch(int $batch, string $job) + { + if ($job === ItemToFetchJobs::JOB_DETAILS) { + return ItemToFetchJobs::leftJoin('movies', function ($join) { + $join->on('movies.tmdb_id', '=', 'item_to_fetch_jobs.tmdb_id'); + }) + ->whereRaw("FIND_IN_SET('".ItemToFetchJobs::JOB_DETAILS."', item_to_fetch_jobs.jobs)") + ->where('item_to_fetch_jobs.type', 'movies') + ->whereNull('movies.id') + ->take($batch) + ->get(); + } + + return ItemToFetchJobs::leftJoin('movies', function ($join) { + $join->on('movies.tmdb_id', '=', 'item_to_fetch_jobs.tmdb_id'); + }) + ->whereRaw("FIND_IN_SET('".$job."', item_to_fetch_jobs.jobs)") + ->where('item_to_fetch_jobs.type', 'tv_series') + ->whereNotNull('movies.id') + ->take($batch) + ->get(); + } + public function process($item, $job) { $methodName = "get".ucfirst($job); diff --git a/app/Service/MediaProcessing/ShowProcessingService.php b/app/Service/MediaProcessing/ShowProcessingService.php index c96a97f..25cecdc 100644 --- a/app/Service/MediaProcessing/ShowProcessingService.php +++ b/app/Service/MediaProcessing/ShowProcessingService.php @@ -26,6 +26,7 @@ use App\Models\Video; use App\Models\WatchProvider; use App\Service\TMDBApi\PersonApi; use App\Service\TMDBApi\ShowsApi; +use Illuminate\Support\Facades\DB; use Illuminate\Support\Str; use function PHPUnit\Framework\containsIdentical; @@ -42,13 +43,40 @@ class ShowProcessingService implements ProcessingInterface $this->personApi = $personApi; } + public static function getBatch(int $batch, string $job, int $tmdbId = null) + { + $query = ItemToFetchJobs::leftJoin('shows', function ($join) { + $join->on('shows.tmdb_id', '=', 'item_to_fetch_jobs.tmdb_id'); + }) + ->select('item_to_fetch_jobs.*'); + + if ($tmdbId) { + $query = $query->where('item_to_fetch_jobs.tmdb_id', $tmdbId); + } + + if ($job === ItemToFetchJobs::JOB_DETAILS) { + return $query + ->whereRaw("FIND_IN_SET('".ItemToFetchJobs::JOB_DETAILS."', item_to_fetch_jobs.jobs)") + ->where('item_to_fetch_jobs.type', 'tv_series') + ->whereNull('shows.id') + ->take($batch) + ->get(); + } + + return $query + ->whereRaw("FIND_IN_SET('".$job."', item_to_fetch_jobs.jobs)") + ->where('item_to_fetch_jobs.type', 'tv_series') + ->whereNotNull('shows.id') + ->take($batch) + ->get(); + } + public function process($item, $job) { $methodName = "get".ucfirst($job); if (!method_exists($this, $methodName)) { - // @todo maybe raise an exception here - return; + throw new \Exception("No method named $methodName\n"); } $this->$methodName($item); @@ -62,10 +90,10 @@ class ShowProcessingService implements ProcessingInterface $show = Show::where('tmdb_id', $item->tmdb_id)->first(); if ($show) { - echo "+"; +// echo "+"; return; } - echo "."; +// echo "."; $tmdbShow['slug'] = Str::slug($tmdbShow['name'].'-'.$tmdbShow['tmdb_id']); $tmdbShow['first_air_date'] = $tmdbShow['first_air_date'] ? new \DateTime($tmdbShow['first_air_date']) : null; $tmdbShow['last_air_date'] = $tmdbShow['last_air_date'] ? new \DateTime($tmdbShow['last_air_date']) : null; @@ -140,11 +168,13 @@ class ShowProcessingService implements ProcessingInterface $tmdbCredits = $this->showsApi->getCredits($item->tmdb_id); if (empty($tmdbCredits)) { + echo "no credits\n"; return; } $show = Show::where('tmdb_id', $item->tmdb_id)->first(); + echo $item->tmdb_id."\n"; $this->processCast($show, $tmdbCredits['cast'] ?? []); $this->processCrew($show, $tmdbCredits['crew'] ?? []); @@ -177,7 +207,27 @@ class ShowProcessingService implements ProcessingInterface $externalIds['entity_id'] = $show->id; $externalIds['entity_type'] = ExternalId::TYPE_SHOW; + $externalId['imdb_id'] = $tmdbExternalIds['imdb_id'] ?? null; + $externalId['wikidata_id'] = $tmdbExternalIds['wikidata_id'] ?? null; + $externalId['facebook_id'] = $tmdbExternalIds['facebook_id'] ?? null; + $externalId['instagram_id'] = $tmdbExternalIds['instagram_id'] ?? null; + $externalId['twitter_id'] = $tmdbExternalIds['twitter_id'] ?? null; + $externalId['tvdb_id'] = $tmdbExternalIds['tvdb_id'] ?? null; + $externalId['freebase_id'] = $tmdbExternalIds['freebase_id'] ?? null; + $externalId['tvrage_id'] = $tmdbExternalIds['tvrage_id'] ?? null; + ExternalId::create($externalIds); + } else { + + $externalId->imdb_id = $tmdbExternalIds['imdb_id'] ?? null; + $externalId->wikidata_id = $tmdbExternalIds['wikidata_id'] ?? null; + $externalId->facebook_id = $tmdbExternalIds['facebook_id'] ?? null; + $externalId->instagram_id = $tmdbExternalIds['instagram_id'] ?? null; + $externalId->twitter_id = $tmdbExternalIds['twitter_id'] ?? null; + $externalId->tvdb_id = $tmdbExternalIds['tvdb_id'] ?? null; + $externalId->freebase_id = $tmdbExternalIds['freebase_id'] ?? null; + $externalId->tvrage_id = $tmdbExternalIds['tvrage_id'] ?? null; + $externalId->save(); } $this->removeElementFromRemainingJobs($item->tmdb_id, ItemToFetchJobs::JOB_EXTERNAL_IDS); @@ -250,12 +300,17 @@ class ShowProcessingService implements ProcessingInterface ]); } - if ($show->whereHas('videos', function ($query) use ($show) { - $query->where('show_id', $show->id); - })->exists()) { - return; - } else { - $show->videos()->attach($videoExists); + $videoIsAttached = DB::table('show_videos') + ->where('show_id', $show->id) + ->where('video_id', $videoExists->id) + ->first(); + + if (!$videoIsAttached) { + DB::table('show_videos') + ->insert([ + 'show_id' => $show->id, + 'video_id' => $videoExists->id + ]); } } @@ -282,12 +337,17 @@ class ShowProcessingService implements ProcessingInterface ]); } - if ($show->whereHas('keywords', function ($query) use ($existingKeyword) { - $query->where('tmdb_id', $existingKeyword->tmdb_id); - })->exists()) { - return; - } else { - $show->keywords()->attach($existingKeyword); + $keywordIsAttached = DB::table('show_keywords') + ->where('show_id', $show->id) + ->where('keyword_id', $existingKeyword->id) + ->first(); + + if (!$keywordIsAttached) { + DB::table('show_keywords') + ->insert([ + 'show_id' => $show->id, + 'keyword_id' => $existingKeyword->id, + ]); } } @@ -597,12 +657,25 @@ class ShowProcessingService implements ProcessingInterface private function removeElementFromRemainingJobs(int $tmdbId, string $job) { - $itemToFetchJobs = ItemToFetchJobs::where('tmdb_id', $tmdbId)->first(); + $itemToFetchJobs = ItemToFetchJobs::where('tmdb_id', $tmdbId) + ->where('type', 'tv_series') + ->first(); - $remainingJobs = $itemToFetchJobs->remaining_jobs; + if (!$itemToFetchJobs) { + echo "no job for ".$tmdbId."\n"; + return; + } + + $remainingJobs = $itemToFetchJobs->jobs; if (is_string($remainingJobs)) { - $remainingJobs = json_decode($remainingJobs, true); + $remainingJobs = explode(',', $remainingJobs); + } else if ($itemToFetchJobs->jobs == null) { + $this->removeItemToFetch($tmdbId); + return; + } else { + dd("Not string", $remainingJobs, $itemToFetchJobs); + return; } $remainingJobKey = array_search($job, $remainingJobs); @@ -610,20 +683,42 @@ class ShowProcessingService implements ProcessingInterface unset($remainingJobs[$remainingJobKey]); if (empty($remainingJobs)) { - $itemToFetchJobs->delete(); + $this->removeItemToFetch($tmdbId); + return; } - $itemToFetchJobs->remaining_jobs = $remainingJobs; + $itemToFetchJobs->jobs = implode(',', $remainingJobs); $itemToFetchJobs->save(); } + private function removeItemToFetch($tmdbId) + { + $itemToFetchJobs = ItemToFetchJobs::where('tmdb_id', $tmdbId) + ->where('type', 'tv_series') + ->first(); + + $itemToFetch = ItemToFetch::where('tmdb_id', $tmdbId) + ->where('type', 'tv_series') + ->first(); + + if ($itemToFetch) { + $itemToFetch->delete(); + } + + if ($itemToFetchJobs) { + $itemToFetchJobs->delete(); + } + } + private function processCast($show, array $credits) { - if (empty($credits)) { + if (empty($credits) || $show === null) { + echo "+"; return; } foreach ($credits as $castPerson) { + echo "Searching for person ".$castPerson['id']."\n"; $person = Person::where('tmdb_id', $castPerson['id'])->first(); if (!$person) { @@ -652,27 +747,33 @@ class ShowProcessingService implements ProcessingInterface ]); } + echo "Creating person ".$castPerson['id']."\n"; $person = Person::create($personData); } - if ($show->whereHas('castList', function ($query) use ($person) { - $query->where('tmdb_id', '=', $person->tmdb_id); - })->exists()) { - return; - } else { - $show->castList()->attach($person, [ - 'known_for_department' => $castPerson['known_for_department'], - 'character' => $castPerson['character'], - 'tmdb_cast_id' => $castPerson['cast_id'], - 'order' => $castPerson['order'], - ]); + $castExists = DB::table('show_cast') + ->where('show_id', $show->id) + ->where('person_id', $person->id) + ->first(); + + if (!$castExists) { + DB::table('show_cast') + ->insert([ + 'show_id' => $show->id, + 'person_id' => $person->id, + 'known_for_department' => trim($castPerson['known_for_department'], '"'), + 'character' => $castPerson['character'], + 'tmdb_cast_id' => $castPerson['credit_id'], + 'order' => $castPerson['order'], + ]); } } } private function processCrew($show, array $credits) { - if (empty($credits)) { + if (empty($credits) || $show === null) { + echo "+"; return; } @@ -708,17 +809,21 @@ class ShowProcessingService implements ProcessingInterface $person = Person::create($personData); } - if ($show->whereHas('crewList', function ($query) use ($person) { - $query->where('tmdb_id', '=', $person->tmdb_id); - })->exists()) { - return; - } else { - $show->crewList()->attach($person, [ - 'known_for_department' => json_encode($crewPerson['known_for_department']), - 'job' => $crewPerson['job'], - 'department' => $crewPerson['department'], - 'tmdb_cast_id' => $crewPerson['credit_id'], - ]); + $crewExists = DB::table('show_crew') + ->where('show_id', $show->id) + ->where('person_id', $person->id) + ->first(); + + if (!$crewExists) { + DB::table('show_crew') + ->insert([ + 'show_id' => $show->id, + 'person_id' => $person->id, + 'known_for_department' => trim($crewPerson['known_for_department'], '"'), + 'job' => $crewPerson['job'], + 'department' => $crewPerson['department'], + 'tmdb_cast_id' => $crewPerson['credit_id'], + ]); } } } diff --git a/database/migrations/2024_12_29_153704_create_item_to_fetch_jobs_table.php b/database/migrations/2024_12_29_153704_create_item_to_fetch_jobs_table.php index 9602448..8476654 100644 --- a/database/migrations/2024_12_29_153704_create_item_to_fetch_jobs_table.php +++ b/database/migrations/2024_12_29_153704_create_item_to_fetch_jobs_table.php @@ -16,7 +16,6 @@ return new class extends Migration $table->bigInteger('tmdb_id')->nullable(false); $table->bigInteger('item_id')->nullable(true); $table->string('type')->nullable(false); - $table->json('remaining_jobs')->default(null); $table->set('jobs', \App\Models\ItemToFetchJobs::JOBS)->default(null); $table->timestamps(); }); diff --git a/database/migrations/2025_01_27_191019_create_topics_table.php b/database/migrations/2025_01_27_191019_create_topics_table.php index fa97981..7b9be4e 100644 --- a/database/migrations/2025_01_27_191019_create_topics_table.php +++ b/database/migrations/2025_01_27_191019_create_topics_table.php @@ -16,6 +16,8 @@ return new class extends Migration $table->string('name'); $table->string('slug'); $table->enum('status', ['open', 'closed', 'sticky']); + $table->unsignedBigInteger('category_id'); + $table->unsignedBigInteger('thread_id'); $table->unsignedBigInteger('user_id'); $table->timestamps(); }); diff --git a/package-lock.json b/package-lock.json index defe277..afd2afb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,7 +5,9 @@ "packages": { "": { "dependencies": { - "jquery": "^3.7.1" + "bs5-lightbox": "^1.8.3", + "jquery": "^3.7.1", + "owl-carousel": "^1.0.0" }, "devDependencies": { "@popperjs/core": "^2.11.6", @@ -892,7 +894,6 @@ "version": "2.11.8", "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", - "dev": true, "license": "MIT", "funding": { "type": "opencollective", @@ -1310,7 +1311,6 @@ "version": "5.3.3", "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz", "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==", - "dev": true, "funding": [ { "type": "github", @@ -1382,6 +1382,18 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, + "node_modules/bs5-lightbox": { + "version": "1.8.3", + "resolved": "https://registry.npmjs.org/bs5-lightbox/-/bs5-lightbox-1.8.3.tgz", + "integrity": "sha512-fEIjplDAtWw17vi6dFeu7+Td52sk3qQ9FbOOVSpWM3nqio502vZKIA0Q0De9D9ah44BGd+zOKUsikRPlKE2hFg==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/trvswgnr" + }, + "peerDependencies": { + "bootstrap": "^5.0.0" + } + }, "node_modules/camelcase-css": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", @@ -2287,6 +2299,12 @@ "node": ">= 6" } }, + "node_modules/owl-carousel": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/owl-carousel/-/owl-carousel-1.0.0.tgz", + "integrity": "sha512-xgOxxUqpSPM0dopWkcMri9MoGv8TrEDAnsc+6OYuHhO2x3YpsEKDW2fJomPDOA6KkSTa3utLvgP+irVwAXSGog==", + "license": "ISC" + }, "node_modules/package-json-from-dist": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz", diff --git a/package.json b/package.json index 8725fd7..6ea92dc 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,8 @@ "vite": "^6.0" }, "dependencies": { - "jquery": "^3.7.1" + "bs5-lightbox": "^1.8.3", + "jquery": "^3.7.1", + "owl-carousel": "^1.0.0" } } diff --git a/public/img/imdb.png b/public/img/imdb.png new file mode 100644 index 0000000..d1f2526 Binary files /dev/null and b/public/img/imdb.png differ diff --git a/public/img/tmdb.webp b/public/img/tmdb.webp new file mode 100644 index 0000000..7e8f153 Binary files /dev/null and b/public/img/tmdb.webp differ diff --git a/public/img/tv_rage.png b/public/img/tv_rage.png new file mode 100644 index 0000000..61f4187 Binary files /dev/null and b/public/img/tv_rage.png differ diff --git a/public/img/tvdb.png b/public/img/tvdb.png new file mode 100644 index 0000000..1d75148 Binary files /dev/null and b/public/img/tvdb.png differ diff --git a/public/img/wikidata.png b/public/img/wikidata.png new file mode 100644 index 0000000..290f824 Binary files /dev/null and b/public/img/wikidata.png differ diff --git a/resources/js/OwlCarousel2-2.3.4/.gitattributes b/resources/js/OwlCarousel2-2.3.4/.gitattributes new file mode 100644 index 0000000..1de3646 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/.gitattributes @@ -0,0 +1,5 @@ +* text eol=lf + +# Denote all files that are truly binary and should not be modified. +*.png binary +*.jpg binary diff --git a/resources/js/OwlCarousel2-2.3.4/.gitignore b/resources/js/OwlCarousel2-2.3.4/.gitignore new file mode 100644 index 0000000..786d60e --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/.gitignore @@ -0,0 +1,18 @@ +*.iml +.sass-cache +.bowerrc +.idea +/bower_components +/node_modules +*.sublime* +*.zip +/jscs.report.txt + +.DS_Store +*/.DS_Store +.DS_Store? +.Spotlight-V100 +.Trashes +ehthumbs.db +Thumbs.db +.grunt diff --git a/resources/js/OwlCarousel2-2.3.4/.travis.yml b/resources/js/OwlCarousel2-2.3.4/.travis.yml new file mode 100644 index 0000000..9ffb730 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/.travis.yml @@ -0,0 +1,14 @@ +language: node_js +node_js: + - 'lts/*' + +before_install: + - export DISPLAY=:99.0 + - sh -e /etc/init.d/xvfb start + +before_script: + - npm install -g bower grunt-cli + - bower install + +script: + - grunt test diff --git a/resources/js/OwlCarousel2-2.3.4/CONTRIBUTING.md b/resources/js/OwlCarousel2-2.3.4/CONTRIBUTING.md new file mode 100644 index 0000000..62c0cd1 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/CONTRIBUTING.md @@ -0,0 +1,88 @@ +## Contributing + +The [issue tracker](https://github.com/OwlCarousel2/OwlCarousel2/issues) is the preferred channel for bug reports, feature requests, and submitting pull requests. + +**Please do not use the issue tracker for personal support requests. Stack Overflow ([`owl-carousel`](https://stackoverflow.com/questions/tagged/owl-carousel)) is a better place to get help.** + +### Bug reports + +A bug is a **demonstrable, reproducible problem** that is caused by the code in the repository. Good bug reports are extremely helpful, so thanks! + +Guidelines for bug reports: + + 1. Use the GitHub issue search — check if the issue has already been reported. + + 2. Check if the issue has been fixed — try to reproduce it using the latest `develop` branch in the repository. + + 3. Isolate the problem - you NEED to provide a live example — ideally also create a reduced test case. This [CodePen](https://codepen.io/anon/pen/prvbMp), [JSFiddle](https://jsfiddle.net/h8x8bvn9/2/) and [JS Bin](https://jsbin.com/bojonaceve/2/edit?html,js,output) are helpful templates you can fork or clone. + +Example: + +> Short and descriptive example bug report title +> +> A summary of the issue and the browser/OS environment in which it occurs. If suitable, include the steps required to reproduce the bug. +> +> 1. This is the first step +> 2. This is the second step +> 3. Further steps, etc. +> +> `` - a link to the reduced test case +> +> Any other information you want to share that is relevant to the issue being reported. This might include the lines of code that you have identified as causing the bug, and potential solutions (and your opinions on their merits). + +### Feature requests + +Feature requests are welcome, but please take a moment to find out whether your idea fits with the scope and aims of the project. It's up to you to make a strong case to convince the project's developers of the merits of this feature. + +To get approval for your feature request, please create an issue on the issue tracker with as much detail and context as possible. We'll take a look at it and then [hopefully] apply the "[approved for development](https://github.com/OwlCarousel2/OwlCarousel2/labels/approved%20for%20development)" tag so someone can get to work on it! + +### Pull requests + +Good pull requests are a fantastic help. They should remain focused in scope and avoid containing unrelated commits. + +Adhering to the following process is the best way to get your work included in the project: + + 1. [Fork](https://help.github.com/fork-a-repo/) the project, clone your fork, and configure the remotes: + + ```bash + git clone https://github.com//OwlCarousel2.git + cd OwlCarousel2 + git remote add upstream https://github.com/OwlCarousel2/OwlCarousel2.git + ``` + + 2. If you cloned a while ago, get the latest changes from upstream: + + ```bash + git checkout develop + git pull [--rebase] upstream develop + ``` + + 3. Create a new topic branch (off the main project `develop` branch) to contain your feature, change, or fix: + + ```bash + git checkout -b + ``` + + 4. Build the distribution before committing to ensure your changes follow the coding standards and all build files are up to date. + + ```bash + grunt dist + ``` + + 5. Commit your changes in logical chunks. Please adhere to these [guidelines](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html). Use Git's [interactive rebase](https://help.github.com/articles/interactive-rebase) feature to tidy up your commits before making them public. + + 6. Locally merge (or rebase) the upstream development branch into your topic branch: + + ```bash + git pull [--rebase] upstream develop + ``` + + 7. Push your topic branch up to your fork: + + ```bash + git push origin + ``` + + 8. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/) with a clear title and description against the `develop` branch. + +**By submitting a patch, you agree to allow the project owner to license your work under the terms of the [MIT License](LICENSE).** diff --git a/resources/js/OwlCarousel2-2.3.4/Gruntfile.js b/resources/js/OwlCarousel2-2.3.4/Gruntfile.js new file mode 100644 index 0000000..79c5fa4 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/Gruntfile.js @@ -0,0 +1,320 @@ +/** + * Owl Carousel + * + * Bartosz Wojciechowski + * + * Copyright (c) 2014 + * Licensed under the MIT license. + */ +module.exports = function(grunt) { + + require('load-grunt-tasks')(grunt); + + grunt + .initConfig({ + pkg: grunt.file.readJSON('package.json'), + app: grunt.file.readJSON('_config.json'), + banner: '/**\n' + ' * Owl Carousel v<%= pkg.version %>\n' + + ' * Copyright 2013-<%= grunt.template.today("yyyy") %> <%= pkg.author.name %>\n' + + ' * Licensed under: <%= pkg.license %>\n' + ' */\n', + + // assemble + assemble: { + options: { + flatten: false, + expand: true, + production: false, + assets: '<%= app.docs.dest %>/assets', + postprocess: require('pretty'), + + // metadata + pkg: '<%= pkg %>', + app: '<%= app %>', + data: [ '<%= app.docs.src %>/data/*.{json,yml}' ], + + // templates + partials: '<%= app.docs.templates %>/partials/*.hbs', + layoutdir: '<%= app.docs.layouts %>/', + + // extensions + helpers: '<%= app.docs.src %>/helpers/*.js' + }, + index: { + options: { + layout: 'home.hbs' + }, + files: [ { + expand: true, + cwd: '<%= app.docs.pages %>/', + src: '*.hbs', + dest: '<%= app.docs.dest %>/' + } ] + }, + demos: { + options: { + layout: 'demos.hbs' + }, + files: [ { + expand: true, + cwd: '<%= app.docs.pages %>/demos/', + src: '*.hbs', + dest: '<%= app.docs.dest %>/demos' + } ] + }, + docs: { + options: { + layout: 'docs.hbs' + }, + files: [ { + expand: true, + cwd: '<%= app.docs.pages %>/docs/', + src: '*.hbs', + dest: '<%= app.docs.dest %>/docs' + } ] + } + }, + + // clean + clean: { + docs: [ '<%= app.docs.dest %>' ], + dist: [ 'dist' ] + }, + + // sass + sass: { + docs: { + options: { + outputStyle: 'compressed', + includePaths: [ '<%= app.docs.src %>/assets/scss/', 'node_modules/foundation-sites/scss' ] + }, + files: { + '<%= app.docs.dest %>/assets/css/docs.theme.min.css': '<%= app.docs.src %>/assets/scss/docs.theme.scss' + } + }, + dist: { + options: { + outputStyle: 'nested' + }, + files: { + 'dist/assets/<%= pkg.name %>.css': 'src/scss/<%= pkg.name %>.scss', + 'dist/assets/owl.theme.default.css': 'src/scss/owl.theme.default.scss', + 'dist/assets/owl.theme.green.css': 'src/scss/owl.theme.green.scss' + } + } + }, + + autoprefixer: { + options: { + browsers: [ 'last 2 versions', 'ie 7', 'ie 8', 'ie 9', 'ie 10', 'ie 11' ] + }, + dist: { + files: { + 'dist/assets/<%= pkg.name %>.css': 'dist/assets/<%= pkg.name %>.css', + 'dist/assets/owl.theme.default.css': 'dist/assets/owl.theme.default.css', + 'dist/assets/owl.theme.green.css': 'dist/assets/owl.theme.green.css' + } + } + }, + + concat: { + dist: { + files: { + 'dist/<%= pkg.name %>.js': '<%= app.src.scripts %>' + } + } + }, + + cssmin: { + dist: { + files: { + 'dist/assets/<%= pkg.name %>.min.css': 'dist/assets/<%= pkg.name %>.css', + 'dist/assets/owl.theme.default.min.css': 'dist/assets/owl.theme.default.css', + 'dist/assets/owl.theme.green.min.css': 'dist/assets/owl.theme.green.css' + } + } + }, + + jshint: { + options: { + jshintrc: 'src/js/.jshintrc' + }, + dist: { + src: [ '<%= app.src.scripts %>', 'Gruntfile.js' ] + } + }, + + qunit: { + options: { + timeout: 10000 + }, + dist: [ 'test/index.html' ] + }, + + jscs: { + options: { + config: 'src/js/.jscsrc', + reporter: 'text.js', + reporterOutput: 'jscs.report.txt' + }, + dist: { + src: [ '<%= app.src.scripts %>', 'Gruntfile.js' ] + } + }, + + usebanner: { + dist: { + options: { + banner: '<%= banner %>', + linebreak: false + }, + files: { + src: [ + 'dist/<%= pkg.name %>.js', + 'dist/assets/*.css' + ] + } + } + }, + + uglify: { + options: { + banner: '<%= banner %>' + }, + dist: { + files: { + 'dist/<%= pkg.name %>.min.js': 'dist/<%= pkg.name %>.js' + } + } + }, + + // copy + copy: { + distImages: { + expand: true, + flatten: true, + cwd: 'src/', + src: [ 'img/*.*' ], + dest: 'dist/assets' + }, + + distToDocs: { + expand: true, + cwd: 'dist/', + src: [ '**/*.*' ], + dest: '<%= app.docs.dest %>/assets/owlcarousel' + }, + + srcToDocs: { + expand: true, + cwd: 'src/js', + src: [ '**/*.js' ], + dest: '<%= app.docs.dest %>/assets/owlcarousel/src' + }, + + docsAssets: { + expand: true, + cwd: '<%= app.docs.src %>/assets/', + src: [ 'css/*.css', 'vendors/*.js', 'vendors/*.map', 'img/*.*', 'js/*.*' ], + dest: '<%= app.docs.dest %>/assets/' + }, + + readme: { + files: [ { + 'dist/LICENSE': 'LICENSE', + 'dist/README.md': 'README.md' + } ] + } + }, + + // connect + connect: { + options: { + port: 9600, + open: true, + livereload: true, + hostname: 'localhost' + }, + docs: { + options: { + base: "<%= app.docs.dest %>" + } + } + }, + + // watch + watch: { + options: { + livereload: true + }, + templatesDocs: { + files: [ '<%= app.docs.templates %>/**/*.hbs' ], + tasks: [ 'assemble' ] + }, + sassDocs: { + files: [ '<%= app.docs.src %>/assets/**/*.scss' ], + tasks: [ 'sass:docs' ] + }, + sass: { + files: [ 'src/**/*.scss' ], + tasks: [ 'sass:dist', 'cssmin:dist', 'usebanner:dist', 'copy:distToDocs' ] + }, + jsDocs: { + files: [ '<%= app.docs.src %>/assets/**/*.js' ], + tasks: [ 'copy:docsAssets' ] + }, + js: { + files: [ 'src/**/*.js' ], + tasks: [ 'jscs:dist', 'jshint:dist', 'qunit:dist', 'concat:dist', 'uglify:dist', 'usebanner:dist', 'copy:distToDocs', 'copy:srcToDocs' ] + }, + helpersDocs: { + files: [ '<%= app.docs.src %>/helpers/*.js' ], + tasks: [ 'assemble' ] + }, + test: { + files: [ 'test/*.html', 'test/unit/*.js' ], + tasks: [ 'qunit:dist' ] + } + }, + + // compress zip + compress: { + zip: { + options: { + archive: 'docs/download/owl.carousel.<%= pkg.version %>.zip' + }, + files: [ { + expand: true, + cwd: 'dist/', + src: [ '**' ], + dest: 'owl.carousel.<%= pkg.version %>' + } ] + } + }, + + // publish to github pages + 'gh-pages': { + options: { + base: 'docs' + }, + src: '**/*' + } + }); + + grunt.loadNpmTasks('assemble'); + + // tasks + grunt.registerTask('dist', [ 'clean:dist', 'sass:dist', 'autoprefixer', 'concat:dist', 'cssmin:dist', 'copy:distImages', 'usebanner:dist', 'uglify:dist', 'copy:readme' ]); + + grunt.registerTask('docs', [ 'dist', 'clean:docs', 'assemble', 'sass:docs', 'copy:docsAssets', 'copy:distToDocs', 'zip' ]); + + grunt.registerTask('test', [ 'jshint:dist', 'qunit:dist', 'jscs:dist' ]); + + grunt.registerTask('default', [ 'dist', 'docs', 'test' ]); + + grunt.registerTask('serve', [ 'connect:docs', 'watch' ]); + + grunt.registerTask('zip', [ 'compress' ]); + + grunt.registerTask('deploy', [ 'docs', 'gh-pages' ]); + +}; diff --git a/resources/js/OwlCarousel2-2.3.4/ISSUE_TEMPLATE.md b/resources/js/OwlCarousel2-2.3.4/ISSUE_TEMPLATE.md new file mode 100644 index 0000000..c50fbaa --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/ISSUE_TEMPLATE.md @@ -0,0 +1,14 @@ +### A summary of the issue and the browser/OS environment in which it occurs. If suitable, include the steps required to reproduce the bug.> +1. This is the first step +2. This is the second step +3. Further steps, etc. + +_____________ +### `` - a link to the reduced test case. You can use one of the following services: +- https://codepen.io/anon/pen/prvbMp +- https://jsfiddle.net/h8x8bvn9/2/) +- https://jsbin.com/bojonaceve/2/edit?html,js,output + +_____________ +### Any other information you want to share that is relevant to the issue being reported. +This might include the lines of code that you have identified as causing the bug, and potential solutions (and your opinions on their merits). diff --git a/resources/js/OwlCarousel2-2.3.4/LICENSE b/resources/js/OwlCarousel2-2.3.4/LICENSE new file mode 100644 index 0000000..052211d --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/LICENSE @@ -0,0 +1,23 @@ +Copyright (c) 2014 Owl +Modified work Copyright 2016-2018 David Deutsch + +Permission is hereby granted, free of charge, to any person +obtaining a copy of this software and associated documentation +files (the "Software"), to deal in the Software without +restriction, including without limitation the rights to use, +copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the +Software is furnished to do so, subject to the following +conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES +OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT +HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR +OTHER DEALINGS IN THE SOFTWARE. diff --git a/resources/js/OwlCarousel2-2.3.4/README.md b/resources/js/OwlCarousel2-2.3.4/README.md new file mode 100644 index 0000000..e912df2 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/README.md @@ -0,0 +1,122 @@ +# Owl Carousel 2 + +Touch enabled [jQuery](https://jquery.com/) plugin that lets you create a beautiful, responsive carousel slider. **To get started, check out https://owlcarousel2.github.io/OwlCarousel2/.** + +**Notice:** The old Owl Carousel site (owlgraphic [dot] com) is no longer in use. Please delete all references to this in bookmarks and your own products' documentation as it's being used for malicious purposes. + +## Quick start + +### Install + +This package can be installed with: + +- [npm](https://www.npmjs.com/package/owl.carousel): `npm install --save owl.carousel` or `yarn add owl.carousel jquery` +- [bower](http://bower.io/search/?q=owl.carousel): `bower install --save owl.carousel` + +Or download the [latest release](https://github.com/OwlCarousel2/OwlCarousel2/releases). + +### Load + +#### Webpack + +Add jQuery via the "webpack.ProvidePlugin" to your webpack configuration: + + const webpack = require('webpack'); + + //... + plugins: [ + new webpack.ProvidePlugin({ + $: 'jquery', + jQuery: 'jquery', + 'window.jQuery': 'jquery' + }), + ], + //... + +Load the required stylesheet and JS: + +```js +import 'owl.carousel/dist/assets/owl.carousel.css'; +import 'owl.carousel'; +``` + +#### Static HTML + +Put the required stylesheet at the [top](https://developer.yahoo.com/performance/rules.html#css_top) of your markup: + +```html + +``` + +```html + +``` + +**NOTE:** If you want to use the default navigation styles, you will also need to include `owl.theme.default.css`. + + +Put the script at the [bottom](https://developer.yahoo.com/performance/rules.html#js_bottom) of your markup right after jQuery: + +```html + + +``` + +```html + + +``` + +### Usage + +Wrap your items (`div`, `a`, `img`, `span`, `li` etc.) with a container element (`div`, `ul` etc.). Only the class `owl-carousel` is mandatory to apply proper styles: + +```html + +``` +**NOTE:** The `owl-theme` class is optional, but without it, you will need to style navigation features on your own. + + +Call the [plugin](https://learn.jquery.com/plugins/) function and your carousel is ready. + +```javascript +$(document).ready(function(){ + $('.owl-carousel').owlCarousel(); +}); +``` + +## Documentation + +The documentation, included in this repo in the root directory, is built with [Assemble](http://assemble.io/) and publicly available at https://owlcarousel2.github.io/OwlCarousel2/. The documentation may also be run locally. + +## Building + +This package comes with [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/). The following tasks are available: + + * `default` compiles the CSS and JS into `/dist` and builds the doc. + * `dist` compiles the CSS and JS into `/dist` only. + * `watch` watches source files and builds them automatically whenever you save. + * `test` runs [JSHint](http://www.jshint.com/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/). + +To define which plugins are build into the distribution just edit `/_config.json` to fit your needs. + +## Contributing + +Please read [CONTRIBUTING.md](CONTRIBUTING.md). + +## Roadmap + +Please make sure to check out our [Roadmap Discussion](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756). + + +## License + +The code and the documentation are released under the [MIT License](LICENSE). diff --git a/resources/js/OwlCarousel2-2.3.4/ROADMAP.md b/resources/js/OwlCarousel2-2.3.4/ROADMAP.md new file mode 100644 index 0000000..2d3a51f --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/ROADMAP.md @@ -0,0 +1,57 @@ +# OwlCarousel 2 Roadmap + +You can discuss the roadmap here: [#1756](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756). + +## 2.3 - bugfixes, repo migration, minor features - current version + + - [x] clean up contributor guides + - [x] Work through a bunch of PRs + - [x] Various spelling and code style fixes: #1785, #1858, #1856, #1814, #1876, #1838, #1424 + - [x] [#1883](https://github.com/OwlCarousel2/OwlCarousel2/pull/1883) Fix infinite loop + - [x] [#1900](https://github.com/OwlCarousel2/OwlCarousel2/pull/1900) Add repository info to package.json + - [x] [#1770](https://github.com/OwlCarousel2/OwlCarousel2/pull/1770) Allow package file to expose CSS + - [x] [#1077](https://github.com/OwlCarousel2/OwlCarousel2/pull/1077) .center class hangs around when responsive options + - [x] [#1978](https://github.com/OwlCarousel2/OwlCarousel2/pull/1978) - Fix empty child auto width + - [x] [#1942](https://github.com/OwlCarousel2/OwlCarousel2/pull/1942) - Improving autoplay behavior + - [x] [#1915](https://github.com/OwlCarousel2/OwlCarousel2/pull/1915) - Fixing: [#1750](https://github.com/OwlCarousel2/OwlCarousel2/issues/1750) Passive event listeners, chrome and touch events + - [x] [#1704](https://github.com/OwlCarousel2/OwlCarousel2/issues/1704) - viewport width detection + - [ ] [#1717](https://github.com/OwlCarousel2/OwlCarousel2/issues/1717) - keyboard control + - [ ] update progress in [#1538](https://github.com/OwlCarousel2/OwlCarousel2/issues/1538) + +## 2.4 - finish up build pipeline, docs + + - [ ] move repo to company account (https://github.com/medienpark) + - [ ] [#1330](https://github.com/OwlCarousel2/OwlCarousel2/issues/1330) - finish moving to gulp + - [ ] ditto for moving to assemble for docs + - [ ] [#1666](https://github.com/OwlCarousel2/OwlCarousel2/issues/1666) - RTL center mode + - [ ] [#1613](https://github.com/OwlCarousel2/OwlCarousel2/issues/1613) - generic plugin integration + - [ ] [#1602](https://github.com/OwlCarousel2/OwlCarousel2/issues/1602) - CSS transitions fail except for default + +## 2.5 - cloning & worker cleanup + + - [ ] worker cleanup + - [ ] clone computation fix (and provide consistent access to slides) + - [ ] [#1575](https://github.com/OwlCarousel2/OwlCarousel2/issues/1575) & [#1621](https://github.com/OwlCarousel2/OwlCarousel2/issues/1621) - AutoHeight fixes + - [ ] [#1511](https://github.com/OwlCarousel2/OwlCarousel2/issues/1511) - do not disable nav when center = true & length == items + +## 2.6 - cleanup, code style, repo cleanup + + - [ ] clean up code ToDos + - [ ] fix code style + - [ ] check whether we want to support velocity.js (at least optionally) + - [ ] close not-yet-tagged issues older than 8 month + - [ ] [#1518](https://github.com/OwlCarousel2/OwlCarousel2/issues/1518) - slide change event issues (not cancelling events etc.) + - [ ] [#1563](https://github.com/OwlCarousel2/OwlCarousel2/issues/1563) - slide offset on last if loop = false + - [ ] [#1633](https://github.com/OwlCarousel2/OwlCarousel2/issues/1633) & [#1627](https://github.com/OwlCarousel2/OwlCarousel2/issues/1627) - (merged items) swipe/autoplay (mostly testing whether the worker/clone fixes in 2.5 solved this) + +## 2.7 - bugfixes & final, "LTS" 2.x release + + - [ ] [#1647](https://github.com/OwlCarousel2/OwlCarousel2/issues/1647) - 1px from prev. slide on current + - [ ] [#1523](https://github.com/OwlCarousel2/OwlCarousel2/issues/1523) - autoplay vs. video autoplay issue + - [ ] [#1343](https://github.com/OwlCarousel2/OwlCarousel2/issues/1343) - timeout per slide + +## 3.0 - Typescript, additional plugins, breaking changes + + - [ ] TypeScript refactoring + - [ ] remove css-mimicking settings (such as margins) and use CSS instead + - [ ] overlay plugin (to support overlay transitions etc.) diff --git a/resources/js/OwlCarousel2-2.3.4/_config.json b/resources/js/OwlCarousel2-2.3.4/_config.json new file mode 100644 index 0000000..49f9f59 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/_config.json @@ -0,0 +1,30 @@ +{ + "docs":{ + "src": "docs_src", + "dest": "docs", + "templates":"<%= app.docs.src %>/templates", + "pages": "<%= app.docs.templates %>/pages", + "layouts": "<%= app.docs.templates %>/layouts" + }, + + "src":{ + "dist": "dist", + + "scripts": [ + "src/js/owl.carousel.js", + "src/js/owl.autorefresh.js", + "src/js/owl.lazyload.js", + "src/js/owl.autoheight.js", + "src/js/owl.video.js", + "src/js/owl.animate.js", + "src/js/owl.autoplay.js", + "src/js/owl.navigation.js", + "src/js/owl.hash.js", + "src/js/owl.support.js" + ] + }, + + "title": "Owl Carousel", + "download": "https://github.com/OwlCarousel2/OwlCarousel2/archive/master.zip", + "donate": "https://www.paypal.com" +} diff --git a/resources/js/OwlCarousel2-2.3.4/bower.json b/resources/js/OwlCarousel2-2.3.4/bower.json new file mode 100644 index 0000000..394d733 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/bower.json @@ -0,0 +1,13 @@ +{ + "name": "owl.carousel", + "version": "2.3.4", + "main": [ + "dist/owl.carousel.js", + "dist/assets/owl.carousel.css", + "dist/assets/owl.theme.default.css" + ], + "ignore": [], + "dependencies": { + "jquery": ">= 1.8.3" + } +} diff --git a/resources/js/OwlCarousel2-2.3.4/dist/LICENSE b/resources/js/OwlCarousel2-2.3.4/dist/LICENSE new file mode 100644 index 0000000..052211d --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/dist/LICENSE @@ -0,0 +1,23 @@ +Copyright (c) 2014 Owl +Modified work Copyright 2016-2018 David Deutsch + +Permission is hereby granted, free of charge, to any person +obtaining a copy of this software and associated documentation +files (the "Software"), to deal in the Software without +restriction, including without limitation the rights to use, +copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the +Software is furnished to do so, subject to the following +conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES +OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT +HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR +OTHER DEALINGS IN THE SOFTWARE. diff --git a/resources/js/OwlCarousel2-2.3.4/dist/README.md b/resources/js/OwlCarousel2-2.3.4/dist/README.md new file mode 100644 index 0000000..e912df2 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/dist/README.md @@ -0,0 +1,122 @@ +# Owl Carousel 2 + +Touch enabled [jQuery](https://jquery.com/) plugin that lets you create a beautiful, responsive carousel slider. **To get started, check out https://owlcarousel2.github.io/OwlCarousel2/.** + +**Notice:** The old Owl Carousel site (owlgraphic [dot] com) is no longer in use. Please delete all references to this in bookmarks and your own products' documentation as it's being used for malicious purposes. + +## Quick start + +### Install + +This package can be installed with: + +- [npm](https://www.npmjs.com/package/owl.carousel): `npm install --save owl.carousel` or `yarn add owl.carousel jquery` +- [bower](http://bower.io/search/?q=owl.carousel): `bower install --save owl.carousel` + +Or download the [latest release](https://github.com/OwlCarousel2/OwlCarousel2/releases). + +### Load + +#### Webpack + +Add jQuery via the "webpack.ProvidePlugin" to your webpack configuration: + + const webpack = require('webpack'); + + //... + plugins: [ + new webpack.ProvidePlugin({ + $: 'jquery', + jQuery: 'jquery', + 'window.jQuery': 'jquery' + }), + ], + //... + +Load the required stylesheet and JS: + +```js +import 'owl.carousel/dist/assets/owl.carousel.css'; +import 'owl.carousel'; +``` + +#### Static HTML + +Put the required stylesheet at the [top](https://developer.yahoo.com/performance/rules.html#css_top) of your markup: + +```html + +``` + +```html + +``` + +**NOTE:** If you want to use the default navigation styles, you will also need to include `owl.theme.default.css`. + + +Put the script at the [bottom](https://developer.yahoo.com/performance/rules.html#js_bottom) of your markup right after jQuery: + +```html + + +``` + +```html + + +``` + +### Usage + +Wrap your items (`div`, `a`, `img`, `span`, `li` etc.) with a container element (`div`, `ul` etc.). Only the class `owl-carousel` is mandatory to apply proper styles: + +```html + +``` +**NOTE:** The `owl-theme` class is optional, but without it, you will need to style navigation features on your own. + + +Call the [plugin](https://learn.jquery.com/plugins/) function and your carousel is ready. + +```javascript +$(document).ready(function(){ + $('.owl-carousel').owlCarousel(); +}); +``` + +## Documentation + +The documentation, included in this repo in the root directory, is built with [Assemble](http://assemble.io/) and publicly available at https://owlcarousel2.github.io/OwlCarousel2/. The documentation may also be run locally. + +## Building + +This package comes with [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/). The following tasks are available: + + * `default` compiles the CSS and JS into `/dist` and builds the doc. + * `dist` compiles the CSS and JS into `/dist` only. + * `watch` watches source files and builds them automatically whenever you save. + * `test` runs [JSHint](http://www.jshint.com/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/). + +To define which plugins are build into the distribution just edit `/_config.json` to fit your needs. + +## Contributing + +Please read [CONTRIBUTING.md](CONTRIBUTING.md). + +## Roadmap + +Please make sure to check out our [Roadmap Discussion](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756). + + +## License + +The code and the documentation are released under the [MIT License](LICENSE). diff --git a/resources/js/OwlCarousel2-2.3.4/dist/assets/ajax-loader.gif b/resources/js/OwlCarousel2-2.3.4/dist/assets/ajax-loader.gif new file mode 100644 index 0000000..d3962f9 Binary files /dev/null and b/resources/js/OwlCarousel2-2.3.4/dist/assets/ajax-loader.gif differ diff --git a/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css new file mode 100644 index 0000000..40237bc --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css @@ -0,0 +1,186 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +/* + * Owl Carousel - Core + */ +.owl-carousel { + display: none; + width: 100%; + -webkit-tap-highlight-color: transparent; + /* position relative and z-index fix webkit rendering fonts issue */ + position: relative; + z-index: 1; } + .owl-carousel .owl-stage { + position: relative; + -ms-touch-action: pan-Y; + touch-action: manipulation; + -moz-backface-visibility: hidden; + /* fix firefox animation glitch */ } + .owl-carousel .owl-stage:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; } + .owl-carousel .owl-stage-outer { + position: relative; + overflow: hidden; + /* fix for flashing background */ + -webkit-transform: translate3d(0px, 0px, 0px); } + .owl-carousel .owl-wrapper, + .owl-carousel .owl-item { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); } + .owl-carousel .owl-item { + position: relative; + min-height: 1px; + float: left; + -webkit-backface-visibility: hidden; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; } + .owl-carousel .owl-item img { + display: block; + width: 100%; } + .owl-carousel .owl-nav.disabled, + .owl-carousel .owl-dots.disabled { + display: none; } + .owl-carousel .owl-nav .owl-prev, + .owl-carousel .owl-nav .owl-next, + .owl-carousel .owl-dot { + cursor: pointer; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .owl-carousel .owl-nav button.owl-prev, + .owl-carousel .owl-nav button.owl-next, + .owl-carousel button.owl-dot { + background: none; + color: inherit; + border: none; + padding: 0 !important; + font: inherit; } + .owl-carousel.owl-loaded { + display: block; } + .owl-carousel.owl-loading { + opacity: 0; + display: block; } + .owl-carousel.owl-hidden { + opacity: 0; } + .owl-carousel.owl-refresh .owl-item { + visibility: hidden; } + .owl-carousel.owl-drag .owl-item { + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .owl-carousel.owl-grab { + cursor: move; + cursor: grab; } + .owl-carousel.owl-rtl { + direction: rtl; } + .owl-carousel.owl-rtl .owl-item { + float: right; } + +/* No Js */ +.no-js .owl-carousel { + display: block; } + +/* + * Owl Carousel - Animate Plugin + */ +.owl-carousel .animated { + animation-duration: 1000ms; + animation-fill-mode: both; } + +.owl-carousel .owl-animated-in { + z-index: 0; } + +.owl-carousel .owl-animated-out { + z-index: 1; } + +.owl-carousel .fadeOut { + animation-name: fadeOut; } + +@keyframes fadeOut { + 0% { + opacity: 1; } + 100% { + opacity: 0; } } + +/* + * Owl Carousel - Auto Height Plugin + */ +.owl-height { + transition: height 500ms ease-in-out; } + +/* + * Owl Carousel - Lazy Load Plugin + */ +.owl-carousel .owl-item { + /** + This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong + calculation of the height of the owl-item that breaks page layouts + */ } + .owl-carousel .owl-item .owl-lazy { + opacity: 0; + transition: opacity 400ms ease; } + .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { + max-height: 0; } + .owl-carousel .owl-item img.owl-lazy { + transform-style: preserve-3d; } + +/* + * Owl Carousel - Video Plugin + */ +.owl-carousel .owl-video-wrapper { + position: relative; + height: 100%; + background: #000; } + +.owl-carousel .owl-video-play-icon { + position: absolute; + height: 80px; + width: 80px; + left: 50%; + top: 50%; + margin-left: -40px; + margin-top: -40px; + background: url("owl.video.play.png") no-repeat; + cursor: pointer; + z-index: 1; + -webkit-backface-visibility: hidden; + transition: transform 100ms ease; } + +.owl-carousel .owl-video-play-icon:hover { + -ms-transform: scale(1.3, 1.3); + transform: scale(1.3, 1.3); } + +.owl-carousel .owl-video-playing .owl-video-tn, +.owl-carousel .owl-video-playing .owl-video-play-icon { + display: none; } + +.owl-carousel .owl-video-tn { + opacity: 0; + height: 100%; + background-position: center center; + background-repeat: no-repeat; + background-size: contain; + transition: opacity 400ms ease; } + +.owl-carousel .owl-video-frame { + position: relative; + z-index: 1; + height: 100%; + width: 100%; } diff --git a/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css new file mode 100644 index 0000000..a71df11 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} \ No newline at end of file diff --git a/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.css b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.css new file mode 100644 index 0000000..e2020fb --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.css @@ -0,0 +1,50 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +/* + * Default theme - Owl Carousel CSS File + */ +.owl-theme .owl-nav { + margin-top: 10px; + text-align: center; + -webkit-tap-highlight-color: transparent; } + .owl-theme .owl-nav [class*='owl-'] { + color: #FFF; + font-size: 14px; + margin: 5px; + padding: 4px 7px; + background: #D6D6D6; + display: inline-block; + cursor: pointer; + border-radius: 3px; } + .owl-theme .owl-nav [class*='owl-']:hover { + background: #869791; + color: #FFF; + text-decoration: none; } + .owl-theme .owl-nav .disabled { + opacity: 0.5; + cursor: default; } + +.owl-theme .owl-nav.disabled + .owl-dots { + margin-top: 10px; } + +.owl-theme .owl-dots { + text-align: center; + -webkit-tap-highlight-color: transparent; } + .owl-theme .owl-dots .owl-dot { + display: inline-block; + zoom: 1; + *display: inline; } + .owl-theme .owl-dots .owl-dot span { + width: 10px; + height: 10px; + margin: 5px 7px; + background: #D6D6D6; + display: block; + -webkit-backface-visibility: visible; + transition: opacity 200ms ease; + border-radius: 30px; } + .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { + background: #869791; } diff --git a/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css new file mode 100644 index 0000000..487088d --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} \ No newline at end of file diff --git a/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.green.css b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.green.css new file mode 100644 index 0000000..5235fbe --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.green.css @@ -0,0 +1,50 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +/* + * Green theme - Owl Carousel CSS File + */ +.owl-theme .owl-nav { + margin-top: 10px; + text-align: center; + -webkit-tap-highlight-color: transparent; } + .owl-theme .owl-nav [class*='owl-'] { + color: #FFF; + font-size: 14px; + margin: 5px; + padding: 4px 7px; + background: #D6D6D6; + display: inline-block; + cursor: pointer; + border-radius: 3px; } + .owl-theme .owl-nav [class*='owl-']:hover { + background: #4DC7A0; + color: #FFF; + text-decoration: none; } + .owl-theme .owl-nav .disabled { + opacity: 0.5; + cursor: default; } + +.owl-theme .owl-nav.disabled + .owl-dots { + margin-top: 10px; } + +.owl-theme .owl-dots { + text-align: center; + -webkit-tap-highlight-color: transparent; } + .owl-theme .owl-dots .owl-dot { + display: inline-block; + zoom: 1; + *display: inline; } + .owl-theme .owl-dots .owl-dot span { + width: 10px; + height: 10px; + margin: 5px 7px; + background: #D6D6D6; + display: block; + -webkit-backface-visibility: visible; + transition: opacity 200ms ease; + border-radius: 30px; } + .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { + background: #4DC7A0; } diff --git a/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.green.min.css b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.green.min.css new file mode 100644 index 0000000..187bea0 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.theme.green.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0} \ No newline at end of file diff --git a/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.video.play.png b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.video.play.png new file mode 100644 index 0000000..5d0218d Binary files /dev/null and b/resources/js/OwlCarousel2-2.3.4/dist/assets/owl.video.play.png differ diff --git a/resources/js/OwlCarousel2-2.3.4/dist/owl.carousel.js b/resources/js/OwlCarousel2-2.3.4/dist/owl.carousel.js new file mode 100644 index 0000000..9feb680 --- /dev/null +++ b/resources/js/OwlCarousel2-2.3.4/dist/owl.carousel.js @@ -0,0 +1,3452 @@ +import $ from 'jquery'; + +window.jQuery = $; + +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +/** + * Owl carousel + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + * @todo Lazy Load Icon + * @todo prevent animationend bubling + * @todo itemsScaleUp + * @todo Test Zepto + * @todo stagePadding calculate wrong active classes + */ +;(function($, window, document, undefined) { + + /** + * Creates a carousel. + * @class The Owl Carousel. + * @public + * @param {HTMLElement|jQuery} element - The element to create the carousel for. + * @param {Object} [options] - The options + */ + function Owl(element, options) { + + /** + * Current settings for the carousel. + * @public + */ + this.settings = null; + + /** + * Current options set by the caller including defaults. + * @public + */ + this.options = $.extend({}, Owl.Defaults, options); + + /** + * Plugin element. + * @public + */ + this.$element = $(element); + + /** + * Proxied event handlers. + * @protected + */ + this._handlers = {}; + + /** + * References to the running plugins of this carousel. + * @protected + */ + this._plugins = {}; + + /** + * Currently suppressed events to prevent them from being retriggered. + * @protected + */ + this._supress = {}; + + /** + * Absolute current position. + * @protected + */ + this._current = null; + + /** + * Animation speed in milliseconds. + * @protected + */ + this._speed = null; + + /** + * Coordinates of all items in pixel. + * @todo The name of this member is missleading. + * @protected + */ + this._coordinates = []; + + /** + * Current breakpoint. + * @todo Real media queries would be nice. + * @protected + */ + this._breakpoint = null; + + /** + * Current width of the plugin element. + */ + this._width = null; + + /** + * All real items. + * @protected + */ + this._items = []; + + /** + * All cloned items. + * @protected + */ + this._clones = []; + + /** + * Merge values of all items. + * @todo Maybe this could be part of a plugin. + * @protected + */ + this._mergers = []; + + /** + * Widths of all items. + */ + this._widths = []; + + /** + * Invalidated parts within the update process. + * @protected + */ + this._invalidated = {}; + + /** + * Ordered list of workers for the update process. + * @protected + */ + this._pipe = []; + + /** + * Current state information for the drag operation. + * @todo #261 + * @protected + */ + this._drag = { + time: null, + target: null, + pointer: null, + stage: { + start: null, + current: null + }, + direction: null + }; + + /** + * Current state information and their tags. + * @type {Object} + * @protected + */ + this._states = { + current: {}, + tags: { + 'initializing': [ 'busy' ], + 'animating': [ 'busy' ], + 'dragging': [ 'interacting' ] + } + }; + + $.each([ 'onResize', 'onThrottledResize' ], $.proxy(function(i, handler) { + this._handlers[handler] = $.proxy(this[handler], this); + }, this)); + + $.each(Owl.Plugins, $.proxy(function(key, plugin) { + this._plugins[key.charAt(0).toLowerCase() + key.slice(1)] + = new plugin(this); + }, this)); + + $.each(Owl.Workers, $.proxy(function(priority, worker) { + this._pipe.push({ + 'filter': worker.filter, + 'run': $.proxy(worker.run, this) + }); + }, this)); + + this.setup(); + this.initialize(); + } + + /** + * Default options for the carousel. + * @public + */ + Owl.Defaults = { + items: 3, + loop: false, + center: false, + rewind: false, + checkVisibility: true, + + mouseDrag: true, + touchDrag: true, + pullDrag: true, + freeDrag: false, + + margin: 0, + stagePadding: 0, + + merge: false, + mergeFit: true, + autoWidth: false, + + startPosition: 0, + rtl: false, + + smartSpeed: 250, + fluidSpeed: false, + dragEndSpeed: false, + + responsive: {}, + responsiveRefreshRate: 200, + responsiveBaseElement: window, + + fallbackEasing: 'swing', + slideTransition: '', + + info: false, + + nestedItemSelector: false, + itemElement: 'div', + stageElement: 'div', + + refreshClass: 'owl-refresh', + loadedClass: 'owl-loaded', + loadingClass: 'owl-loading', + rtlClass: 'owl-rtl', + responsiveClass: 'owl-responsive', + dragClass: 'owl-drag', + itemClass: 'owl-item', + stageClass: 'owl-stage', + stageOuterClass: 'owl-stage-outer', + grabClass: 'owl-grab' + }; + + /** + * Enumeration for width. + * @public + * @readonly + * @enum {String} + */ + Owl.Width = { + Default: 'default', + Inner: 'inner', + Outer: 'outer' + }; + + /** + * Enumeration for types. + * @public + * @readonly + * @enum {String} + */ + Owl.Type = { + Event: 'event', + State: 'state' + }; + + /** + * Contains all registered plugins. + * @public + */ + Owl.Plugins = {}; + + /** + * List of workers involved in the update process. + */ + Owl.Workers = [ { + filter: [ 'width', 'settings' ], + run: function() { + this._width = this.$element.width(); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + cache.current = this._items && this._items[this.relative(this._current)]; + } + }, { + filter: [ 'items', 'settings' ], + run: function() { + this.$stage.children('.cloned').remove(); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + var margin = this.settings.margin || '', + grid = !this.settings.autoWidth, + rtl = this.settings.rtl, + css = { + 'width': 'auto', + 'margin-left': rtl ? margin : '', + 'margin-right': rtl ? '' : margin + }; + + !grid && this.$stage.children().css(css); + + cache.css = css; + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + var width = (this.width() / this.settings.items).toFixed(3) - this.settings.margin, + merge = null, + iterator = this._items.length, + grid = !this.settings.autoWidth, + widths = []; + + cache.items = { + merge: false, + width: width + }; + + while (iterator--) { + merge = this._mergers[iterator]; + merge = this.settings.mergeFit && Math.min(merge, this.settings.items) || merge; + + cache.items.merge = merge > 1 || cache.items.merge; + + widths[iterator] = !grid ? this._items[iterator].width() : width * merge; + } + + this._widths = widths; + } + }, { + filter: [ 'items', 'settings' ], + run: function() { + var clones = [], + items = this._items, + settings = this.settings, + // TODO: Should be computed from number of min width items in stage + view = Math.max(settings.items * 2, 4), + size = Math.ceil(items.length / 2) * 2, + repeat = settings.loop && items.length ? settings.rewind ? view : Math.max(view, size) : 0, + append = '', + prepend = ''; + + repeat /= 2; + + while (repeat > 0) { + // Switch to only using appended clones + clones.push(this.normalize(clones.length / 2, true)); + append = append + items[clones[clones.length - 1]][0].outerHTML; + clones.push(this.normalize(items.length - 1 - (clones.length - 1) / 2, true)); + prepend = items[clones[clones.length - 1]][0].outerHTML + prepend; + repeat -= 1; + } + + this._clones = clones; + + $(append).addClass('cloned').appendTo(this.$stage); + $(prepend).addClass('cloned').prependTo(this.$stage); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function() { + var rtl = this.settings.rtl ? 1 : -1, + size = this._clones.length + this._items.length, + iterator = -1, + previous = 0, + current = 0, + coordinates = []; + + while (++iterator < size) { + previous = coordinates[iterator - 1] || 0; + current = this._widths[this.relative(iterator)] + this.settings.margin; + coordinates.push(previous + current * rtl); + } + + this._coordinates = coordinates; + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function() { + var padding = this.settings.stagePadding, + coordinates = this._coordinates, + css = { + 'width': Math.ceil(Math.abs(coordinates[coordinates.length - 1])) + padding * 2, + 'padding-left': padding || '', + 'padding-right': padding || '' + }; + + this.$stage.css(css); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + var iterator = this._coordinates.length, + grid = !this.settings.autoWidth, + items = this.$stage.children(); + + if (grid && cache.items.merge) { + while (iterator--) { + cache.css.width = this._widths[this.relative(iterator)]; + items.eq(iterator).css(cache.css); + } + } else if (grid) { + cache.css.width = cache.items.width; + items.css(cache.css); + } + } + }, { + filter: [ 'items' ], + run: function() { + this._coordinates.length < 1 && this.$stage.removeAttr('style'); + } + }, { + filter: [ 'width', 'items', 'settings' ], + run: function(cache) { + cache.current = cache.current ? this.$stage.children().index(cache.current) : 0; + cache.current = Math.max(this.minimum(), Math.min(this.maximum(), cache.current)); + this.reset(cache.current); + } + }, { + filter: [ 'position' ], + run: function() { + this.animate(this.coordinates(this._current)); + } + }, { + filter: [ 'width', 'position', 'items', 'settings' ], + run: function() { + var rtl = this.settings.rtl ? 1 : -1, + padding = this.settings.stagePadding * 2, + begin = this.coordinates(this.current()) + padding, + end = begin + this.width() * rtl, + inner, outer, matches = [], i, n; + + for (i = 0, n = this._coordinates.length; i < n; i++) { + inner = this._coordinates[i - 1] || 0; + outer = Math.abs(this._coordinates[i]) + padding * rtl; + + if ((this.op(inner, '<=', begin) && (this.op(inner, '>', end))) + || (this.op(outer, '<', begin) && this.op(outer, '>', end))) { + matches.push(i); + } + } + + this.$stage.children('.active').removeClass('active'); + this.$stage.children(':eq(' + matches.join('), :eq(') + ')').addClass('active'); + + this.$stage.children('.center').removeClass('center'); + if (this.settings.center) { + this.$stage.children().eq(this.current()).addClass('center'); + } + } + } ]; + + /** + * Create the stage DOM element + */ + Owl.prototype.initializeStage = function() { + this.$stage = this.$element.find('.' + this.settings.stageClass); + + // if the stage is already in the DOM, grab it and skip stage initialization + if (this.$stage.length) { + return; + } + + this.$element.addClass(this.options.loadingClass); + + // create stage + this.$stage = $('<' + this.settings.stageElement + '>', { + "class": this.settings.stageClass + }).wrap( $( '
', { + "class": this.settings.stageOuterClass + })); + + // append stage + this.$element.append(this.$stage.parent()); + }; + + /** + * Create item DOM elements + */ + Owl.prototype.initializeItems = function() { + var $items = this.$element.find('.owl-item'); + + // if the items are already in the DOM, grab them and skip item initialization + if ($items.length) { + this._items = $items.get().map(function(item) { + return $(item); + }); + + this._mergers = this._items.map(function() { + return 1; + }); + + this.refresh(); + + return; + } + + // append content + this.replace(this.$element.children().not(this.$stage.parent())); + + // check visibility + if (this.isVisible()) { + // update view + this.refresh(); + } else { + // invalidate width + this.invalidate('width'); + } + + this.$element + .removeClass(this.options.loadingClass) + .addClass(this.options.loadedClass); + }; + + /** + * Initializes the carousel. + * @protected + */ + Owl.prototype.initialize = function() { + this.enter('initializing'); + this.trigger('initialize'); + + this.$element.toggleClass(this.settings.rtlClass, this.settings.rtl); + + if (this.settings.autoWidth && !this.is('pre-loading')) { + var imgs, nestedSelector, width; + imgs = this.$element.find('img'); + nestedSelector = this.settings.nestedItemSelector ? '.' + this.settings.nestedItemSelector : undefined; + width = this.$element.children(nestedSelector).width(); + + if (imgs.length && width <= 0) { + this.preloadAutoWidthImages(imgs); + } + } + + this.initializeStage(); + this.initializeItems(); + + // register event handlers + this.registerEventHandlers(); + + this.leave('initializing'); + this.trigger('initialized'); + }; + + /** + * @returns {Boolean} visibility of $element + * if you know the carousel will always be visible you can set `checkVisibility` to `false` to + * prevent the expensive browser layout forced reflow the $element.is(':visible') does + */ + Owl.prototype.isVisible = function() { + return this.settings.checkVisibility + ? this.$element.is(':visible') + : true; + }; + + /** + * Setups the current settings. + * @todo Remove responsive classes. Why should adaptive designs be brought into IE8? + * @todo Support for media queries by using `matchMedia` would be nice. + * @public + */ + Owl.prototype.setup = function() { + var viewport = this.viewport(), + overwrites = this.options.responsive, + match = -1, + settings = null; + + if (!overwrites) { + settings = $.extend({}, this.options); + } else { + $.each(overwrites, function(breakpoint) { + if (breakpoint <= viewport && breakpoint > match) { + match = Number(breakpoint); + } + }); + + settings = $.extend({}, this.options, overwrites[match]); + if (typeof settings.stagePadding === 'function') { + settings.stagePadding = settings.stagePadding(); + } + delete settings.responsive; + + // responsive class + if (settings.responsiveClass) { + this.$element.attr('class', + this.$element.attr('class').replace(new RegExp('(' + this.options.responsiveClass + '-)\\S+\\s', 'g'), '$1' + match) + ); + } + } + + this.trigger('change', { property: { name: 'settings', value: settings } }); + this._breakpoint = match; + this.settings = settings; + this.invalidate('settings'); + this.trigger('changed', { property: { name: 'settings', value: this.settings } }); + }; + + /** + * Updates option logic if necessery. + * @protected + */ + Owl.prototype.optionsLogic = function() { + if (this.settings.autoWidth) { + this.settings.stagePadding = false; + this.settings.merge = false; + } + }; + + /** + * Prepares an item before add. + * @todo Rename event parameter `content` to `item`. + * @protected + * @returns {jQuery|HTMLElement} - The item container. + */ + Owl.prototype.prepare = function(item) { + var event = this.trigger('prepare', { content: item }); + + if (!event.data) { + event.data = $('<' + this.settings.itemElement + '/>') + .addClass(this.options.itemClass).append(item) + } + + this.trigger('prepared', { content: event.data }); + + return event.data; + }; + + /** + * Updates the view. + * @public + */ + Owl.prototype.update = function() { + var i = 0, + n = this._pipe.length, + filter = $.proxy(function(p) { return this[p] }, this._invalidated), + cache = {}; + + while (i < n) { + if (this._invalidated.all || $.grep(this._pipe[i].filter, filter).length > 0) { + this._pipe[i].run(cache); + } + i++; + } + + this._invalidated = {}; + + !this.is('valid') && this.enter('valid'); + }; + + /** + * Gets the width of the view. + * @public + * @param {Owl.Width} [dimension=Owl.Width.Default] - The dimension to return. + * @returns {Number} - The width of the view in pixel. + */ + Owl.prototype.width = function(dimension) { + dimension = dimension || Owl.Width.Default; + switch (dimension) { + case Owl.Width.Inner: + case Owl.Width.Outer: + return this._width; + default: + return this._width - this.settings.stagePadding * 2 + this.settings.margin; + } + }; + + /** + * Refreshes the carousel primarily for adaptive purposes. + * @public + */ + Owl.prototype.refresh = function() { + this.enter('refreshing'); + this.trigger('refresh'); + + this.setup(); + + this.optionsLogic(); + + this.$element.addClass(this.options.refreshClass); + + this.update(); + + this.$element.removeClass(this.options.refreshClass); + + this.leave('refreshing'); + this.trigger('refreshed'); + }; + + /** + * Checks window `resize` event. + * @protected + */ + Owl.prototype.onThrottledResize = function() { + window.clearTimeout(this.resizeTimer); + this.resizeTimer = window.setTimeout(this._handlers.onResize, this.settings.responsiveRefreshRate); + }; + + /** + * Checks window `resize` event. + * @protected + */ + Owl.prototype.onResize = function() { + if (!this._items.length) { + return false; + } + + if (this._width === this.$element.width()) { + return false; + } + + if (!this.isVisible()) { + return false; + } + + this.enter('resizing'); + + if (this.trigger('resize').isDefaultPrevented()) { + this.leave('resizing'); + return false; + } + + this.invalidate('width'); + + this.refresh(); + + this.leave('resizing'); + this.trigger('resized'); + }; + + /** + * Registers event handlers. + * @todo Check `msPointerEnabled` + * @todo #261 + * @protected + */ + Owl.prototype.registerEventHandlers = function() { + if ($.support.transition) { + this.$stage.on($.support.transition.end + '.owl.core', $.proxy(this.onTransitionEnd, this)); + } + + if (this.settings.responsive !== false) { + this.on(window, 'resize', this._handlers.onThrottledResize); + } + + if (this.settings.mouseDrag) { + this.$element.addClass(this.options.dragClass); + this.$stage.on('mousedown.owl.core', $.proxy(this.onDragStart, this)); + this.$stage.on('dragstart.owl.core selectstart.owl.core', function() { return false }); + } + + if (this.settings.touchDrag){ + this.$stage.on('touchstart.owl.core', $.proxy(this.onDragStart, this)); + this.$stage.on('touchcancel.owl.core', $.proxy(this.onDragEnd, this)); + } + }; + + /** + * Handles `touchstart` and `mousedown` events. + * @todo Horizontal swipe threshold as option + * @todo #261 + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onDragStart = function(event) { + var stage = null; + + if (event.which === 3) { + return; + } + + if ($.support.transform) { + stage = this.$stage.css('transform').replace(/.*\(|\)| /g, '').split(','); + stage = { + x: stage[stage.length === 16 ? 12 : 4], + y: stage[stage.length === 16 ? 13 : 5] + }; + } else { + stage = this.$stage.position(); + stage = { + x: this.settings.rtl ? + stage.left + this.$stage.width() - this.width() + this.settings.margin : + stage.left, + y: stage.top + }; + } + + if (this.is('animating')) { + $.support.transform ? this.animate(stage.x) : this.$stage.stop() + this.invalidate('position'); + } + + this.$element.toggleClass(this.options.grabClass, event.type === 'mousedown'); + + this.speed(0); + + this._drag.time = new Date().getTime(); + this._drag.target = $(event.target); + this._drag.stage.start = stage; + this._drag.stage.current = stage; + this._drag.pointer = this.pointer(event); + + $(document).on('mouseup.owl.core touchend.owl.core', $.proxy(this.onDragEnd, this)); + + $(document).one('mousemove.owl.core touchmove.owl.core', $.proxy(function(event) { + var delta = this.difference(this._drag.pointer, this.pointer(event)); + + $(document).on('mousemove.owl.core touchmove.owl.core', $.proxy(this.onDragMove, this)); + + if (Math.abs(delta.x) < Math.abs(delta.y) && this.is('valid')) { + return; + } + + event.preventDefault(); + + this.enter('dragging'); + this.trigger('drag'); + }, this)); + }; + + /** + * Handles the `touchmove` and `mousemove` events. + * @todo #261 + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onDragMove = function(event) { + var minimum = null, + maximum = null, + pull = null, + delta = this.difference(this._drag.pointer, this.pointer(event)), + stage = this.difference(this._drag.stage.start, delta); + + if (!this.is('dragging')) { + return; + } + + event.preventDefault(); + + if (this.settings.loop) { + minimum = this.coordinates(this.minimum()); + maximum = this.coordinates(this.maximum() + 1) - minimum; + stage.x = (((stage.x - minimum) % maximum + maximum) % maximum) + minimum; + } else { + minimum = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum()); + maximum = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum()); + pull = this.settings.pullDrag ? -1 * delta.x / 5 : 0; + stage.x = Math.max(Math.min(stage.x, minimum + pull), maximum + pull); + } + + this._drag.stage.current = stage; + + this.animate(stage.x); + }; + + /** + * Handles the `touchend` and `mouseup` events. + * @todo #261 + * @todo Threshold for click event + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onDragEnd = function(event) { + var delta = this.difference(this._drag.pointer, this.pointer(event)), + stage = this._drag.stage.current, + direction = delta.x > 0 ^ this.settings.rtl ? 'left' : 'right'; + + $(document).off('.owl.core'); + + this.$element.removeClass(this.options.grabClass); + + if (delta.x !== 0 && this.is('dragging') || !this.is('valid')) { + this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed); + this.current(this.closest(stage.x, delta.x !== 0 ? direction : this._drag.direction)); + this.invalidate('position'); + this.update(); + + this._drag.direction = direction; + + if (Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) { + this._drag.target.one('click.owl.core', function() { return false; }); + } + } + + if (!this.is('dragging')) { + return; + } + + this.leave('dragging'); + this.trigger('dragged'); + }; + + /** + * Gets absolute position of the closest item for a coordinate. + * @todo Setting `freeDrag` makes `closest` not reusable. See #165. + * @protected + * @param {Number} coordinate - The coordinate in pixel. + * @param {String} direction - The direction to check for the closest item. Ether `left` or `right`. + * @return {Number} - The absolute position of the closest item. + */ + Owl.prototype.closest = function(coordinate, direction) { + var position = -1, + pull = 30, + width = this.width(), + coordinates = this.coordinates(); + + if (!this.settings.freeDrag) { + // check closest item + $.each(coordinates, $.proxy(function(index, value) { + // on a left pull, check on current index + if (direction === 'left' && coordinate > value - pull && coordinate < value + pull) { + position = index; + // on a right pull, check on previous index + // to do so, subtract width from value and set position = index + 1 + } else if (direction === 'right' && coordinate > value - width - pull && coordinate < value - width + pull) { + position = index + 1; + } else if (this.op(coordinate, '<', value) + && this.op(coordinate, '>', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) { + position = direction === 'left' ? index + 1 : index; + } + return position === -1; + }, this)); + } + + if (!this.settings.loop) { + // non loop boundries + if (this.op(coordinate, '>', coordinates[this.minimum()])) { + position = coordinate = this.minimum(); + } else if (this.op(coordinate, '<', coordinates[this.maximum()])) { + position = coordinate = this.maximum(); + } + } + + return position; + }; + + /** + * Animates the stage. + * @todo #270 + * @public + * @param {Number} coordinate - The coordinate in pixels. + */ + Owl.prototype.animate = function(coordinate) { + var animate = this.speed() > 0; + + this.is('animating') && this.onTransitionEnd(); + + if (animate) { + this.enter('animating'); + this.trigger('translate'); + } + + if ($.support.transform3d && $.support.transition) { + this.$stage.css({ + transform: 'translate3d(' + coordinate + 'px,0px,0px)', + transition: (this.speed() / 1000) + 's' + ( + this.settings.slideTransition ? ' ' + this.settings.slideTransition : '' + ) + }); + } else if (animate) { + this.$stage.animate({ + left: coordinate + 'px' + }, this.speed(), this.settings.fallbackEasing, $.proxy(this.onTransitionEnd, this)); + } else { + this.$stage.css({ + left: coordinate + 'px' + }); + } + }; + + /** + * Checks whether the carousel is in a specific state or not. + * @param {String} state - The state to check. + * @returns {Boolean} - The flag which indicates if the carousel is busy. + */ + Owl.prototype.is = function(state) { + return this._states.current[state] && this._states.current[state] > 0; + }; + + /** + * Sets the absolute position of the current item. + * @public + * @param {Number} [position] - The new absolute position or nothing to leave it unchanged. + * @returns {Number} - The absolute position of the current item. + */ + Owl.prototype.current = function(position) { + if (position === undefined) { + return this._current; + } + + if (this._items.length === 0) { + return undefined; + } + + position = this.normalize(position); + + if (this._current !== position) { + var event = this.trigger('change', { property: { name: 'position', value: position } }); + + if (event.data !== undefined) { + position = this.normalize(event.data); + } + + this._current = position; + + this.invalidate('position'); + + this.trigger('changed', { property: { name: 'position', value: this._current } }); + } + + return this._current; + }; + + /** + * Invalidates the given part of the update routine. + * @param {String} [part] - The part to invalidate. + * @returns {Array.} - The invalidated parts. + */ + Owl.prototype.invalidate = function(part) { + if ($.type(part) === 'string') { + this._invalidated[part] = true; + this.is('valid') && this.leave('valid'); + } + return $.map(this._invalidated, function(v, i) { return i }); + }; + + /** + * Resets the absolute position of the current item. + * @public + * @param {Number} position - The absolute position of the new item. + */ + Owl.prototype.reset = function(position) { + position = this.normalize(position); + + if (position === undefined) { + return; + } + + this._speed = 0; + this._current = position; + + this.suppress([ 'translate', 'translated' ]); + + this.animate(this.coordinates(position)); + + this.release([ 'translate', 'translated' ]); + }; + + /** + * Normalizes an absolute or a relative position of an item. + * @public + * @param {Number} position - The absolute or relative position to normalize. + * @param {Boolean} [relative=false] - Whether the given position is relative or not. + * @returns {Number} - The normalized position. + */ + Owl.prototype.normalize = function(position, relative) { + var n = this._items.length, + m = relative ? 0 : this._clones.length; + + if (!this.isNumeric(position) || n < 1) { + position = undefined; + } else if (position < 0 || position >= n + m) { + position = ((position - m / 2) % n + n) % n + m / 2; + } + + return position; + }; + + /** + * Converts an absolute position of an item into a relative one. + * @public + * @param {Number} position - The absolute position to convert. + * @returns {Number} - The converted position. + */ + Owl.prototype.relative = function(position) { + position -= this._clones.length / 2; + return this.normalize(position, true); + }; + + /** + * Gets the maximum position for the current item. + * @public + * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position. + * @returns {Number} + */ + Owl.prototype.maximum = function(relative) { + var settings = this.settings, + maximum = this._coordinates.length, + iterator, + reciprocalItemsWidth, + elementWidth; + + if (settings.loop) { + maximum = this._clones.length / 2 + this._items.length - 1; + } else if (settings.autoWidth || settings.merge) { + iterator = this._items.length; + if (iterator) { + reciprocalItemsWidth = this._items[--iterator].width(); + elementWidth = this.$element.width(); + while (iterator--) { + reciprocalItemsWidth += this._items[iterator].width() + this.settings.margin; + if (reciprocalItemsWidth > elementWidth) { + break; + } + } + } + maximum = iterator + 1; + } else if (settings.center) { + maximum = this._items.length - 1; + } else { + maximum = this._items.length - settings.items; + } + + if (relative) { + maximum -= this._clones.length / 2; + } + + return Math.max(maximum, 0); + }; + + /** + * Gets the minimum position for the current item. + * @public + * @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position. + * @returns {Number} + */ + Owl.prototype.minimum = function(relative) { + return relative ? 0 : this._clones.length / 2; + }; + + /** + * Gets an item at the specified relative position. + * @public + * @param {Number} [position] - The relative position of the item. + * @return {jQuery|Array.} - The item at the given position or all items if no position was given. + */ + Owl.prototype.items = function(position) { + if (position === undefined) { + return this._items.slice(); + } + + position = this.normalize(position, true); + return this._items[position]; + }; + + /** + * Gets an item at the specified relative position. + * @public + * @param {Number} [position] - The relative position of the item. + * @return {jQuery|Array.} - The item at the given position or all items if no position was given. + */ + Owl.prototype.mergers = function(position) { + if (position === undefined) { + return this._mergers.slice(); + } + + position = this.normalize(position, true); + return this._mergers[position]; + }; + + /** + * Gets the absolute positions of clones for an item. + * @public + * @param {Number} [position] - The relative position of the item. + * @returns {Array.} - The absolute positions of clones for the item or all if no position was given. + */ + Owl.prototype.clones = function(position) { + var odd = this._clones.length / 2, + even = odd + this._items.length, + map = function(index) { return index % 2 === 0 ? even + index / 2 : odd - (index + 1) / 2 }; + + if (position === undefined) { + return $.map(this._clones, function(v, i) { return map(i) }); + } + + return $.map(this._clones, function(v, i) { return v === position ? map(i) : null }); + }; + + /** + * Sets the current animation speed. + * @public + * @param {Number} [speed] - The animation speed in milliseconds or nothing to leave it unchanged. + * @returns {Number} - The current animation speed in milliseconds. + */ + Owl.prototype.speed = function(speed) { + if (speed !== undefined) { + this._speed = speed; + } + + return this._speed; + }; + + /** + * Gets the coordinate of an item. + * @todo The name of this method is missleanding. + * @public + * @param {Number} position - The absolute position of the item within `minimum()` and `maximum()`. + * @returns {Number|Array.} - The coordinate of the item in pixel or all coordinates. + */ + Owl.prototype.coordinates = function(position) { + var multiplier = 1, + newPosition = position - 1, + coordinate; + + if (position === undefined) { + return $.map(this._coordinates, $.proxy(function(coordinate, index) { + return this.coordinates(index); + }, this)); + } + + if (this.settings.center) { + if (this.settings.rtl) { + multiplier = -1; + newPosition = position + 1; + } + + coordinate = this._coordinates[position]; + coordinate += (this.width() - coordinate + (this._coordinates[newPosition] || 0)) / 2 * multiplier; + } else { + coordinate = this._coordinates[newPosition] || 0; + } + + coordinate = Math.ceil(coordinate); + + return coordinate; + }; + + /** + * Calculates the speed for a translation. + * @protected + * @param {Number} from - The absolute position of the start item. + * @param {Number} to - The absolute position of the target item. + * @param {Number} [factor=undefined] - The time factor in milliseconds. + * @returns {Number} - The time in milliseconds for the translation. + */ + Owl.prototype.duration = function(from, to, factor) { + if (factor === 0) { + return 0; + } + + return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed)); + }; + + /** + * Slides to the specified item. + * @public + * @param {Number} position - The position of the item. + * @param {Number} [speed] - The time in milliseconds for the transition. + */ + Owl.prototype.to = function(position, speed) { + var current = this.current(), + revert = null, + distance = position - this.relative(current), + direction = (distance > 0) - (distance < 0), + items = this._items.length, + minimum = this.minimum(), + maximum = this.maximum(); + + if (this.settings.loop) { + if (!this.settings.rewind && Math.abs(distance) > items / 2) { + distance += direction * -1 * items; + } + + position = current + distance; + revert = ((position - minimum) % items + items) % items + minimum; + + if (revert !== position && revert - distance <= maximum && revert - distance > 0) { + current = revert - distance; + position = revert; + this.reset(current); + } + } else if (this.settings.rewind) { + maximum += 1; + position = (position % maximum + maximum) % maximum; + } else { + position = Math.max(minimum, Math.min(maximum, position)); + } + + this.speed(this.duration(current, position, speed)); + this.current(position); + + if (this.isVisible()) { + this.update(); + } + }; + + /** + * Slides to the next item. + * @public + * @param {Number} [speed] - The time in milliseconds for the transition. + */ + Owl.prototype.next = function(speed) { + speed = speed || false; + this.to(this.relative(this.current()) + 1, speed); + }; + + /** + * Slides to the previous item. + * @public + * @param {Number} [speed] - The time in milliseconds for the transition. + */ + Owl.prototype.prev = function(speed) { + speed = speed || false; + this.to(this.relative(this.current()) - 1, speed); + }; + + /** + * Handles the end of an animation. + * @protected + * @param {Event} event - The event arguments. + */ + Owl.prototype.onTransitionEnd = function(event) { + + // if css2 animation then event object is undefined + if (event !== undefined) { + event.stopPropagation(); + + // Catch only owl-stage transitionEnd event + if ((event.target || event.srcElement || event.originalTarget) !== this.$stage.get(0)) { + return false; + } + } + + this.leave('animating'); + this.trigger('translated'); + }; + + /** + * Gets viewport width. + * @protected + * @return {Number} - The width in pixel. + */ + Owl.prototype.viewport = function() { + var width; + if (this.options.responsiveBaseElement !== window) { + width = $(this.options.responsiveBaseElement).width(); + } else if (window.innerWidth) { + width = window.innerWidth; + } else if (document.documentElement && document.documentElement.clientWidth) { + width = document.documentElement.clientWidth; + } else { + console.warn('Can not detect viewport width.'); + } + return width; + }; + + /** + * Replaces the current content. + * @public + * @param {HTMLElement|jQuery|String} content - The new content. + */ + Owl.prototype.replace = function(content) { + this.$stage.empty(); + this._items = []; + + if (content) { + content = (content instanceof jQuery) ? content : $(content); + } + + if (this.settings.nestedItemSelector) { + content = content.find('.' + this.settings.nestedItemSelector); + } + + content.filter(function() { + return this.nodeType === 1; + }).each($.proxy(function(index, item) { + item = this.prepare(item); + this.$stage.append(item); + this._items.push(item); + this._mergers.push(item.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1); + }, this)); + + this.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0); + + this.invalidate('items'); + }; + + /** + * Adds an item. + * @todo Use `item` instead of `content` for the event arguments. + * @public + * @param {HTMLElement|jQuery|String} content - The item content to add. + * @param {Number} [position] - The relative position at which to insert the item otherwise the item will be added to the end. + */ + Owl.prototype.add = function(content, position) { + var current = this.relative(this._current); + + position = position === undefined ? this._items.length : this.normalize(position, true); + content = content instanceof jQuery ? content : $(content); + + this.trigger('add', { content: content, position: position }); + + content = this.prepare(content); + + if (this._items.length === 0 || position === this._items.length) { + this._items.length === 0 && this.$stage.append(content); + this._items.length !== 0 && this._items[position - 1].after(content); + this._items.push(content); + this._mergers.push(content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1); + } else { + this._items[position].before(content); + this._items.splice(position, 0, content); + this._mergers.splice(position, 0, content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1); + } + + this._items[current] && this.reset(this._items[current].index()); + + this.invalidate('items'); + + this.trigger('added', { content: content, position: position }); + }; + + /** + * Removes an item by its position. + * @todo Use `item` instead of `content` for the event arguments. + * @public + * @param {Number} position - The relative position of the item to remove. + */ + Owl.prototype.remove = function(position) { + position = this.normalize(position, true); + + if (position === undefined) { + return; + } + + this.trigger('remove', { content: this._items[position], position: position }); + + this._items[position].remove(); + this._items.splice(position, 1); + this._mergers.splice(position, 1); + + this.invalidate('items'); + + this.trigger('removed', { content: null, position: position }); + }; + + /** + * Preloads images with auto width. + * @todo Replace by a more generic approach + * @protected + */ + Owl.prototype.preloadAutoWidthImages = function(images) { + images.each($.proxy(function(i, element) { + this.enter('pre-loading'); + element = $(element); + $(new Image()).one('load', $.proxy(function(e) { + element.attr('src', e.target.src); + element.css('opacity', 1); + this.leave('pre-loading'); + !this.is('pre-loading') && !this.is('initializing') && this.refresh(); + }, this)).attr('src', element.attr('src') || element.attr('data-src') || element.attr('data-src-retina')); + }, this)); + }; + + /** + * Destroys the carousel. + * @public + */ + Owl.prototype.destroy = function() { + + this.$element.off('.owl.core'); + this.$stage.off('.owl.core'); + $(document).off('.owl.core'); + + if (this.settings.responsive !== false) { + window.clearTimeout(this.resizeTimer); + this.off(window, 'resize', this._handlers.onThrottledResize); + } + + for (var i in this._plugins) { + this._plugins[i].destroy(); + } + + this.$stage.children('.cloned').remove(); + + this.$stage.unwrap(); + this.$stage.children().contents().unwrap(); + this.$stage.children().unwrap(); + this.$stage.remove(); + this.$element + .removeClass(this.options.refreshClass) + .removeClass(this.options.loadingClass) + .removeClass(this.options.loadedClass) + .removeClass(this.options.rtlClass) + .removeClass(this.options.dragClass) + .removeClass(this.options.grabClass) + .attr('class', this.$element.attr('class').replace(new RegExp(this.options.responsiveClass + '-\\S+\\s', 'g'), '')) + .removeData('owl.carousel'); + }; + + /** + * Operators to calculate right-to-left and left-to-right. + * @protected + * @param {Number} [a] - The left side operand. + * @param {String} [o] - The operator. + * @param {Number} [b] - The right side operand. + */ + Owl.prototype.op = function(a, o, b) { + var rtl = this.settings.rtl; + switch (o) { + case '<': + return rtl ? a > b : a < b; + case '>': + return rtl ? a < b : a > b; + case '>=': + return rtl ? a <= b : a >= b; + case '<=': + return rtl ? a >= b : a <= b; + default: + break; + } + }; + + /** + * Attaches to an internal event. + * @protected + * @param {HTMLElement} element - The event source. + * @param {String} event - The event name. + * @param {Function} listener - The event handler to attach. + * @param {Boolean} capture - Wether the event should be handled at the capturing phase or not. + */ + Owl.prototype.on = function(element, event, listener, capture) { + if (element.addEventListener) { + element.addEventListener(event, listener, capture); + } else if (element.attachEvent) { + element.attachEvent('on' + event, listener); + } + }; + + /** + * Detaches from an internal event. + * @protected + * @param {HTMLElement} element - The event source. + * @param {String} event - The event name. + * @param {Function} listener - The attached event handler to detach. + * @param {Boolean} capture - Wether the attached event handler was registered as a capturing listener or not. + */ + Owl.prototype.off = function(element, event, listener, capture) { + if (element.removeEventListener) { + element.removeEventListener(event, listener, capture); + } else if (element.detachEvent) { + element.detachEvent('on' + event, listener); + } + }; + + /** + * Triggers a public event. + * @todo Remove `status`, `relatedTarget` should be used instead. + * @protected + * @param {String} name - The event name. + * @param {*} [data=null] - The event data. + * @param {String} [namespace=carousel] - The event namespace. + * @param {String} [state] - The state which is associated with the event. + * @param {Boolean} [enter=false] - Indicates if the call enters the specified state or not. + * @returns {Event} - The event arguments. + */ + Owl.prototype.trigger = function(name, data, namespace, state, enter) { + var status = { + item: { count: this._items.length, index: this.current() } + }, handler = $.camelCase( + $.grep([ 'on', name, namespace ], function(v) { return v }) + .join('-').toLowerCase() + ), event = $.Event( + [ name, 'owl', namespace || 'carousel' ].join('.').toLowerCase(), + $.extend({ relatedTarget: this }, status, data) + ); + + if (!this._supress[name]) { + $.each(this._plugins, function(name, plugin) { + if (plugin.onTrigger) { + plugin.onTrigger(event); + } + }); + + this.register({ type: Owl.Type.Event, name: name }); + this.$element.trigger(event); + + if (this.settings && typeof this.settings[handler] === 'function') { + this.settings[handler].call(this, event); + } + } + + return event; + }; + + /** + * Enters a state. + * @param name - The state name. + */ + Owl.prototype.enter = function(name) { + $.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) { + if (this._states.current[name] === undefined) { + this._states.current[name] = 0; + } + + this._states.current[name]++; + }, this)); + }; + + /** + * Leaves a state. + * @param name - The state name. + */ + Owl.prototype.leave = function(name) { + $.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) { + this._states.current[name]--; + }, this)); + }; + + /** + * Registers an event or state. + * @public + * @param {Object} object - The event or state to register. + */ + Owl.prototype.register = function(object) { + if (object.type === Owl.Type.Event) { + if (!$.event.special[object.name]) { + $.event.special[object.name] = {}; + } + + if (!$.event.special[object.name].owl) { + var _default = $.event.special[object.name]._default; + $.event.special[object.name]._default = function(e) { + if (_default && _default.apply && (!e.namespace || e.namespace.indexOf('owl') === -1)) { + return _default.apply(this, arguments); + } + return e.namespace && e.namespace.indexOf('owl') > -1; + }; + $.event.special[object.name].owl = true; + } + } else if (object.type === Owl.Type.State) { + if (!this._states.tags[object.name]) { + this._states.tags[object.name] = object.tags; + } else { + this._states.tags[object.name] = this._states.tags[object.name].concat(object.tags); + } + + this._states.tags[object.name] = $.grep(this._states.tags[object.name], $.proxy(function(tag, i) { + return $.inArray(tag, this._states.tags[object.name]) === i; + }, this)); + } + }; + + /** + * Suppresses events. + * @protected + * @param {Array.} events - The events to suppress. + */ + Owl.prototype.suppress = function(events) { + $.each(events, $.proxy(function(index, event) { + this._supress[event] = true; + }, this)); + }; + + /** + * Releases suppressed events. + * @protected + * @param {Array.} events - The events to release. + */ + Owl.prototype.release = function(events) { + $.each(events, $.proxy(function(index, event) { + delete this._supress[event]; + }, this)); + }; + + /** + * Gets unified pointer coordinates from event. + * @todo #261 + * @protected + * @param {Event} - The `mousedown` or `touchstart` event. + * @returns {Object} - Contains `x` and `y` coordinates of current pointer position. + */ + Owl.prototype.pointer = function(event) { + var result = { x: null, y: null }; + + event = event.originalEvent || event || window.event; + + event = event.touches && event.touches.length ? + event.touches[0] : event.changedTouches && event.changedTouches.length ? + event.changedTouches[0] : event; + + if (event.pageX) { + result.x = event.pageX; + result.y = event.pageY; + } else { + result.x = event.clientX; + result.y = event.clientY; + } + + return result; + }; + + /** + * Determines if the input is a Number or something that can be coerced to a Number + * @protected + * @param {Number|String|Object|Array|Boolean|RegExp|Function|Symbol} - The input to be tested + * @returns {Boolean} - An indication if the input is a Number or can be coerced to a Number + */ + Owl.prototype.isNumeric = function(number) { + return !isNaN(parseFloat(number)); + }; + + /** + * Gets the difference of two vectors. + * @todo #261 + * @protected + * @param {Object} - The first vector. + * @param {Object} - The second vector. + * @returns {Object} - The difference. + */ + Owl.prototype.difference = function(first, second) { + return { + x: first.x - second.x, + y: first.y - second.y + }; + }; + + /** + * The jQuery Plugin for the Owl Carousel + * @todo Navigation plugin `next` and `prev` + * @public + */ + $.fn.owlCarousel = function(option) { + var args = Array.prototype.slice.call(arguments, 1); + + return this.each(function() { + var $this = $(this), + data = $this.data('owl.carousel'); + + if (!data) { + data = new Owl(this, typeof option == 'object' && option); + $this.data('owl.carousel', data); + + $.each([ + 'next', 'prev', 'to', 'destroy', 'refresh', 'replace', 'add', 'remove' + ], function(i, event) { + data.register({ type: Owl.Type.Event, name: event }); + data.$element.on(event + '.owl.carousel.core', $.proxy(function(e) { + if (e.namespace && e.relatedTarget !== this) { + this.suppress([ event ]); + data[event].apply(this, [].slice.call(arguments, 1)); + this.release([ event ]); + } + }, data)); + }); + } + + if (typeof option == 'string' && option.charAt(0) !== '_') { + data[option].apply(data, args); + } + }); + }; + + /** + * The constructor for the jQuery Plugin + * @public + */ + $.fn.owlCarousel.Constructor = Owl; + +})(window.Zepto || window.jQuery, window, document); + +/** + * AutoRefresh Plugin + * @version 2.3.4 + * @author Artus Kolanowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the auto refresh plugin. + * @class The Auto Refresh Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var AutoRefresh = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Refresh interval. + * @protected + * @type {number} + */ + this._interval = null; + + /** + * Whether the element is currently visible or not. + * @protected + * @type {Boolean} + */ + this._visible = null; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoRefresh) { + this.watch(); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, AutoRefresh.Defaults, this._core.options); + + // register event handlers + this._core.$element.on(this._handlers); + }; + + /** + * Default options. + * @public + */ + AutoRefresh.Defaults = { + autoRefresh: true, + autoRefreshInterval: 500 + }; + + /** + * Watches the element. + */ + AutoRefresh.prototype.watch = function() { + if (this._interval) { + return; + } + + this._visible = this._core.isVisible(); + this._interval = window.setInterval($.proxy(this.refresh, this), this._core.settings.autoRefreshInterval); + }; + + /** + * Refreshes the element. + */ + AutoRefresh.prototype.refresh = function() { + if (this._core.isVisible() === this._visible) { + return; + } + + this._visible = !this._visible; + + this._core.$element.toggleClass('owl-hidden', !this._visible); + + this._visible && (this._core.invalidate('width') && this._core.refresh()); + }; + + /** + * Destroys the plugin. + */ + AutoRefresh.prototype.destroy = function() { + var handler, property; + + window.clearInterval(this._interval); + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.AutoRefresh = AutoRefresh; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Lazy Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the lazy plugin. + * @class The Lazy Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var Lazy = function(carousel) { + + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Already loaded items. + * @protected + * @type {Array.} + */ + this._loaded = []; + + /** + * Event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel change.owl.carousel resized.owl.carousel': $.proxy(function(e) { + if (!e.namespace) { + return; + } + + if (!this._core.settings || !this._core.settings.lazyLoad) { + return; + } + + if ((e.property && e.property.name == 'position') || e.type == 'initialized') { + var settings = this._core.settings, + n = (settings.center && Math.ceil(settings.items / 2) || settings.items), + i = ((settings.center && n * -1) || 0), + position = (e.property && e.property.value !== undefined ? e.property.value : this._core.current()) + i, + clones = this._core.clones().length, + load = $.proxy(function(i, v) { this.load(v) }, this); + //TODO: Need documentation for this new option + if (settings.lazyLoadEager > 0) { + n += settings.lazyLoadEager; + // If the carousel is looping also preload images that are to the "left" + if (settings.loop) { + position -= settings.lazyLoadEager; + n++; + } + } + + while (i++ < n) { + this.load(clones / 2 + this._core.relative(position)); + clones && $.each(this._core.clones(this._core.relative(position)), load); + position++; + } + } + }, this) + }; + + // set the default options + this._core.options = $.extend({}, Lazy.Defaults, this._core.options); + + // register event handler + this._core.$element.on(this._handlers); + }; + + /** + * Default options. + * @public + */ + Lazy.Defaults = { + lazyLoad: false, + lazyLoadEager: 0 + }; + + /** + * Loads all resources of an item at the specified position. + * @param {Number} position - The absolute position of the item. + * @protected + */ + Lazy.prototype.load = function(position) { + var $item = this._core.$stage.children().eq(position), + $elements = $item && $item.find('.owl-lazy'); + + if (!$elements || $.inArray($item.get(0), this._loaded) > -1) { + return; + } + + $elements.each($.proxy(function(index, element) { + var $element = $(element), image, + url = (window.devicePixelRatio > 1 && $element.attr('data-src-retina')) || $element.attr('data-src') || $element.attr('data-srcset'); + + this._core.trigger('load', { element: $element, url: url }, 'lazy'); + + if ($element.is('img')) { + $element.one('load.owl.lazy', $.proxy(function() { + $element.css('opacity', 1); + this._core.trigger('loaded', { element: $element, url: url }, 'lazy'); + }, this)).attr('src', url); + } else if ($element.is('source')) { + $element.one('load.owl.lazy', $.proxy(function() { + this._core.trigger('loaded', { element: $element, url: url }, 'lazy'); + }, this)).attr('srcset', url); + } else { + image = new Image(); + image.onload = $.proxy(function() { + $element.css({ + 'background-image': 'url("' + url + '")', + 'opacity': '1' + }); + this._core.trigger('loaded', { element: $element, url: url }, 'lazy'); + }, this); + image.src = url; + } + }, this)); + + this._loaded.push($item.get(0)); + }; + + /** + * Destroys the plugin. + * @public + */ + Lazy.prototype.destroy = function() { + var handler, property; + + for (handler in this.handlers) { + this._core.$element.off(handler, this.handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.Lazy = Lazy; + +})(window.Zepto || window.jQuery, window, document); + +/** + * AutoHeight Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the auto height plugin. + * @class The Auto Height Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var AutoHeight = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + this._previousHeight = null; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel refreshed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoHeight) { + this.update(); + } + }, this), + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoHeight && e.property.name === 'position'){ + this.update(); + } + }, this), + 'loaded.owl.lazy': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoHeight + && e.element.closest('.' + this._core.settings.itemClass).index() === this._core.current()) { + this.update(); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, AutoHeight.Defaults, this._core.options); + + // register event handlers + this._core.$element.on(this._handlers); + this._intervalId = null; + var refThis = this; + + // These changes have been taken from a PR by gavrochelegnou proposed in #1575 + // and have been made compatible with the latest jQuery version + $(window).on('load', function() { + if (refThis._core.settings.autoHeight) { + refThis.update(); + } + }); + + // Autoresize the height of the carousel when window is resized + // When carousel has images, the height is dependent on the width + // and should also change on resize + $(window).resize(function() { + if (refThis._core.settings.autoHeight) { + if (refThis._intervalId != null) { + clearTimeout(refThis._intervalId); + } + + refThis._intervalId = setTimeout(function() { + refThis.update(); + }, 250); + } + }); + + }; + + /** + * Default options. + * @public + */ + AutoHeight.Defaults = { + autoHeight: false, + autoHeightClass: 'owl-height' + }; + + /** + * Updates the view. + */ + AutoHeight.prototype.update = function() { + var start = this._core._current, + end = start + this._core.settings.items, + lazyLoadEnabled = this._core.settings.lazyLoad, + visible = this._core.$stage.children().toArray().slice(start, end), + heights = [], + maxheight = 0; + + $.each(visible, function(index, item) { + heights.push($(item).height()); + }); + + maxheight = Math.max.apply(null, heights); + + if (maxheight <= 1 && lazyLoadEnabled && this._previousHeight) { + maxheight = this._previousHeight; + } + + this._previousHeight = maxheight; + + this._core.$stage.parent() + .height(maxheight) + .addClass(this._core.settings.autoHeightClass); + }; + + AutoHeight.prototype.destroy = function() { + var handler, property; + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] !== 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.AutoHeight = AutoHeight; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Video Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the video plugin. + * @class The Video Plugin + * @param {Owl} carousel - The Owl Carousel + */ + var Video = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Cache all video URLs. + * @protected + * @type {Object} + */ + this._videos = {}; + + /** + * Current playing item. + * @protected + * @type {jQuery} + */ + this._playing = null; + + /** + * All event handlers. + * @todo The cloned content removale is too late + * @protected + * @type {Object} + */ + this._handlers = { + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace) { + this._core.register({ type: 'state', name: 'playing', tags: [ 'interacting' ] }); + } + }, this), + 'resize.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.video && this.isInFullScreen()) { + e.preventDefault(); + } + }, this), + 'refreshed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.is('resizing')) { + this._core.$stage.find('.cloned .owl-video-frame').remove(); + } + }, this), + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name === 'position' && this._playing) { + this.stop(); + } + }, this), + 'prepared.owl.carousel': $.proxy(function(e) { + if (!e.namespace) { + return; + } + + var $element = $(e.content).find('.owl-video'); + + if ($element.length) { + $element.css('display', 'none'); + this.fetch($element, $(e.content)); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, Video.Defaults, this._core.options); + + // register event handlers + this._core.$element.on(this._handlers); + + this._core.$element.on('click.owl.video', '.owl-video-play-icon', $.proxy(function(e) { + this.play(e); + }, this)); + }; + + /** + * Default options. + * @public + */ + Video.Defaults = { + video: false, + videoHeight: false, + videoWidth: false + }; + + /** + * Gets the video ID and the type (YouTube/Vimeo/vzaar only). + * @protected + * @param {jQuery} target - The target containing the video data. + * @param {jQuery} item - The item containing the video. + */ + Video.prototype.fetch = function(target, item) { + var type = (function() { + if (target.attr('data-vimeo-id')) { + return 'vimeo'; + } else if (target.attr('data-vzaar-id')) { + return 'vzaar' + } else { + return 'youtube'; + } + })(), + id = target.attr('data-vimeo-id') || target.attr('data-youtube-id') || target.attr('data-vzaar-id'), + width = target.attr('data-width') || this._core.settings.videoWidth, + height = target.attr('data-height') || this._core.settings.videoHeight, + url = target.attr('href'); + + if (url) { + + /* + Parses the id's out of the following urls (and probably more): + https://www.youtube.com/watch?v=:id + https://youtu.be/:id + https://vimeo.com/:id + https://vimeo.com/channels/:channel/:id + https://vimeo.com/groups/:group/videos/:id + https://app.vzaar.com/videos/:id + + Visual example: https://regexper.com/#(http%3A%7Chttps%3A%7C)%5C%2F%5C%2F(player.%7Cwww.%7Capp.)%3F(vimeo%5C.com%7Cyoutu(be%5C.com%7C%5C.be%7Cbe%5C.googleapis%5C.com)%7Cvzaar%5C.com)%5C%2F(video%5C%2F%7Cvideos%5C%2F%7Cembed%5C%2F%7Cchannels%5C%2F.%2B%5C%2F%7Cgroups%5C%2F.%2B%5C%2F%7Cwatch%5C%3Fv%3D%7Cv%5C%2F)%3F(%5BA-Za-z0-9._%25-%5D*)(%5C%26%5CS%2B)%3F + */ + + id = url.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/); + + if (id[3].indexOf('youtu') > -1) { + type = 'youtube'; + } else if (id[3].indexOf('vimeo') > -1) { + type = 'vimeo'; + } else if (id[3].indexOf('vzaar') > -1) { + type = 'vzaar'; + } else { + throw new Error('Video URL not supported.'); + } + id = id[6]; + } else { + throw new Error('Missing video URL.'); + } + + this._videos[url] = { + type: type, + id: id, + width: width, + height: height + }; + + item.attr('data-video', url); + + this.thumbnail(target, this._videos[url]); + }; + + /** + * Creates video thumbnail. + * @protected + * @param {jQuery} target - The target containing the video data. + * @param {Object} info - The video info object. + * @see `fetch` + */ + Video.prototype.thumbnail = function(target, video) { + var tnLink, + icon, + path, + dimensions = video.width && video.height ? 'width:' + video.width + 'px;height:' + video.height + 'px;' : '', + customTn = target.find('img'), + srcType = 'src', + lazyClass = '', + settings = this._core.settings, + create = function(path) { + icon = '
'; + + if (settings.lazyLoad) { + tnLink = $('
',{ + "class": 'owl-video-tn ' + lazyClass, + "srcType": path + }); + } else { + tnLink = $( '
', { + "class": "owl-video-tn", + "style": 'opacity:1;background-image:url(' + path + ')' + }); + } + target.after(tnLink); + target.after(icon); + }; + + // wrap video content into owl-video-wrapper div + target.wrap( $( '
', { + "class": "owl-video-wrapper", + "style": dimensions + })); + + if (this._core.settings.lazyLoad) { + srcType = 'data-src'; + lazyClass = 'owl-lazy'; + } + + // custom thumbnail + if (customTn.length) { + create(customTn.attr(srcType)); + customTn.remove(); + return false; + } + + if (video.type === 'youtube') { + path = "//img.youtube.com/vi/" + video.id + "/hqdefault.jpg"; + create(path); + } else if (video.type === 'vimeo') { + $.ajax({ + type: 'GET', + url: '//vimeo.com/api/v2/video/' + video.id + '.json', + jsonp: 'callback', + dataType: 'jsonp', + success: function(data) { + path = data[0].thumbnail_large; + create(path); + } + }); + } else if (video.type === 'vzaar') { + $.ajax({ + type: 'GET', + url: '//vzaar.com/api/videos/' + video.id + '.json', + jsonp: 'callback', + dataType: 'jsonp', + success: function(data) { + path = data.framegrab_url; + create(path); + } + }); + } + }; + + /** + * Stops the current video. + * @public + */ + Video.prototype.stop = function() { + this._core.trigger('stop', null, 'video'); + this._playing.find('.owl-video-frame').remove(); + this._playing.removeClass('owl-video-playing'); + this._playing = null; + this._core.leave('playing'); + this._core.trigger('stopped', null, 'video'); + }; + + /** + * Starts the current video. + * @public + * @param {Event} event - The event arguments. + */ + Video.prototype.play = function(event) { + var target = $(event.target), + item = target.closest('.' + this._core.settings.itemClass), + video = this._videos[item.attr('data-video')], + width = video.width || '100%', + height = video.height || this._core.$stage.height(), + html, + iframe; + + if (this._playing) { + return; + } + + this._core.enter('playing'); + this._core.trigger('play', null, 'video'); + + item = this._core.items(this._core.relative(item.index())); + + this._core.reset(item.index()); + + html = $( '' ); + html.attr( 'height', height ); + html.attr( 'width', width ); + if (video.type === 'youtube') { + html.attr( 'src', '//www.youtube.com/embed/' + video.id + '?autoplay=1&rel=0&v=' + video.id ); + } else if (video.type === 'vimeo') { + html.attr( 'src', '//player.vimeo.com/video/' + video.id + '?autoplay=1' ); + } else if (video.type === 'vzaar') { + html.attr( 'src', '//view.vzaar.com/' + video.id + '/player?autoplay=true' ); + } + + iframe = $(html).wrap( '
' ).insertAfter(item.find('.owl-video')); + + this._playing = item.addClass('owl-video-playing'); + }; + + /** + * Checks whether an video is currently in full screen mode or not. + * @todo Bad style because looks like a readonly method but changes members. + * @protected + * @returns {Boolean} + */ + Video.prototype.isInFullScreen = function() { + var element = document.fullscreenElement || document.mozFullScreenElement || + document.webkitFullscreenElement; + + return element && $(element).parent().hasClass('owl-video-frame'); + }; + + /** + * Destroys the plugin. + */ + Video.prototype.destroy = function() { + var handler, property; + + this._core.$element.off('click.owl.video'); + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.Video = Video; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Animate Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the animate plugin. + * @class The Navigation Plugin + * @param {Owl} scope - The Owl Carousel + */ + var Animate = function(scope) { + this.core = scope; + this.core.options = $.extend({}, Animate.Defaults, this.core.options); + this.swapping = true; + this.previous = undefined; + this.next = undefined; + + this.handlers = { + 'change.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name == 'position') { + this.previous = this.core.current(); + this.next = e.property.value; + } + }, this), + 'drag.owl.carousel dragged.owl.carousel translated.owl.carousel': $.proxy(function(e) { + if (e.namespace) { + this.swapping = e.type == 'translated'; + } + }, this), + 'translate.owl.carousel': $.proxy(function(e) { + if (e.namespace && this.swapping && (this.core.options.animateOut || this.core.options.animateIn)) { + this.swap(); + } + }, this) + }; + + this.core.$element.on(this.handlers); + }; + + /** + * Default options. + * @public + */ + Animate.Defaults = { + animateOut: false, + animateIn: false + }; + + /** + * Toggles the animation classes whenever an translations starts. + * @protected + * @returns {Boolean|undefined} + */ + Animate.prototype.swap = function() { + + if (this.core.settings.items !== 1) { + return; + } + + if (!$.support.animation || !$.support.transition) { + return; + } + + this.core.speed(0); + + var left, + clear = $.proxy(this.clear, this), + previous = this.core.$stage.children().eq(this.previous), + next = this.core.$stage.children().eq(this.next), + incoming = this.core.settings.animateIn, + outgoing = this.core.settings.animateOut; + + if (this.core.current() === this.previous) { + return; + } + + if (outgoing) { + left = this.core.coordinates(this.previous) - this.core.coordinates(this.next); + previous.one($.support.animation.end, clear) + .css( { 'left': left + 'px' } ) + .addClass('animated owl-animated-out') + .addClass(outgoing); + } + + if (incoming) { + next.one($.support.animation.end, clear) + .addClass('animated owl-animated-in') + .addClass(incoming); + } + }; + + Animate.prototype.clear = function(e) { + $(e.target).css( { 'left': '' } ) + .removeClass('animated owl-animated-out owl-animated-in') + .removeClass(this.core.settings.animateIn) + .removeClass(this.core.settings.animateOut); + this.core.onTransitionEnd(); + }; + + /** + * Destroys the plugin. + * @public + */ + Animate.prototype.destroy = function() { + var handler, property; + + for (handler in this.handlers) { + this.core.$element.off(handler, this.handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.Animate = Animate; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Autoplay Plugin + * @version 2.3.4 + * @author Bartosz Wojciechowski + * @author Artus Kolanowski + * @author David Deutsch + * @author Tom De Caluwé + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + + /** + * Creates the autoplay plugin. + * @class The Autoplay Plugin + * @param {Owl} scope - The Owl Carousel + */ + var Autoplay = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * The autoplay timeout id. + * @type {Number} + */ + this._call = null; + + /** + * Depending on the state of the plugin, this variable contains either + * the start time of the timer or the current timer value if it's + * paused. Since we start in a paused state we initialize the timer + * value. + * @type {Number} + */ + this._time = 0; + + /** + * Stores the timeout currently used. + * @type {Number} + */ + this._timeout = 0; + + /** + * Indicates whenever the autoplay is paused. + * @type {Boolean} + */ + this._paused = true; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name === 'settings') { + if (this._core.settings.autoplay) { + this.play(); + } else { + this.stop(); + } + } else if (e.namespace && e.property.name === 'position' && this._paused) { + // Reset the timer. This code is triggered when the position + // of the carousel was changed through user interaction. + this._time = 0; + } + }, this), + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.autoplay) { + this.play(); + } + }, this), + 'play.owl.autoplay': $.proxy(function(e, t, s) { + if (e.namespace) { + this.play(t, s); + } + }, this), + 'stop.owl.autoplay': $.proxy(function(e) { + if (e.namespace) { + this.stop(); + } + }, this), + 'mouseover.owl.autoplay': $.proxy(function() { + if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { + this.pause(); + } + }, this), + 'mouseleave.owl.autoplay': $.proxy(function() { + if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { + this.play(); + } + }, this), + 'touchstart.owl.core': $.proxy(function() { + if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) { + this.pause(); + } + }, this), + 'touchend.owl.core': $.proxy(function() { + if (this._core.settings.autoplayHoverPause) { + this.play(); + } + }, this) + }; + + // register event handlers + this._core.$element.on(this._handlers); + + // set default options + this._core.options = $.extend({}, Autoplay.Defaults, this._core.options); + }; + + /** + * Default options. + * @public + */ + Autoplay.Defaults = { + autoplay: false, + autoplayTimeout: 5000, + autoplayHoverPause: false, + autoplaySpeed: false + }; + + /** + * Transition to the next slide and set a timeout for the next transition. + * @private + * @param {Number} [speed] - The animation speed for the animations. + */ + Autoplay.prototype._next = function(speed) { + this._call = window.setTimeout( + $.proxy(this._next, this, speed), + this._timeout * (Math.round(this.read() / this._timeout) + 1) - this.read() + ); + + if (this._core.is('interacting') || document.hidden) { + return; + } + this._core.next(speed || this._core.settings.autoplaySpeed); + } + + /** + * Reads the current timer value when the timer is playing. + * @public + */ + Autoplay.prototype.read = function() { + return new Date().getTime() - this._time; + }; + + /** + * Starts the autoplay. + * @public + * @param {Number} [timeout] - The interval before the next animation starts. + * @param {Number} [speed] - The animation speed for the animations. + */ + Autoplay.prototype.play = function(timeout, speed) { + var elapsed; + + if (!this._core.is('rotating')) { + this._core.enter('rotating'); + } + + timeout = timeout || this._core.settings.autoplayTimeout; + + // Calculate the elapsed time since the last transition. If the carousel + // wasn't playing this calculation will yield zero. + elapsed = Math.min(this._time % (this._timeout || timeout), timeout); + + if (this._paused) { + // Start the clock. + this._time = this.read(); + this._paused = false; + } else { + // Clear the active timeout to allow replacement. + window.clearTimeout(this._call); + } + + // Adjust the origin of the timer to match the new timeout value. + this._time += this.read() % timeout - elapsed; + + this._timeout = timeout; + this._call = window.setTimeout($.proxy(this._next, this, speed), timeout - elapsed); + }; + + /** + * Stops the autoplay. + * @public + */ + Autoplay.prototype.stop = function() { + if (this._core.is('rotating')) { + // Reset the clock. + this._time = 0; + this._paused = true; + + window.clearTimeout(this._call); + this._core.leave('rotating'); + } + }; + + /** + * Pauses the autoplay. + * @public + */ + Autoplay.prototype.pause = function() { + if (this._core.is('rotating') && !this._paused) { + // Pause the clock. + this._time = this.read(); + this._paused = true; + + window.clearTimeout(this._call); + } + }; + + /** + * Destroys the plugin. + */ + Autoplay.prototype.destroy = function() { + var handler, property; + + this.stop(); + + for (handler in this._handlers) { + this._core.$element.off(handler, this._handlers[handler]); + } + for (property in Object.getOwnPropertyNames(this)) { + typeof this[property] != 'function' && (this[property] = null); + } + }; + + $.fn.owlCarousel.Constructor.Plugins.autoplay = Autoplay; + +})(window.Zepto || window.jQuery, window, document); + +/** + * Navigation Plugin + * @version 2.3.4 + * @author Artus Kolanowski + * @author David Deutsch + * @license The MIT License (MIT) + */ +;(function($, window, document, undefined) { + 'use strict'; + + /** + * Creates the navigation plugin. + * @class The Navigation Plugin + * @param {Owl} carousel - The Owl Carousel. + */ + var Navigation = function(carousel) { + /** + * Reference to the core. + * @protected + * @type {Owl} + */ + this._core = carousel; + + /** + * Indicates whether the plugin is initialized or not. + * @protected + * @type {Boolean} + */ + this._initialized = false; + + /** + * The current paging indexes. + * @protected + * @type {Array} + */ + this._pages = []; + + /** + * All DOM elements of the user interface. + * @protected + * @type {Object} + */ + this._controls = {}; + + /** + * Markup for an indicator. + * @protected + * @type {Array.} + */ + this._templates = []; + + /** + * The carousel element. + * @type {jQuery} + */ + this.$element = this._core.$element; + + /** + * Overridden methods of the carousel. + * @protected + * @type {Object} + */ + this._overrides = { + next: this._core.next, + prev: this._core.prev, + to: this._core.to + }; + + /** + * All event handlers. + * @protected + * @type {Object} + */ + this._handlers = { + 'prepared.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.dotsData) { + this._templates.push('
' + + $(e.content).find('[data-dot]').addBack('[data-dot]').attr('data-dot') + '
'); + } + }, this), + 'added.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.dotsData) { + this._templates.splice(e.position, 0, this._templates.pop()); + } + }, this), + 'remove.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._core.settings.dotsData) { + this._templates.splice(e.position, 1); + } + }, this), + 'changed.owl.carousel': $.proxy(function(e) { + if (e.namespace && e.property.name == 'position') { + this.draw(); + } + }, this), + 'initialized.owl.carousel': $.proxy(function(e) { + if (e.namespace && !this._initialized) { + this._core.trigger('initialize', null, 'navigation'); + this.initialize(); + this.update(); + this.draw(); + this._initialized = true; + this._core.trigger('initialized', null, 'navigation'); + } + }, this), + 'refreshed.owl.carousel': $.proxy(function(e) { + if (e.namespace && this._initialized) { + this._core.trigger('refresh', null, 'navigation'); + this.update(); + this.draw(); + this._core.trigger('refreshed', null, 'navigation'); + } + }, this) + }; + + // set default options + this._core.options = $.extend({}, Navigation.Defaults, this._core.options); + + // register event handlers + this.$element.on(this._handlers); + }; + + /** + * Default options. + * @public + * @todo Rename `slideBy` to `navBy` + */ + Navigation.Defaults = { + nav: false, + navText: [ + '‹', + '›' + ], + navSpeed: false, + navElement: 'button type="button" role="presentation"', + navContainer: false, + navContainerClass: 'owl-nav', + navClass: [ + 'owl-prev', + 'owl-next' + ], + slideBy: 1, + dotClass: 'owl-dot', + dotsClass: 'owl-dots', + dots: true, + dotsEach: false, + dotsData: false, + dotsSpeed: false, + dotsContainer: false + }; + + /** + * Initializes the layout of the plugin and extends the carousel. + * @protected + */ + Navigation.prototype.initialize = function() { + var override, + settings = this._core.settings; + + // create DOM structure for relative navigation + this._controls.$relative = (settings.navContainer ? $(settings.navContainer) + : $('
').addClass(settings.navContainerClass).appendTo(this.$element)).addClass('disabled'); + + this._controls.$previous = $('<' + settings.navElement + '>') + .addClass(settings.navClass[0]) + .html(settings.navText[0]) + .prependTo(this._controls.$relative) + .on('click', $.proxy(function(e) { + this.prev(settings.navSpeed); + }, this)); + this._controls.$next = $('<' + settings.navElement + '>') + .addClass(settings.navClass[1]) + .html(settings.navText[1]) + .appendTo(this._controls.$relative) + .on('click', $.proxy(function(e) { + this.next(settings.navSpeed); + }, this)); + + // create DOM structure for absolute navigation + if (!settings.dotsData) { + this._templates = [ $(' + + + +
+
+
+ @foreach($moviesByDepartments as $department => $movies) +
+

{{ $department }}

+
+ @foreach($movies as $movie) +
+
+ + {{ $movie->title }} + +
+
+ @endforeach + @endforeach +
+
+
+
+ @foreach($showsByDepartment as $department => $shows) +
+

{{ $department }}

+
+ @foreach($shows as $show) +
+
+ + {{ $show->name }} + +
+
+ @endforeach + @endforeach +
+
+
diff --git a/resources/views/forum/index.blade.php b/resources/views/forum/index.blade.php index 55fe916..2756371 100644 --- a/resources/views/forum/index.blade.php +++ b/resources/views/forum/index.blade.php @@ -35,7 +35,7 @@ i
last diff --git a/resources/views/forum/thread.blade.php b/resources/views/forum/thread.blade.php new file mode 100644 index 0000000..a494855 --- /dev/null +++ b/resources/views/forum/thread.blade.php @@ -0,0 +1,56 @@ +@extends('layouts.app') + +@section('content') +
+
+
+
+
+
+

{{ $thread->name }}

+
+ +
+
+
+ {{ $thread->description }} +
+
+
+
+ @if($topics->count()) + topics + @else +
+ There are no topics at the moment! Go ahead, post the first one! +
+ @endif +
+
+
+
+ +
+
+
+
+@endsection diff --git a/resources/views/forum/topics/create.blade.php b/resources/views/forum/topics/create.blade.php new file mode 100644 index 0000000..77ab4eb --- /dev/null +++ b/resources/views/forum/topics/create.blade.php @@ -0,0 +1,37 @@ +@extends('layouts.app') + +@section('content') +
+
+
+
+ @csrf +
+ + +
+
+
+
+
+ +
+
+
+
+@endsection diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php index d24bf1e..2bf3442 100644 --- a/resources/views/layouts/app.blade.php +++ b/resources/views/layouts/app.blade.php @@ -17,11 +17,16 @@ + + @vite(['resources/sass/app.scss', 'resources/js/app.js']) @livewireStyles +
+ 1 | 2 | 3 | 4 +
@include('layouts.header') diff --git a/resources/views/layouts/header.blade.php b/resources/views/layouts/header.blade.php index 3d2bd29..3118e0f 100644 --- a/resources/views/layouts/header.blade.php +++ b/resources/views/layouts/header.blade.php @@ -9,7 +9,7 @@
- {{ $movie->vote_average }}
- {{ $movie->vote_count }} votes + @if(isset($movie)) + {{ $movie->vote_average }}
+ {{ $movie->vote_count }} votes + @else + {{ $show->vote_average }}
+ {{ $show->vote_count }} votes + @endif
-
check() ? ($movie->ratingBy(auth()->user()) ? 'data-rating='.$movie->ratingBy(auth()->user()) : '') : '' }}>
+
check()) + @if(isset($movie)) + {{ $movie->ratingBy(auth()->user()) ? 'data-rating='.$movie->ratingBy(auth()->user()) : '' }} + @else + {{ $show->ratingBy(auth()->user()) ? 'data-rating='.$show->ratingBy(auth()->user()) : '' }} + @endif + @endif + > + +
diff --git a/resources/views/layouts/user_actions.blade.php b/resources/views/layouts/user_actions.blade.php new file mode 100644 index 0000000..66b6571 --- /dev/null +++ b/resources/views/layouts/user_actions.blade.php @@ -0,0 +1,23 @@ + diff --git a/resources/views/livewire/show-page/recommended.blade.php b/resources/views/livewire/show-page/recommended.blade.php new file mode 100644 index 0000000..756e83d --- /dev/null +++ b/resources/views/livewire/show-page/recommended.blade.php @@ -0,0 +1,32 @@ +
+ +
diff --git a/resources/views/livewire/show-page/similar.blade.php b/resources/views/livewire/show-page/similar.blade.php new file mode 100644 index 0000000..887c07c --- /dev/null +++ b/resources/views/livewire/show-page/similar.blade.php @@ -0,0 +1,32 @@ +
+ +
diff --git a/resources/views/livewire/show-page/tabs/cast.blade.php b/resources/views/livewire/show-page/tabs/cast.blade.php new file mode 100644 index 0000000..a6c54f5 --- /dev/null +++ b/resources/views/livewire/show-page/tabs/cast.blade.php @@ -0,0 +1,31 @@ +
+
+ @foreach($peopleByDepartment as $department => $personInfo) +
+ {{ $department }} +
+
+
+ @foreach($personInfo as [$person, $character]) +
+
+ @if($person->profile_path == null) + @if($person->gender == 2) + + @else + + @endif + @else + + @endif + {{ $person->name }}
+ {{ $character }} +
+
+ @endforeach +
+
+
+ @endforeach +
+
diff --git a/resources/views/livewire/show-page/tabs/crew.blade.php b/resources/views/livewire/show-page/tabs/crew.blade.php new file mode 100644 index 0000000..67506b7 --- /dev/null +++ b/resources/views/livewire/show-page/tabs/crew.blade.php @@ -0,0 +1,31 @@ +
+
+ @foreach($peopleByDepartment as $department => $personInfo) +
+ {{ $department }} +
+
+
+ @foreach($personInfo as [$person, $character]) +
+
+ @if($person->profile_path == null) + @if($person->gender == 2) + + @else + + @endif + @else + + @endif + {{ $person->name }}
+ {{ $character }} +
+
+ @endforeach +
+
+
+ @endforeach +
+
diff --git a/resources/views/livewire/show-page/tabs/details.blade.php b/resources/views/livewire/show-page/tabs/details.blade.php new file mode 100644 index 0000000..3ea6623 --- /dev/null +++ b/resources/views/livewire/show-page/tabs/details.blade.php @@ -0,0 +1,55 @@ +
+
+ Episode run time: + @if($show->episode_run_time) + {{ $show->episode_run_time }} minutes + @else + N/A + @endif +
+
+ First air date: {{ $show->first_air_date->format('jS \o\f F, Y') }} +
+ @if($show->last_air_date) +
+ Last air date: {{ $show->last_air_date->format('jS \o\f F, Y') }} +
+ @endif + @if($show->genres) +
+ Genres: + @foreach($show->genres as $genre) + {{ $genre->name }} + @endforeach +
+ @endif + @if($show->networks) +
+ Networks: + @foreach($show->networks as $network) + {{ $network->name }} + @endforeach +
+ @endif +
+ Seasons: {{ $show->number_of_seasons }} / + Episodes: {{ $show->number_of_episodes }} +
+
+ Status: {{ $show->status }} +
+
+ Languages: + @foreach((is_array($show->languages) ? $show->languages : json_decode($show->languages)) as $language) + {{ $language }}@if(!$loop->last), @endif + @endforeach +
+ @if($show->productionCompanies) +
+ Production companies: + @foreach($show->productionCompanies as $productionCompany) + {{ $productionCompany->name }} + @endforeach +
+ @endif +
diff --git a/resources/views/livewire/show-page/tabs/releases.blade.php b/resources/views/livewire/show-page/tabs/releases.blade.php new file mode 100644 index 0000000..15e5660 --- /dev/null +++ b/resources/views/livewire/show-page/tabs/releases.blade.php @@ -0,0 +1,3 @@ +
+ {{-- The whole world belongs to you. --}} +
diff --git a/resources/views/movie/index.blade.php b/resources/views/movie/index.blade.php index 4852c5c..21f19ba 100644 --- a/resources/views/movie/index.blade.php +++ b/resources/views/movie/index.blade.php @@ -15,7 +15,7 @@ {{ $movie->title }} diff --git a/resources/views/movie/show.blade.php b/resources/views/movie/show.blade.php index 23f7f25..b1171ea 100644 --- a/resources/views/movie/show.blade.php +++ b/resources/views/movie/show.blade.php @@ -6,7 +6,7 @@
-

{{ $movie->title }}

({{ $movie->release_date->format('Y') }}) +

{{ $movie->title }}

@if($movie->release_date)({{ $movie->release_date->format('Y') }})@endif
@@ -14,7 +14,7 @@ {{ $movie->title }} diff --git a/resources/views/profile/show.blade.php b/resources/views/profile/show.blade.php index 04458c4..cf22ec6 100644 --- a/resources/views/profile/show.blade.php +++ b/resources/views/profile/show.blade.php @@ -1,10 +1,68 @@ @extends('profile.profile') @section('page_content') +
-
- profile page +
+
+
Last watched
+
+
+
+
+
+
Stats
+
+ Last 30 Days/Watched
+ Shows — 4d 20h 24m (147 eps)
+ Movies — 0m
+
+ All Time/Watched
+ Shows — 297d 17h 23m (12,095 eps)
+ + Movies — 44d 15h 23m (568 movies) +
+
+
+
+
+
Featured list
+
+
+
+
+
+
+
+
Favourite
+
+
+
+
+
+
+ recently watched episodes +
+
+
+
+ recently watched movies +
+
+
+
+ most watched genres +
+
+
+
+ ratings graph +
+
+
+
+ comments
diff --git a/resources/views/show/index.blade.php b/resources/views/show/index.blade.php new file mode 100644 index 0000000..010a26b --- /dev/null +++ b/resources/views/show/index.blade.php @@ -0,0 +1,67 @@ +@extends('layouts.app') + +@section('content') +
+
+
+
+
+ Shows +
+
+
+ @foreach($shows as $show) +
+
+ + {{ $show->name }} + + +
+
+ @endforeach +
+
+
+ {{ $shows->links() }} +
+
+
+ +
+
+
+
+@endsection diff --git a/resources/views/show/show.blade.php b/resources/views/show/show.blade.php new file mode 100644 index 0000000..bd4c7fd --- /dev/null +++ b/resources/views/show/show.blade.php @@ -0,0 +1,168 @@ +@extends('layouts.app') + +@section('content') +
+
+
+
+ +
+
+
+ + {{ $show->name }} + + +
+ @foreach($show->watchProviders as $watchProvider) + {{ $watchProvider->provider_name }} + @endforeach +
+ + view trailer +
+ @if($show->externalIds && $show->externalIds->tmdb_id) + + + + @endif + @if($show->externalIds && $show->externalIds->imdb_id) + + + + @endif + @if($show->externalIds && $show->externalIds->wikidata_id) + + + + @endif + @if($show->externalIds && $show->externalIds->tvdb_id) + + + + @endif +
+ + @if($show->homepage) +
+ Homepage +
+ @endif +
+
+ + Directed by + + +
{{ $show->tagline }}
+
{{ $show->overview }}
+
+ + +
+
+ @livewire(App\Livewire\ShowPage\Tabs\Details::class, ['show' => $show]) +
+
+ @livewire(App\Livewire\ShowPage\Tabs\Cast::class, ['show' => $show]) +
+
+ @livewire(App\Livewire\ShowPage\Tabs\Crew::class, ['show' => $show]) +
+
+ @livewire(App\Livewire\ShowPage\Tabs\Releases::class, ['show' => $show]) +
+
+
+
+
+ @if($show->images) +
+
+ +
+
+ @endif +
+
+
+
+ Similar +
+
+ +
+
+
+
+ @livewire(App\Livewire\ShowPage\Similar::class, ['show' => $show]) +
+
+
+
Recommended
+
+ @livewire(App\Livewire\ShowPage\Recommended::class, ['show' => $show]) +
+
+
+
Write review
+
+
+ @foreach($comments as $comment) +
+
+ @if($comment->author_avatar) + + @endif + {{ $comment->author_name }} + + {{ $comment->author_rating }} + + + + {{ $comment->published_at }} + + +
+
+ {!! $comment->content !!} +
+
+ @endforeach +
+
+
+ @include('layouts.user_actions') +
+
+
+
+@endsection diff --git a/routes/web.php b/routes/web.php index ba09544..c61dd78 100644 --- a/routes/web.php +++ b/routes/web.php @@ -16,6 +16,11 @@ Route::prefix('movies')->group(function () { Route::get('/{slug}', [\App\Http\Controllers\MovieController::class, 'show'])->name('movie.show'); }); +Route::prefix('shows')->group(function () { + Route::get('/', [\App\Http\Controllers\ShowController::class, 'index'])->name('show.index'); + Route::get('/{slug}', [\App\Http\Controllers\ShowController::class, 'show'])->name('show.show'); +}); + Route::prefix('celebrities')->group(function () { Route::get('/', [\App\Http\Controllers\CelebrityController::class, 'index'])->name('celebrity.index'); Route::get('/{slug}', [\App\Http\Controllers\CelebrityController::class, 'show'])->name('celebrity.show'); @@ -23,6 +28,8 @@ Route::prefix('celebrities')->group(function () { Route::prefix('forums')->group(function () { Route::get('/', [\App\Http\Controllers\Forum\CategoriesController::class, 'index'])->name('forums.index'); + Route::get('/{categorySlug}/{threadSlug}', [\App\Http\Controllers\Forum\ThreadsController::class, 'show'])->name('forums.thread.index'); + Route::get('/{categorySlug}/{threadSlug}/topic', [\App\Http\Controllers\Forum\TopicsController::class, 'create'])->name('forums.thread.topics.create'); }); Route::prefix('lists')->group(function () {