LBP
/
Organizr
зеркало из https://github.com/causefx/Organizr.git


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126
							<?php

$data = false;

ini_set("display_errors", 1);
ini_set("error_reporting", E_ALL | E_STRICT);

require_once("user.php");
require_once("functions.php");
$USER = new User("registration_callback");
$group = $USER->role;

// Check if connection to homepage is allowed
qualifyUser(HOMEPAGEAUTHNEEDED, true);

// Load Colours/Appearance
foreach(loadAppearance() as $key => $value) {
	${$key} = $value;
}

?>

<!DOCTYPE html>

<html lang="en" class="no-js">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="msapplication-tap-highlight" content="no" />

        <title><?=$title;?> Homepage</title>

        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css?v=<?php echo INSTALLEDVERSION; ?>">
        <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css">
        <script src="js/menu/modernizr.custom.js"></script>

        <link rel="stylesheet" href="bower_components/animate.css/animate.min.css">

        <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css">

        <link rel="stylesheet" href="css/style.css?v=<?php echo INSTALLEDVERSION; ?>">
        <link rel="stylesheet" href="bower_components/mdi/css/materialdesignicons.min.css?v=<?php echo INSTALLEDVERSION; ?>">
        <link rel="stylesheet" href="bower_components/google-material-color/dist/palette.css?v=<?php echo INSTALLEDVERSION; ?>">
        <link rel="stylesheet" type="text/css" href="bower_components/slick/slick.css?v=<?php echo INSTALLEDVERSION; ?>">
        <link rel="stylesheet" href="bower_components/sweetalert/dist/sweetalert.css">
        <link rel="stylesheet" href="bower_components/smoke/dist/css/smoke.min.css?v=<?php echo INSTALLEDVERSION; ?>">


        <!--Scripts-->
        <script src="bower_components/jquery/dist/jquery.min.js"></script>
        <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
        <script src="bower_components/moment/min/moment.min.js"></script>
        <script src="bower_components/jquery.nicescroll/jquery.nicescroll.min.js"></script>
        <script src="bower_components/slimScroll/jquery.slimscroll.min.js?v=<?php echo INSTALLEDVERSION; ?>"></script>
        <script src="bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.js"></script>
        <script src="bower_components/cta/dist/cta.min.js"></script>
        <script src="bower_components/fullcalendar/dist/fullcalendar.js?v=<?php echo INSTALLEDVERSION; ?>"></script>
        <script src="bower_components/slick/slick.js?v=<?php echo INSTALLEDVERSION; ?>"></script>

        <script src="js/jqueri_ui_custom/jquery-ui.min.js"></script>
	    <script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>

		<!--Other-->
		<script src="js/ajax.js?v=<?php echo INSTALLEDVERSION; ?>"></script>
        <script src="bower_components/sweetalert/dist/sweetalert.min.js"></script>
        <script src="bower_components/smoke/dist/js/smoke.min.js"></script>

        <!--[if lt IE 9]>
        <script src="bower_components/html5shiv/dist/html5shiv.min.js"></script>
        <script src="bower_components/respondJs/dest/respond.min.js"></script>
        <![endif]-->
        <style>
			<?php if($USER->role !== "admin"){ echo '.refreshImage { display: none; }';}?>
            .requestOptions ul.dropdown-menu {
                max-width: 160px;
            }
			.requestHeader {
				padding: 5px;
				margin-top: -10px;
				border-radius: 5px 5px 0 0;
                margin-bottom: 0;
			}
			.requestOptions {
				position: absolute;
			    top: 5px;
			    margin-left: 5px;
				opacity: 1;
				z-index: 1;
			}
			.slick-slide:focus {
			    outline: transparent;
			}
			.requestOptions:hover {
				opacity: 1;
			}
			.refreshImage{
				top: -10px;
				opacity: 0;
				z-index: 1000;
			}

			.refreshNP {
				z-index: 1001;
			}
			.w-refresh {
				opacity: 1;
			}
			.ultra-widget.refreshImage .w-refresh.w-p-icon {
			    opacity: 1;
			}
			.refreshImage:hover, .refreshNP:hover{
				opacity: 1 !important;
			}
			.refreshImage .w-refresh {
			    font-size: 36px;
			    opacity: 1;
			    right: 0;
			    left: 5px;
			}
			.refreshImage span.w-refresh:hover::before {
				content: "Refresh";
			    font-size: 17px;
			    float: right;
			    top: 18px;
			    position: absolute;
			    left: 15px;
			    color: white;
			    background: black;
			    border-radius: 5px;
			    padding: 0px 20px;
			}
            .fc-day-grid-event{
                cursor: pointer;
            }
            .recentItems {
                padding-top: 10px;
                margin: 5px 0;
            }
            .slick-image-tall{
                /*width: 125px;
                height: 180px;*/
				width: 93.5%;
				height: 200px;
				padding: 0 2px;
            }
            .slick-image-short{
                /*width: 125px;
                height: 130px;
                margin-top: 50px;*/
				width: 93.5%;
				height: 130px;
				margin-top: 70px;
				padding: 0 2px;
            }
            .requestBottom {
				width: 93.5%;
				padding: 0 2px;
			    display: inline-flex;
			}
			.slick-bottom-title {
				width: 93.5%;
				padding: 0 2px;
			}
			.requestLast {
				border-radius: 0 0 5px 5px;
			    border-top: 1px solid;
			}
			.transparent {
				background: transparent !important;
				-webkit-box-shadow: none;
    			box-shadow: none;
			}
			.requestGroup {
				width: 50%;
				vertical-align: top !important;
				margin: 0 0px !important;
				display: inline-block;
			}
			i.mdi.mdi-dots-vertical.mdi-24px {
			    -webkit-filter: drop-shadow(1px 2px 3px black);
			    filter: drop-shadow(1px 2px 3px black);
			}
			.requestGroup:first-child {
				border-radius: 0 0 0 5px;
			}
			.requestGroup:last-child {
				border-radius: 0 0 5px 0;
			}
            .overlay{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: none;
                z-index: 0;
                opacity: .98;
            }
            sort {
                display: none;
            }
            table.fc-list-table {
                table-layout: auto;
            }.tabbable{
                margin-bottom: 0;
            }.fc-day-grid-event .fc-content {
                white-space: normal;
            }.fc-list-item {
                table-layout: auto;
                position: inherit;
                margin: 10px;
                border-radius: 4px;
                padding: 0 5px 0 5px;
                color: #fff !important;
            }.fc-calendar .fc-toolbar {
                background: <?=$topbar;?>;
                color: <?=$topbartext;?>;
                border-radius: 5px 5px 0 0;
                padding: 15px;
            }.fc-calendar .fc-toolbar .fc-right {
                bottom: 0px;
                right: 20px;
            }.fc-calendar .fc-toolbar .fc-right button {
                color: <?=$topbartext;?>;
            }.fc-calendar .fc-toolbar .fc-prev-button, .fc-calendar .fc-toolbar .fc-next-button {
                color: <?=$topbartext;?>;
            }.carousel-image{
                width: 100px !important;
                height: 150px !important;
                border-radius: 3px 0 0 3px;
            }.carousel-image.album{
                width: 150px !important;
                height: 150px !important;
                border-radius: 3px 0 0 3px;
            }.carousel-control.album {
                top: 5px !important;
                width: 4% !important;
            }.carousel-control {
                top: 5px !important;
                width: 4% !important;
            }.carousel-caption.album {
                position: absolute;
                right: 4%;
                top: 0px;
                left: 160px;
                z-index: 10;
                bottom: 0px;
                padding-top: 0px;
                color: #fff;
                text-align: left;
            }.carousel-caption {
                position: absolute;
                right: 4%;
                top: 0px;
                left: 110px;
                z-index: 10;
                bottom: 0px;
                padding-top: 0px;
                color: #fff;
                text-align: left;
                padding-bottom: 2px !important;
                overflow: hidden !important;
            } @media screen and (max-width: 576px) {
				.nzbtable {
					padding-left: 5px !important;
					padding-right: 2px !important;
					font-size: 10px !important;
					word-break: break-word !important;
				}
				.nzbtable-file-row {
					padding-left: 5px !important;
					padding-right: 2px !important;
					font-size: 10px !important;
					white-space: normal !important;
					word-break: break-all !important;
					width: 0% !important;
				}
            } .nzbtable-file-row {
				white-space: normal !important;
				word-break: break-all !important;
				width: 0% !important;
			}.nzbtable-row {
				white-space: normal !important;
				width: 0% !important;
				font-size: 12px; !important;
			}<?php customCSS(); ?>
        </style>
    </head>

    <body id="body-homepage" class="scroller-body group-<?php echo $group;?>" style="padding: 0px;">
        <div class="main-wrapper" style="position: initial;">
            <div id="content" class="container-fluid">
                <br/>
				<?php echo buildHomepage($USER->role, $USER->username);?>

            </div>
        </div>
        <script>
        //Tooltips
        $('[data-toggle="tooltip"]').tooltip();

		$(document).on("click", ".refreshImage", function(e) {
			parent.$.smkAlert({
                text: 'Refreshing Image...',
                type: 'info',
                time: 1
            });
			e.preventDefault;
			var orginalElement = $(this).parent().find('.refreshImageSource');
			var original = orginalElement.attr('original-image');
			orginalElement.attr('src', original);
			console.log('replaced image with : '+original);
			setTimeout(function(){
				parent.$.smkAlert({
	                text: 'Image Refreshed - Clear Cache Please.',
	                type: 'info',
	                time: 3
	            });
			}, 1000);
		});
        $(".swal-legend").click(function () {
            swal({
                title: "Calendar Legend",
                text: '<span class="label label-primary well-sm">Available</span>&nbsp;<span class="label label-danger well-sm">Unavailable</span>&nbsp;<span class="label indigo-bg well-sm">Unreleased</span>&nbsp;<span class="label light-blue-bg well-sm">Premier</span>',
                html: true,
                confirmButtonColor: "#63A8EB"
            });
        });
        $('.close-btn').click(function(e){
            var closedBox = $(this).closest('div.content-box').remove();
            e.preventDefault();
        });
		$('#clearSearch').click(function(e){
            $('#searchInput').val("");
            $('#resultshere').html("");
            $('#searchInput').focus();
            e.preventDefault();
        });

		$(document).on("click", ".openTab", function(e) {
            parent.$.smkAlert({
                text: 'Loading...',
                type: 'info',
                time: 1
            });
            var Title = $(this).attr("extraTitle");
            var Type = $(this).attr("extraType");
            var openTab = $(this).attr("openTab");
            var location = $(this).attr("href");
            if( Type === 'season' || Type === 'episode' || Type === 'show'){
                Type = "tv";
                SearchType = "show";
            }else if( Type === 'movie'){
                Type = "movie";
                SearchType = "movie";
            }
            if( Type === 'tv' || Type === 'movie' ){
                ajax_request('POST', 'tvdb-search', {
                    name: Title,
                    type: SearchType,
                }).done(function(data){
                    if( data.trakt && data.trakt.tmdb !== null) {
                        $('#calendarExtra').modal('show');
                        var refreshBox = $('#calendarMainID');
                        $("<div class='refresh-preloader'><div class='la-timer la-dark'><div></div></div></div>").appendTo(refreshBox).fadeIn(300);
                        setTimeout(function(){
                            var refreshPreloader = refreshBox.find('.refresh-preloader'),
                            deletedRefreshBox = refreshPreloader.fadeOut(300, function(){
                                refreshPreloader.remove();
                            });
                        },600);
                        $.ajax({
                            type: 'GET',
                            url: 'https://api.themoviedb.org/3/'+Type+'/'+data.trakt.tmdb+'?api_key=83cf4ee97bb728eeaf9d4a54e64356a1&append_to_response=videos,credits&language=<?php echo $userLanguage; ?>',
                            cache: true,
                            async: true,
                            complete: function(xhr, status) {
                                var result = $.parseJSON(xhr.responseText);
                                if (xhr.statusText === "OK") {
									if(typeof location !== 'undefined'){
										$('#calendarTrailer').html(convertTrailer(result.videos)+'&nbsp;<span class="label openPlex palette-Amber-600 bg" openTab="'+openTab+'" location="'+location+'" style="width:100%;display:block;cursor:pointer;"><i style="vertical-align:sub;" class="fa fa-play white"></i><text style="vertical-align:sub;"> Watch Now on PLEX</text></span>');
									}else{
										$('#calendarTrailer').html(convertTrailer(result.videos));
									}
                                    if( Type === "movie"){
                                        $('#calendarTitle').html(result.title);
                                        $('#calendarRating').html('<span class="label label-gray"><i class="fa fa-thumbs-up white"></i> '+result.vote_average+'</span>&nbsp;');
                                        $('#calendarRuntime').html('<span class="label label-gray"><i class="fa fa-clock-o white"></i> '+convertTime(result.runtime)+'</span>&nbsp;');
                                        $('#calendarSummary').text(result.overview);
                                        $('#calendarTagline').text(result.tagline);

                                        $('#calendarCast').html(convertCast(result.credits));
                                        $('#calendarGenres').html(convertArray(result.genres, "MOVIE"));
                                        $('#calendarLang').html(convertArray(result.spoken_languages, "MOVIE"));
                                        $('#calendarPoster').attr("src","https://image.tmdb.org/t/p/w300"+result.poster_path);
                                        $('#calendarMain').attr("style","background-size: cover; background: linear-gradient(rgba(25,27,29,.75),rgba(25,27,29,.75)),url(https://image.tmdb.org/t/p/w1000"+result.backdrop_path+");top: 0;left: 0;width: 100%;height: 100%;position: fixed;");
                                        $('#calendarExtra').modal('show');
                                    }else if (Type === "tv"){
                                        $('#calendarTitle').html(result.name);
                                        $('#calendarRating').html('<span class="label label-gray"><i class="fa fa-thumbs-up white"></i> '+result.vote_average+'</span>&nbsp;');
                                        $('#calendarRuntime').html('<span class="label label-gray"><i class="fa fa-clock-o white"></i> '+convertTime(whatWasIt(result.episode_run_time))+'</span>&nbsp;');
                                        $('#calendarSummary').text(result.overview);
                                        $('#calendarTagline').text("");

                                        $('#calendarCast').html(convertCast(result.credits));
                                        $('#calendarGenres').html(convertArray(result.genres, "MOVIE"));
                                        $('#calendarLang').html(convertArray(result.languages, "TV"));
                                        $('#calendarPoster').attr("src","https://image.tmdb.org/t/p/w300"+result.poster_path);
                                        $('#calendarMain').attr("style","background-size: cover; background: linear-gradient(rgba(25,27,29,.75),rgba(25,27,29,.75)),url(https://image.tmdb.org/t/p/w1000"+result.backdrop_path+");top: 0;left: 0;width: 100%;height: 100%;position: fixed;");
                                        $('#calendarExtra').modal('show');
                                    }
                                }
                            }
                        });
                    }else{
                        swal("Sorry!", "No info was found for this item!", "error");
                    }
                });
                e.preventDefault();
            }else{

                if($(this).attr("openTab") === "true") {
                    var isActive = parent.$("div[data-content-name^='<?php echo strtolower(PLEXTABNAME);?>']");
                    var activeFrame = isActive.children('iframe');
                    if(isActive.length === 1){
                        activeFrame.attr("src", $(this).attr("href"));
                        parent.$("li[name='<?php echo strtolower(PLEXTABNAME);?>']").trigger("click");
                    }else{
                        parent.$("li[name='<?php echo strtolower(PLEXTABNAME);?>']").trigger("click");
                        parent.$("div[data-content-name^='<?php echo strtolower(PLEXTABNAME);?>']").children('iframe').attr("src", $(this).attr("href"));
                    }
                    e.preventDefault();
                }else{
                    var source = $(this).attr("href");
                    window.open(source, '_blank');
                }
            }

        });

        $(document).on("click", ".openPlex", function(e) {
            if($(this).attr("openTab") === "true") {
				var isActive = parent.$("div[data-content-name^='<?php echo strtolower(PLEXTABNAME);?>']");
				var activeFrame = isActive.children('iframe');
				if(isActive.length === 1){
					activeFrame.attr("src", $(this).attr("location"));
					parent.$("li[name='<?php echo strtolower(PLEXTABNAME);?>']").trigger("click");
				}else{
					parent.$("li[name='<?php echo strtolower(PLEXTABNAME);?>']").trigger("click");
					parent.$("div[data-content-name^='<?php echo strtolower(PLEXTABNAME);?>']").children('iframe').attr("src", $(this).attr("location"));
				}
			}else{
                var source = $(this).attr("location");
				window.open(source, '_blank');
			}
        });


        function localStorageSupport() {
            return (('localStorage' in window) && window['localStorage'] !== null)
        }

		function loadSlick(){
			$('div[class*=recentItems-]').each(function() {
				var needsSlick = true;
				var name = $(this).attr("data-name");
				if($(this).hasClass('slick-initialized')){
					console.log('skipping slick addon for: '+name);
					needsSlick = false;
				}
				if(needsSlick === true){
	                console.log('creating slick for '+name);
	                $(this).slick({

	                    slidesToShow: 27,
	                    slidesToScroll: 27,
	                    infinite: true,
						//speed: 900,
	                    lazyLoad: 'ondemand',
	                    prevArrow: '<a class="zero-m pull-left prev-mail btn btn-default waves waves-button btn-sm waves-effect waves-float"><i class="fa fa-angle-left"></i></a>',
	                    nextArrow: '<a class="pull-left next-mail btn btn-default waves waves-button btn-sm waves-effect waves-float"><i class="fa fa-angle-right"></i></a>',
	                    appendArrows: $('.'+name),
	                    arrows: true,
	                    responsive: [
							{
								breakpoint: 3744,
								settings: {
									slidesToShow: 26,
									slidesToScroll: 26,
								}
							},
							{
								breakpoint: 3600,
								settings: {
									slidesToShow: 25,
									slidesToScroll: 25,
								}
							},
							{
								breakpoint: 3456,
								settings: {
									slidesToShow: 24,
									slidesToScroll: 24,
								}
							},
							{
								breakpoint: 3312,
								settings: {
									slidesToShow: 23,
									slidesToScroll: 23,
								}
							},
							{
								breakpoint: 3168,
								settings: {
									slidesToShow: 22,
									slidesToScroll: 22,
								}
							},
							{
								breakpoint: 3024,
								settings: {
									slidesToShow: 21,
									slidesToScroll: 21,
								}
							},
							{
								breakpoint: 2880,
								settings: {
									slidesToShow: 20,
									slidesToScroll: 20,
								}
							},
							{
								breakpoint: 2736,
								settings: {
									slidesToShow: 19,
									slidesToScroll: 19,
								}
							},
							{
								breakpoint: 2592,
								settings: {
									slidesToShow: 18,
									slidesToScroll: 18,
								}
							},
							{
								breakpoint: 2448,
								settings: {
									slidesToShow: 17,
									slidesToScroll: 17,
								}
							},
							{
			                    breakpoint: 2304,
			                    settings: {
			                        slidesToShow: 16,
			                        slidesToScroll: 16,
			                    }
		                    },
							{
								breakpoint: 2160,
								settings: {
									slidesToShow: 15,
									slidesToScroll: 15,
								}
							},
							{
			                    breakpoint: 2016,
			                    settings: {
			                        slidesToShow: 14,
			                        slidesToScroll: 14,
			                    }
		                    },
							{
			                    breakpoint: 1872,
			                    settings: {
			                        slidesToShow: 13,
			                        slidesToScroll: 13,
			                    }
		                    },
							{
			                    breakpoint: 1728,
			                    settings: {
			                        slidesToShow: 12,
			                        slidesToScroll: 12,
			                    }
		                    },
							{
			                    breakpoint: 1584,
			                    settings: {
			                        slidesToShow: 11,
			                        slidesToScroll: 11,
			                    }
		                    },
		                    {
			                    breakpoint: 1440,
			                    settings: {
			                        slidesToShow: 10,
			                        slidesToScroll: 10,
			                    }
		                    },
		                    {
			                    breakpoint: 1296,
			                    settings: {
			                        slidesToShow: 9,
			                        slidesToScroll: 9,
			                    }
		                    },
		                    {
			                    breakpoint: 1152,
			                    settings: {
			                        slidesToShow: 8,
			                        slidesToScroll: 8,
			                    }
		                    },
		                    {
			                    breakpoint: 1008,
			                    settings: {
			                        slidesToShow: 7,
			                        slidesToScroll: 7,
			                    }
		                    },
		                    {
			                    breakpoint: 864,
			                    settings: {
			                        slidesToShow: 6,
			                        slidesToScroll: 6,
			                    }
		                    },
		                    {
			                    breakpoint: 720,
			                    settings: {
			                        slidesToShow: 5,
			                        slidesToScroll: 5,
			                    }
		                    },
		                    {
			                    breakpoint: 576,
			                    settings: {
			                        slidesToShow: 4,
			                        slidesToScroll: 4,
			                    }
		                    },
		                    {
			                    breakpoint: 432,
			                    settings: {
			                        slidesToShow: 3,
			                        slidesToScroll: 3,
			                    }
		                    },
		                    {
			                    breakpoint: 288,
			                    settings: {
			                        slidesToShow: 2,
			                        slidesToScroll: 2,
			                    }
		                    }
		                ]
	                });
				}
            });
		}

        $( document ).ready(function() {
            $('#plexSearchForm').on('submit', function () {
                var refreshBox = $(this).closest('div.content-box');
                $("<div class='refresh-preloader'><div class='la-timer la-dark'><div></div></div></div>").appendTo(refreshBox).fadeIn(300);
                setTimeout(function(){
                    var refreshPreloader = refreshBox.find('.refresh-preloader'),
                    deletedRefreshBox = refreshPreloader.fadeOut(300, function(){
                        refreshPreloader.remove();
                    });
                },1000);
                ajax_request('POST', 'search-plex', {
                    searchtitle: $('#plexSearchForm [name=search-title]').val(),
                }).done(function(data){ $('#resultshere').html(data);});

            });
			$(document).on('click', '.requestAction', function(){
				var type = $(this).parent().attr('request-type');
				var action = $(this).parent().attr('request-name');
				var id = $(this).parent().attr('request-id');
				console.log('OMBI Action: [type: '+type+' | action: '+action+' | id: '+id+']');
				ajax_request('POST', 'ombi-action', {
                    id: id,
					action_type: action,
					type: type,
                }).done(function(data){
                    $.ajax({
        				url: 'ajax.php?a=ombi-requests',
        				timeout: 10000,
        				type: 'GET',
        				success: function(response) {
        					var getDiv = response;
        					var loadedID = 	$(getDiv).attr('id');
        					$('#'+loadedID).replaceWith($(getDiv).prop('outerHTML'));
        					console.log('OMBI ACTION Submited and reloaded: '+loadedID);
                            loadSlick();
        				},
        				error: function(jqXHR, textStatus, errorThrown) {
        					console.error(loadedID+' could not be updated');
        				}
        			});
				});
			});
            $('.repeat-btn').click(function(){
                var refreshBox = $(this).closest('div.content-box');
                $("<div class='refresh-preloader'><div class='la-timer la-dark'><div></div></div></div>").appendTo(refreshBox).fadeIn(300);
                setTimeout(function(){
                    var refreshPreloader = refreshBox.find('.refresh-preloader'),
                    deletedRefreshBox = refreshPreloader.fadeOut(300, function(){
                        refreshPreloader.remove();
                    });
                },1500);
            });
            $(document).on('click', '.w-refresh', function(){
                var id = $(this).attr("link");
                $("div[np^='"+id+"']").toggle();
            });
			//load slick
			loadSlick();

            //RECENT ITEMS
            // each filter we click on for plex
            $(".filter-recent-event > li").on("click", function() {
                var name = $(this).attr('data-name');
                var filter = $(this).attr('data-filter');
                $('#recentContent-title-Plex').text('Plex Recently Added '+name);
                // now filter the slides.
                if(filter !== 'item-all'){
                    $('.recentItems-recent-Plex')
                        .slick('slickUnfilter')
                        .slick('slickFilter' , '.'+filter );
                }else{
                    $('.recentItems-recent-Plex')
                        .slick('slickUnfilter')
                }
            });
			$(".filter-recent-event > li").on("click", function() {
                var name = $(this).attr('data-name');
                var filter = $(this).attr('data-filter');
                $('#recentContent-title-Emby').text('Emby Recently Added '+name);
                // now filter the slides.
                if(filter !== 'item-all'){
                    $('.recentItems-recent-Emby')
                        .slick('slickUnfilter')
                        .slick('slickFilter' , '.'+filter );
                }else{
                    $('.recentItems-recent-Emby')
                        .slick('slickUnfilter')
                }
            });
			//REQUEST ITEMS
            // each filter we click on for emby
            $(".filter-request-event > li").on("click", function() {
                var name = $(this).attr('data-name');
                var filter = $(this).attr('data-filter');
                $('#requestContent-title').text('Requested '+name);
                // now filter the slides.
                if(filter !== 'item-all'){
                    $('.recentItems-request')
                        .slick('slickUnfilter')
                        .slick('slickFilter' , '.'+filter );
                }else{
                    $('.recentItems-request')
                        .slick('slickUnfilter')
                }
            });
            //PLAYLIST SHIT
             // each filter we click on
            $(".filter-recent-playlist > li").on("click", function() {
                var name = $(this).attr('data-name');
                var filter = $(this).attr('data-filter');
                $('#playlist-title').text(name);

                // now filter the slides.
                $('.recentItems-playlists')
                    .slick('slickUnfilter')
                    .slick('slickFilter' , '.'+filter );
            });

            $("body").niceScroll({
                //cursorwidth: "12px"
                scrollspeed: 30,
                mousescrollstep: 60,
                grabcursorenabled: false
            });
            $(".table-responsive").niceScroll({
                railpadding: {top:0,right:0,left:0,bottom:0},
                scrollspeed: 30,
                mousescrollstep: 60,
                grabcursorenabled: false
            });
            $(".playlist-listing").niceScroll({
                railpadding: {top:0,right:0,left:0,bottom:0},
                scrollspeed: 30,
                mousescrollstep: 60,
                grabcursorenabled: false
            });

            <?php if((NZBGETURL != "" && qualifyUser(NZBGETHOMEAUTH)) || (SABNZBDURL != "" && qualifyUser(SABNZBDHOMEAUTH))){ ?>
            var queueRefresh = <?php echo DOWNLOADREFRESH; ?>;
            var historyRefresh = <?php echo HISTORYREFRESH; ?>; // This really doesn't need to happen that often

            var queueLoad = function() {
            <?php if(SABNZBDURL != "") { echo '$("tbody.dl-queue.sabnzbd").load("ajax.php?a=sabnzbd-update&list=queue");'; } ?>
            <?php if(NZBGETURL != "") { echo '$("tbody.dl-queue.nzbget").load("ajax.php?a=nzbget-update&list=listgroups");'; } ?>
            };

            var historyLoad = function() {
            <?php if(SABNZBDURL != "") { echo '$("tbody.dl-history.sabnzbd").load("ajax.php?a=sabnzbd-update&list=history");'; } ?>
            <?php if(NZBGETURL != "") { echo '$("tbody.dl-history.nzbget").load("ajax.php?a=nzbget-update&list=history");'; } ?>
            };

            // Initial Loads
            queueLoad();
			historyLoad();

            // Interval Loads
            var queueInterval = setInterval(queueLoad, queueRefresh);
            var historyInterval = setInterval(historyLoad, historyRefresh);

            // Manual Load
            $("#getDownloader").click(function() {
                queueLoad();
                historyLoad();
            });
            <?php } ?>
        });

        $( window ).on( "load", function() {
            $( "ul.filter-recent-playlist > li:first" ).trigger("click");
        });

        </script>
        <?php if ((SONARRURL != "" && qualifyUser(SONARRHOMEAUTH)) || (RADARRURL != "" && qualifyUser(RADARRHOMEAUTH)) || (HEADPHONESURL != "" && qualifyUser(HEADPHONESHOMEAUTH)) || (SICKRAGEURL != "" && qualifyUser(SICKRAGEHOMEAUTH))) { ?>
        <script>
            $(function () {

                var date = new Date();
                var d = date.getDate();
                var m = date.getMonth();
                var y = date.getFullYear();

                $('#calendar').fullCalendar({
                    eventLimit: false,
                    firstDay: <?php echo CALENDARSTART;?>,
                    height: "auto",
                    defaultView: '<?php echo CALENDARVIEW;?>',
                    header: {
                        left: 'prev,next,',
                        center: 'title',
                        right: 'today, month, basicDay,basicWeek,'
                    },
                    views: {
                        basicDay: { buttonText: '<?php echo $language->translate("DAY");?>', eventLimit: false },
                        basicWeek: { buttonText: '<?php echo $language->translate("WEEK");?>', eventLimit: false },
                        month: { buttonText: '<?php echo $language->translate("MONTH");?>', eventLimit: false },
                        today: { buttonText: '<?php echo $language->translate("TODAY");?>' },
                    },
                    //events: [ <?php //echo getCalendar(); ?> ],
                    eventRender: function eventRender( event, element, view ) {
                        //return ['all', event.imagetype].indexOf($('#imagetype_selector').val()) >= 0
                        if (typeof filter !== 'undefined') {
                            if(filter === "all"){
                                return event.imagetype === event.imagetype;
                            }else if(filter !== "all"){
                                return filter === event.imagetype;
                            }
                            if(filter === null){
                                return event.imagetype === event.imagetype;
                            }
                        }else {
                            return event.imagetype === event.imagetype;
                        }
                    },

                    editable: false,
                    droppable: false,
					timeFormat: '<?php echo CALTIMEFORMAT; ?>',
                });
            });

            $(document).on('click', ".calendarOption", function(){
                window.filter = $(this).attr("calendarOption");
                if(filter ==="all"){
                    title = "View All";
                }else if(filter ==="tv"){
                    title = "TV Shows";
                }else if(filter ==="film"){
                    title = "Movies";
                }else if(filter ==="music"){
                    title = "Music";
                }
                console.log("Calendar Filter: "+title);
                $('#calendar').fullCalendar('rerenderEvents');
                $('#calendarSelected').html(title+"&nbsp;<span class=\"caret\"></span>");
            });
            $.ajax({
                type: 'GET',
                url: 'ajax.php?a=get-calendar',
                success: function(data)
                {
                    newData =  $.parseJSON(data);
                    $('#calendar').fullCalendar('removeEvents');
                    $('#calendar').fullCalendar('addEventSource', newData);
                    console.log('Calendar Entries Added');
                }
            });
            setInterval(function() {
                $.ajax({
                    type: 'GET',
                    url: 'ajax.php?a=get-calendar',
                    success: function(data)
                    {
                        newData =  $.parseJSON(data);
                        $('#calendar').fullCalendar('removeEvents');
                        $('#calendar').fullCalendar('addEventSource', newData);
                        console.log('Calendar refreshed');
                    }
                });
            }, <?php echo CALENDARREFRESH; ?>);
        </script>
        <?php } ?>
        <script>
            function convertTime(a){
                if(a){
                    var hours = Math.trunc(a/60);
                    var minutes = a % 60;
                    return hours+"h "+minutes+"m";
                }else{
                    return "N/A";
                }
            }
            function convertArray(a, type){
                var result = "";
                var count = 1;
                var color = "";
                $.each( a, function( key, value ) {
                    if (count == 1){ color = "gray"; }else{ color = "gray"; }
                    if(type == "MOVIE"){
                        result += '<span class="label label-'+color+'">'+value['name']+'</span>&nbsp;';
                    }else if(type == "TV"){
                        result += '<span class="label label-'+color+'">'+value+'</span>&nbsp;';
                    }
                    count++;
                });
                return result;
            }
            function convertTrailer(a){
                var result = "";
                var count = 1;
                $.each( a.results, function( key, value ) {
                    if (count == 1){
                        result += '<span id="openTrailer" style="cursor:pointer;width: 100%;display: block;" data-key="'+value['key']+'" data-name="'+value['name']+'" data-site="'+value['site']+'" class="label label-danger"><i style="vertical-align:sub;" class="fa fa-youtube-play" aria-hidden="true"></i><text style="vertical-align:sub;"> Watch Trailer</text></span>&nbsp;';
                    }
                    count++;
                });
                return result;
            }
            function convertCast(a){
                var result = "";
                var count = 1;
                $.each( a.cast, function( key, value ) {
                    if( value['profile_path'] ){
                        if (count <= 6){
                            result += '<div class="col-lg-4 col-xs-4"><div class="zero-m"><img class="pull-left" style="border-radius:10%;margin-left: auto;margin-right: auto;display: block;" height="100px" src="https://image.tmdb.org/t/p/w150'+value['profile_path']+'" alt="profile"><h5 class="text-center"><strong>'+value['name']+'</strong></h5><h6 class="text-center">'+value['character']+'</h6></div></div>';
                            count++;
                        }
                    }
                });
                return result;
            }
            function whatIsIt(a){
                var what = Object.prototype.toString;
                if(what.call(a) == "[object Array]"){
                    return a[0].fileName;
                }else if(what.call(a) == "[object Object]"){
                    return a.fileName;
                }
            }
            function whatWasIt(a){
                var what = Object.prototype.toString;
                if(what.call(a) == "[object Array]"){
                    return a[0];
                }else if(what.call(a) == "[object Object]"){
                    return a;
                }
            }
            $(document).on('click', "#openTrailer", function(){
                var key = $(this).attr("data-key");
                $('#iFrameYT').html('<iframe id="calendarYoutube" class="embed-responsive-item" src="https://www.youtube.com/embed/'+key+'" allowfullscreen=""></iframe>');
                $('#calendarVideo').modal('show');
            });
            $(document).on('click', "a[class*=ID-]", function(){
                parent.$.smkAlert({
                    text: 'Loading...',
                    type: 'info',
                    time: 1
                });
                var check = $(this).attr("class");
                var ID = check.split("--")[1];
                if (~check.indexOf("tvID")){
                    var type = "TV";
                    ajax_request('POST', 'tvdb-get', {
                        id: ID,
                    }).done(function(data){
                        if( data.trakt && data.trakt.tmdb !== null) {
                            $('#calendarExtra').modal('show');
                            var refreshBox = $('#calendarMainID');
                            $("<div class='refresh-preloader'><div class='la-timer la-dark'><div></div></div></div>").appendTo(refreshBox).fadeIn(300);
                            setTimeout(function(){
                                var refreshPreloader = refreshBox.find('.refresh-preloader'),
                                deletedRefreshBox = refreshPreloader.fadeOut(300, function(){
                                    refreshPreloader.remove();
                                });
                            },600);
                            $.ajax({
                                type: 'GET',
                                url: 'https://api.themoviedb.org/3/tv/'+data.trakt.tmdb+'?api_key=83cf4ee97bb728eeaf9d4a54e64356a1&append_to_response=videos,credits&language=<?php echo $userLanguage; ?>',
                                cache: true,
                                async: true,
                                complete: function(xhr, status) {
                                    var result = $.parseJSON(xhr.responseText);
                                    if (xhr.statusText === "OK") {
                                        $('#calendarTitle').text(result.name);
                                        $('#calendarRating').html('<span class="label label-gray"><i class="fa fa-thumbs-up white"></i> '+result.vote_average+'</span>&nbsp;');
                                        $('#calendarRuntime').html('<span class="label label-gray"><i class="fa fa-clock-o white"></i> '+convertTime(whatWasIt(result.episode_run_time))+'</span>&nbsp;');
                                        $('#calendarSummary').text(result.overview);
                                        $('#calendarTagline').text("");
                                        $('#calendarTrailer').html(convertTrailer(result.videos));
                                        $('#calendarCast').html(convertCast(result.credits));
                                        $('#calendarGenres').html(convertArray(result.genres, "MOVIE"));
                                        $('#calendarLang').html(convertArray(result.languages, "TV"));
                                        $('#calendarPoster').attr("src","https://image.tmdb.org/t/p/w300"+result.poster_path);
                                        $('#calendarMain').attr("style","background-size: cover; background: linear-gradient(rgba(25,27,29,.75),rgba(25,27,29,.75)),url(https://image.tmdb.org/t/p/w1000"+result.backdrop_path+");top: 0;left: 0;width: 100%;height: 100%;position: fixed;");
                                        $('#calendarExtra').modal('show');
                                    }
                                }
                            });
                        }else{
                            swal("Sorry..", "No info was found for this item!", "error");
                        }
                    });
                }else if (~check.indexOf("movieID")){
                    var type = "MOVIE";
                    $.ajax({
                        type: 'GET',
                        url: 'https://api.themoviedb.org/3/movie/'+ID+'?api_key=83cf4ee97bb728eeaf9d4a54e64356a1&append_to_response=videos,credits&language=<?php echo $userLanguage; ?>',
                        cache: true,
                        async: true,
                        complete: function(xhr, status) {
                            var result = $.parseJSON(xhr.responseText);
                            console.log(result);
                            console.log(convertCast(result.credits));
                            if (xhr.statusText === "OK") {
                                $('#calendarTitle').text(result.title);
                                $('#calendarRating').html('<span class="label label-gray"><i class="fa fa-thumbs-up white"></i> '+result.vote_average+'</span>&nbsp;');
                                $('#calendarRuntime').html('<span class="label label-gray"><i class="fa fa-clock-o white"></i> '+convertTime(result.runtime)+'</span>&nbsp;');
                                $('#calendarSummary').text(result.overview);
                                $('#calendarTagline').text(result.tagline);
                                $('#calendarTrailer').html(convertTrailer(result.videos));
                                $('#calendarCast').html(convertCast(result.credits));
                                $('#calendarGenres').html(convertArray(result.genres, "MOVIE"));
                                $('#calendarLang').html(convertArray(result.spoken_languages, "MOVIE"));
                                $('#calendarPoster').attr("src","https://image.tmdb.org/t/p/w300"+result.poster_path);
                                $('#calendarMain').attr("style","background-size: cover; background: linear-gradient(rgba(25,27,29,.75),rgba(25,27,29,.75)),url(https://image.tmdb.org/t/p/w1000"+result.backdrop_path+");top: 0;left: 0;width: 100%;height: 100%;position: fixed;");
                                $('#calendarExtra').modal('show');
                            }
                        }
                    });
                }
            });
        </script>
        <div id="calendarExtra" class="modal fade in" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg gray-bg" role="document">
                <div id="calendarMainID" class="modal-content">
                    <div class="modal-content" id="calendarMain"></div>
                    <div style="position: inherit; padding: 15px">
                        <span id="calendarRuntime" class="pull-left"></span>
                        <span id="calendarRating" class="pull-left"></span>
                        <span id="calendarGenres" class="pull-right"></span>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-4">
                                <img style="width:100%;border-radius: 10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" id="calendarPoster" src="">
                            </div>
                            <div class="col-sm-8">
                                <h2 id="calendarTitle" class="modal-title text-center">Modal title</h2>
                                <h6 id="calendarTagline" class="modal-title text-center"><em>Modal title</em></h6>
                                <p id="calendarSummary">Modal Summary</p>
                                <div class="" id="calendarCast">Modal Summary</div>
                            </div>
                        </div>
                    </div>
                   <div style="position: inherit; padding: 15px 0px 30px 0px; margin-top: -20px;">
                        <div class="col-sm-4">
                            <span id="calendarTrailer" class="pull-left" style="width:100%;display: flex;"></span>
                        </div>
                        <div class="col-sm-8">
                            <span id="calendarLang" class="pull-right"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="calendarVideo" class="modal fade in palette-Grey-900 bg" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg gray-bg" role="document">
                <div id="calendarMainVideo" class="modal-content gray-bg">
                    <div class="">
                        <!-- 16:9 aspect ratio -->
                        <div id="iFrameYT" class="embed-responsive embed-responsive-16by9 gray-bg"></div>
                    </div>
                </div>
            </div>
        </div>

    </body>
</html>