yetangitu/Oinktube
1
0
Fork 0
mirror of https://github.com/DanielnetoDotCom/YouPHPTube synced 2025-10-06 03:50:04 +02:00
Code Issues Releases Wiki Activity

NetFlix Style

Browse source
This commit is contained in:
daniel 2017-12-11 09:11:21 -03:00
parent 52b07cefb5
commit 62ea916dec
3 changed files with 20 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
plugin/YouPHPFlix/view/css/style.css
View file

@ -155,7 +155,7 @@ a:visited {
.thumbsImage{ .thumbsImage{
transition: border 0.8s; transition: border 0.8s;
position: relative; position: relative;
border: 4px solid #0e0f11; border: 4px solid #0e0f1122;
} }
.thumbsGIF{ .thumbsGIF{

6
plugin/YouPHPFlix/view/firstPage.php
View file

@ -32,7 +32,7 @@ $category = Category::getAllCategories();
include $global['systemRootPath'] . 'view/include/navbar.php'; include $global['systemRootPath'] . 'view/include/navbar.php';
?> ?>
<div class="container-fluid"> <div class="container-fluid" style="display: none;">
<div class="row"> <div class="row">
@ -311,7 +311,7 @@ $category = Category::getAllCategories();
} }
?> ?>
</div> </div>
<div id="loading" class="loader" style="width: 30vh; height: 30vh; position: absolute; left: 50%; top: 50%; margin-left: -15vh; margin-top: -15vh;"></div>
<div class="webui-popover-content" id="popover"> <div class="webui-popover-content" id="popover">
<?php <?php
@ -368,8 +368,6 @@ $category = Category::getAllCategories();
<script> <script>
$(function () { $(function () {
}); });
</script> </script>
</body> </body>

19
plugin/YouPHPFlix/view/js/script.js
View file

@ -1,6 +1,19 @@
var video; var video;
var cat; var cat;
var videos_id; var videos_id;
var $carousel;
function isFlickityEnabled(selector){
var isEnabled = $(selector).hasClass('flickity-enabled');
if(isEnabled){
$('#loading').fadeOut();
$('.container-fluid').fadeIn('slow', function () {
$carousel.flickity('resize');
});
}else{
setTimeout(function(){isFlickityEnabled(selector)}, 500);
}
}
function loadPlayLists() { function loadPlayLists() {
$.ajax({ $.ajax({
@ -107,11 +120,12 @@ $(function () {
loadPlayLists(); loadPlayLists();
}); });
$('.carousel').flickity({ $carousel = $('.carousel').flickity({
lazyLoad: 7, lazyLoad: 7,
setGallerySize: false, setGallerySize: false,
cellAlign: 'left' cellAlign: 'left'
}); });
isFlickityEnabled('.carousel');
$('.myList').webuiPopover({ $('.myList').webuiPopover({
style: 'inverse', style: 'inverse',
@ -141,8 +155,5 @@ $(function () {
return false; return false;
}); });
$(window).on('resize', function () {
$('#ifvideo')
});
}); });