homepage.php 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914
  1. <?php
  2. $data = false;
  3. ini_set("display_errors", 1);
  4. ini_set("error_reporting", E_ALL | E_STRICT);
  5. require_once("user.php");
  6. require_once("functions.php");
  7. use Kryptonit3\Sonarr\Sonarr;
  8. use Kryptonit3\SickRage\SickRage;
  9. $sonarr = new Sonarr(SONARRURL, SONARRKEY);
  10. $radarr = new Sonarr(RADARRURL, RADARRKEY);
  11. $sickrage = new SickRage(SICKRAGEURL, SICKRAGEKEY);
  12. $USER = new User("registration_callback");
  13. // Check if connection to homepage is allowed
  14. qualifyUser(HOMEPAGEAUTHNEEDED, true);
  15. // Load Colours/Appearance
  16. foreach(loadAppearance() as $key => $value) {
  17. $$key = $value;
  18. }
  19. $startDate = date('Y-m-d',strtotime("-".CALENDARSTARTDAY." days"));
  20. $endDate = date('Y-m-d',strtotime("+".CALENDARENDDAY." days"));
  21. ?>
  22. <!DOCTYPE html>
  23. <html lang="en" class="no-js">
  24. <head>
  25. <meta charset="UTF-8">
  26. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  27. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  28. <meta name="msapplication-tap-highlight" content="no" />
  29. <title><?=$title;?> Homepage</title>
  30. <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
  31. <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
  32. <link rel="stylesheet" href="bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css">
  33. <script src="js/menu/modernizr.custom.js"></script>
  34. <link rel="stylesheet" href="bower_components/animate.css/animate.min.css">
  35. <link rel="stylesheet" href="bower_components/fullcalendar/dist/fullcalendar.css">
  36. <link rel="stylesheet" href="css/style.css?v=<?php echo INSTALLEDVERSION; ?>">
  37. <link rel="stylesheet" href="bower_components/mdi/css/materialdesignicons.min.css?v=<?php echo INSTALLEDVERSION; ?>">
  38. <link rel="stylesheet" href="bower_components/google-material-color/dist/palette.css?v=<?php echo INSTALLEDVERSION; ?>">
  39. <link rel="stylesheet" type="text/css" href="bower_components/slick/slick.css?v=<?php echo INSTALLEDVERSION; ?>">
  40. <!-- Add the slick-theme.css if you want default styling -->
  41. <!--Scripts-->
  42. <script src="bower_components/jquery/dist/jquery.min.js"></script>
  43. <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  44. <script src="bower_components/moment/min/moment.min.js"></script>
  45. <script src="bower_components/jquery.nicescroll/jquery.nicescroll.min.js"></script>
  46. <script src="bower_components/slimScroll/jquery.slimscroll.min.js"></script>
  47. <script src="bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.js"></script>
  48. <script src="bower_components/jquery.nicescroll/jquery.nicescroll.min.js"></script>
  49. <script src="bower_components/cta/dist/cta.min.js"></script>
  50. <script src="bower_components/fullcalendar/dist/fullcalendar.js?v=<?php echo INSTALLEDVERSION; ?>"></script>
  51. <script src="bower_components/slick/slick.js?v=<?php echo INSTALLEDVERSION; ?>"></script>
  52. <script src="js/jqueri_ui_custom/jquery-ui.min.js"></script>
  53. <script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>
  54. <!--Other-->
  55. <script src="js/ajax.js?v=<?php echo INSTALLEDVERSION; ?>"></script>
  56. <!--[if lt IE 9]>
  57. <script src="bower_components/html5shiv/dist/html5shiv.min.js"></script>
  58. <script src="bower_components/respondJs/dest/respond.min.js"></script>
  59. <![endif]-->
  60. <style>
  61. .fc-day-grid-event{
  62. cursor: pointer;
  63. }
  64. .recentItems {
  65. padding-top: 10px;
  66. margin: 5px 0;
  67. }
  68. .slick-image-tall{
  69. width: 125px;
  70. height: 180px;
  71. }
  72. .slick-image-short{
  73. width: 125px;
  74. height: 130px;
  75. margin-top: 50px;
  76. }
  77. .overlay{
  78. position: absolute;
  79. top: 0;
  80. left: 0;
  81. width: 100%;
  82. height: 100%;
  83. display: none;
  84. z-index: 0;
  85. opacity: .98;
  86. }
  87. sort {
  88. display: none;
  89. }
  90. table.fc-list-table {
  91. table-layout: auto;
  92. }.tabbable{
  93. margin-bottom: 0;
  94. }.fc-day-grid-event .fc-content {
  95. white-space: normal;
  96. }.fc-list-item {
  97. table-layout: auto;
  98. position: inherit;
  99. margin: 10px;
  100. border-radius: 4px;
  101. padding: 0 5px 0 5px;
  102. color: #fff !important;
  103. }.fc-calendar .fc-toolbar {
  104. background: <?=$topbar;?>;
  105. color: <?=$topbartext;?>;
  106. border-radius: 5px 5px 0 0;
  107. padding: 15px;
  108. }.fc-calendar .fc-toolbar .fc-right {
  109. bottom: 0px;
  110. right: 20px;
  111. }.fc-calendar .fc-toolbar .fc-right button {
  112. color: <?=$topbartext;?>;
  113. }.fc-calendar .fc-toolbar .fc-prev-button, .fc-calendar .fc-toolbar .fc-next-button {
  114. color: <?=$topbartext;?>;
  115. }.carousel-image{
  116. width: 100px !important;
  117. height: 150px !important;
  118. border-radius: 3px 0 0 3px;
  119. }.carousel-image.album{
  120. width: 150px !important;
  121. height: 150px !important;
  122. border-radius: 3px 0 0 3px;
  123. }.carousel-control.album {
  124. top: 5px !important;
  125. width: 4% !important;
  126. }.carousel-control {
  127. top: 5px !important;
  128. width: 4% !important;
  129. }.carousel-caption.album {
  130. position: absolute;
  131. right: 4%;
  132. top: 0px;
  133. left: 160px;
  134. z-index: 10;
  135. bottom: 0px;
  136. padding-top: 0px;
  137. color: #fff;
  138. text-align: left;
  139. }.carousel-caption {
  140. position: absolute;
  141. right: 4%;
  142. top: 0px;
  143. left: 110px;
  144. z-index: 10;
  145. bottom: 0px;
  146. padding-top: 0px;
  147. color: #fff;
  148. text-align: left;
  149. padding-bottom: 2px !important;
  150. overflow: hidden !important;
  151. } @media screen and (max-width: 576px) {
  152. .nzbtable {
  153. padding-left: 5px !important;
  154. padding-right: 2px !important;
  155. font-size: 10px !important;
  156. word-break: break-word !important;
  157. }
  158. .nzbtable-file-row {
  159. padding-left: 5px !important;
  160. padding-right: 2px !important;
  161. font-size: 10px !important;
  162. white-space: normal !important;
  163. word-break: break-all !important;
  164. width: 0% !important;
  165. }
  166. } .nzbtable-file-row {
  167. white-space: normal !important;
  168. word-break: break-all !important;
  169. width: 0% !important;
  170. }.nzbtable-row {
  171. white-space: normal !important;
  172. width: 0% !important;
  173. font-size: 12px; !important;
  174. }<?php customCSS(); ?>
  175. </style>
  176. </head>
  177. <body class="scroller-body" style="padding: 0px;">
  178. <div class="main-wrapper" style="position: initial;">
  179. <div id="content" class="container-fluid">
  180. <br/>
  181. <?php if (qualifyUser(HOMEPAGENOTICEAUTH) && HOMEPAGENOTICETITLE && HOMEPAGENOTICETYPE && HOMEPAGENOTICEMESSAGE && HOMEPAGENOTICELAYOUT) { echo buildHomepageNotice(HOMEPAGENOTICELAYOUT, HOMEPAGENOTICETYPE, HOMEPAGENOTICETITLE, HOMEPAGENOTICEMESSAGE); } ?>
  182. <?php if (qualifyUser(HOMEPAGECUSTOMHTML1AUTH) && HOMEPAGECUSTOMHTML1) { echo "<div>" . HOMEPAGECUSTOMHTML1 . "</div>"; } ?>
  183. <?php if(SPEEDTEST == "true"){ ?>
  184. <style type="text/css">
  185. .flash {
  186. animation: flash 0.6s linear infinite;
  187. }
  188. @keyframes flash {
  189. 0% { opacity: 0.6; }
  190. 50% { opacity: 1; }
  191. }
  192. </style>
  193. <script type="text/javascript">
  194. var w = null
  195. function runTest() {
  196. document.getElementById('startBtn').style.display = 'none'
  197. document.getElementById('testArea').style.display = ''
  198. document.getElementById('abortBtn').style.display = ''
  199. w = new Worker('bower_components/speed/speedtest_worker.min.js')
  200. var interval = setInterval(function () { w.postMessage('status') }, 100)
  201. w.onmessage = function (event) {
  202. var data = event.data.split(';')
  203. var status = Number(data[0])
  204. var dl = document.getElementById('download')
  205. var ul = document.getElementById('upload')
  206. var ping = document.getElementById('ping')
  207. var jitter = document.getElementById('jitter')
  208. dl.className = status === 1 ? 'w-name flash' : 'w-name'
  209. ping.className = status === 2 ? 'w-name flash' : 'w-name'
  210. jitter.className = ul.className = status === 3 ? 'w-name flash' : 'w-name'
  211. if (status >= 4) {
  212. clearInterval(interval)
  213. document.getElementById('abortBtn').style.display = 'none'
  214. document.getElementById('startBtn').style.display = ''
  215. w = null
  216. }
  217. if (status === 5) {
  218. document.getElementById('testArea').style.display = 'none'
  219. }
  220. dl.textContent = data[1] + " Mbit/s";
  221. $("#downloadpercent").attr("style", "width: " + data[1] + "%;");
  222. $("#uploadpercent").attr("style", "width: " + data[2] + "%;");
  223. $("#pingpercent").attr("style", "width: " + data[3] + "%;");
  224. $("#jitterpercent").attr("style", "width: " + data[5] + "%;");
  225. ul.textContent = data[2] + " Mbit/s";
  226. ping.textContent = data[3] + " ms";
  227. jitter.textContent = data[5] + " ms";
  228. }
  229. w.postMessage('start')
  230. }
  231. function abortTest() {
  232. if (w) w.postMessage('abort')
  233. }
  234. </script>
  235. <div class="row" id="testArea" style="display:none">
  236. <div class="test col-sm-3 col-lg-3">
  237. <div class="content-box ultra-widget green-bg" data-counter="">
  238. <div id="downloadpercent" class="progress-bar progress-bar-striped active w-used" style=""></div>
  239. <div class="w-content">
  240. <div class="w-icon right pull-right"><i class="mdi mdi-cloud-download"></i></div>
  241. <div class="w-descr left pull-left text-center">
  242. <span class="testName text-uppercase w-name">Download</span>
  243. <br>
  244. <span class="w-name counter" id="download" ></span>
  245. </div>
  246. </div>
  247. </div>
  248. </div>
  249. <div class="test col-sm-3 col-lg-3">
  250. <div class="content-box ultra-widget red-bg" data-counter="">
  251. <div id="uploadpercent" class="progress-bar progress-bar-striped active w-used" style=""></div>
  252. <div class="w-content">
  253. <div class="w-icon right pull-right"><i class="mdi mdi-cloud-upload"></i></div>
  254. <div class="w-descr left pull-left text-center">
  255. <span class="testName text-uppercase w-name">Upload</span>
  256. <br>
  257. <span class="w-name counter" id="upload" ></span>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262. <div class="test col-sm-3 col-lg-3">
  263. <div class="content-box ultra-widget yellow-bg" data-counter="">
  264. <div id="pingpercent" class="progress-bar progress-bar-striped active w-used" style=""></div>
  265. <div class="w-content">
  266. <div class="w-icon right pull-right"><i class="mdi mdi-timer"></i></div>
  267. <div class="w-descr left pull-left text-center">
  268. <span class="testName text-uppercase w-name">Latency</span>
  269. <br>
  270. <span class="w-name counter" id="ping" ></span>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. <div class="test col-sm-3 col-lg-3">
  276. <div class="content-box ultra-widget blue-bg" data-counter="">
  277. <div id="jitterpercent" class="progress-bar progress-bar-striped active w-used" style=""></div>
  278. <div class="w-content">
  279. <div class="w-icon right pull-right"><i class="mdi mdi-pulse"></i></div>
  280. <div class="w-descr left pull-left text-center">
  281. <span class="testName text-uppercase w-name">Jitter</span>
  282. <br>
  283. <span class="w-name counter" id="jitter" ></span>
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288. <br/>
  289. </div>
  290. <div id="abortBtn" class="row" style="display: none" onclick="javascript:abortTest()">
  291. <div class="col-lg-12">
  292. <div class="content-box red-bg" style="cursor: pointer;">
  293. <h1 style="margin: 10px" class="text-uppercase text-center">Abort Speed Test</h1>
  294. <div class="clearfix"></div>
  295. </div>
  296. </div>
  297. </div>
  298. <div id="startBtn" class="row" onclick="javascript:runTest()">
  299. <div class="col-lg-12">
  300. <div class="content-box green-bg" style="cursor: pointer;">
  301. <h1 style="margin: 10px" class="text-uppercase text-center">Run Speed Test</h1>
  302. <div class="clearfix"></div>
  303. </div>
  304. </div>
  305. </div>
  306. <?php } ?>
  307. <?php if((PLEXSEARCH == "true" && qualifyUser(PLEXHOMEAUTH))) { ?>
  308. <div id="searchPlexRow" class="row">
  309. <div class="col-lg-12">
  310. <div class="content-box box-shadow big-box todo-list">
  311. <form id="plexSearchForm" onsubmit="return false;" autocomplete="off">
  312. <div class="">
  313. <div class="input-group">
  314. <div style="border-radius: 25px 0 0 25px; border:0" class="input-group-addon gray-bg"><i class="fa fa-search white"></i></div>
  315. <input id="searchInput" type="text" style="border-radius: 0;" autocomplete="off" name="search-title" class="form-control input-group-addon gray-bg" placeholder="Media Search">
  316. <div id="clearSearch" style="border-radius: 0 25px 25px 0;border:0; cursor: pointer;" class="input-group-addon gray-bg"><i class="fa fa-close white"></i></div>
  317. <button style="display:none" id="plexSearchForm_submit" class="btn btn-primary waves"></button>
  318. </div>
  319. </div>
  320. </form>
  321. <div id="resultshere" class="table-responsive"></div>
  322. </div>
  323. </div>
  324. </div>
  325. <?php } ?>
  326. <?php if((NZBGETURL != "" && qualifyUser(NZBGETHOMEAUTH)) || (SABNZBDURL != "" && qualifyUser(SABNZBDHOMEAUTH))) { ?>
  327. <div id="downloadClientRow" class="row">
  328. <div class="col-xs-12 col-md-12">
  329. <div class="content-box">
  330. <div class="tabbable panel with-nav-tabs panel-default">
  331. <div class="panel-heading">
  332. <div class="content-tools i-block pull-right">
  333. <a id="getDownloader" class="repeat-btn">
  334. <i class="fa fa-repeat"></i>
  335. </a>
  336. <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
  337. <i class="fa fa-chevron-down"></i>
  338. </a>
  339. <!-- Lets Move This To Homepage Settings
  340. <ul id="downloaderSeconds" class="dropdown-menu" style="top: 32px !important">
  341. <li data-value="5000"><a>Refresh every 5 seconds</a></li>
  342. <li data-value="10000"><a>Refresh every 10 seconds</a></li>
  343. <li data-value="30000"><a>Refresh every 30 seconds</a></li>
  344. <li data-value="60000"><a>Refresh every 60 seconds</a></li>
  345. </ul>
  346. -->
  347. </div>
  348. <h3 class="pull-left"><?php if(NZBGETURL != ""){ echo "NZBGet "; } if(SABNZBDURL != ""){ echo "SABnzbd "; } ?></h3>
  349. <ul class="nav nav-tabs pull-right">
  350. <li class="active"><a href="#downloadQueue" data-toggle="tab" aria-expanded="true"><?php echo $language->translate("QUEUE");?></a></li>
  351. <li class=""><a href="#downloadHistory" data-toggle="tab" aria-expanded="false"><?php echo $language->translate("HISTORY");?></a></li>
  352. </ul>
  353. <div class="clearfix"></div>
  354. </div>
  355. <div class="panel-body">
  356. <div class="tab-content">
  357. <div class="tab-pane fade active in" id="downloadQueue">
  358. <div class="table-responsive" style="max-height: 300px">
  359. <table class="table table-striped progress-widget zero-m" style="max-height: 300px">
  360. <thead>
  361. <tr>
  362. <th class="col-xs-7 nzbtable-file-row"><?php echo $language->translate("FILE");?></th>
  363. <th class="col-xs-2 nzbtable"><?php echo $language->translate("STATUS");?></th>
  364. <th class="col-xs-1 nzbtable"><?php echo $language->translate("CATEGORY");?></th>
  365. <th class="col-xs-2 nzbtable"><?php echo $language->translate("PROGRESS");?></th>
  366. </tr>
  367. </thead>
  368. <tbody class="dl-queue sabnzbd"></tbody>
  369. <tbody class="dl-queue nzbget"></tbody>
  370. </table>
  371. </div>
  372. </div>
  373. <div class="tab-pane fade" id="downloadHistory">
  374. <div class="table-responsive" style="max-height: 300px">
  375. <table class="table table-striped progress-widget zero-m" style="max-height: 300px">
  376. <thead>
  377. <tr>
  378. <th class="col-xs-7 nzbtable-file-row"><?php echo $language->translate("FILE");?></th>
  379. <th class="col-xs-2 nzbtable"><?php echo $language->translate("STATUS");?></th>
  380. <th class="col-xs-1 nzbtable"><?php echo $language->translate("CATEGORY");?></th>
  381. <th class="col-xs-2 nzbtable"><?php echo $language->translate("PROGRESS");?></th>
  382. </tr>
  383. </thead>
  384. <tbody class="dl-history sabnzbd"></tbody>
  385. <tbody class="dl-history nzbget"></tbody>
  386. </table>
  387. </div>
  388. </div>
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394. </div>
  395. <?php } ?>
  396. <?php if (qualifyUser(PLEXHOMEAUTH) && PLEXTOKEN) { ?>
  397. <div id="plexRowNowPlaying" class="row">
  398. <?php if(PLEXPLAYINGNOW == "true"){ echo getPlexStreams(12, PLEXSHOWNAMES, $USER->role); } ?>
  399. </div>
  400. <div id="plexRow" class="row">
  401. <div class="col-lg-12">
  402. <?php
  403. if(PLEXRECENTMOVIE == "true" || PLEXRECENTTV == "true" || PLEXRECENTMUSIC == "true"){
  404. $plexArray = array("movie" => PLEXRECENTMOVIE, "season" => PLEXRECENTTV, "album" => PLEXRECENTMUSIC);
  405. echo getPlexRecent($plexArray);
  406. }
  407. ?>
  408. </div>
  409. </div>
  410. <?php } ?>
  411. <?php if (qualifyUser(EMBYHOMEAUTH) && EMBYTOKEN) { ?>
  412. <div id="embyRowNowPlaying" class="row">
  413. <?php if(EMBYPLAYINGNOW == "true"){ echo getEmbyStreams(12, EMBYSHOWNAMES, $USER->role); } ?>
  414. </div>
  415. <div id="embyRow" class="row">
  416. <div class="col-lg-12">
  417. <?php
  418. if(EMBYRECENTMOVIE == "true" || EMBYRECENTTV == "true" || EMBYRECENTMUSIC == "true"){
  419. $embyArray = array("Movie" => EMBYRECENTMOVIE, "Episode" => EMBYRECENTTV, "MusicAlbum" => EMBYRECENTMUSIC, "Series" => EMBYRECENTTV);
  420. echo getEmbyRecent($embyArray);
  421. }
  422. ?>
  423. </div>
  424. </div>
  425. <?php } ?>
  426. <?php if ((SONARRURL != "" && qualifyUser(SONARRHOMEAUTH)) || (RADARRURL != "" && qualifyUser(RADARRHOMEAUTH)) || (HEADPHONESURL != "" && qualifyUser(HEADPHONESHOMEAUTH)) || (SICKRAGEURL != "" && qualifyUser(SICKRAGEHOMEAUTH))) { ?>
  427. <div id="calendarLegendRow" class="row" style="padding: 0 0 10px 0;">
  428. <div class="col-lg-12 content-form form-inline">
  429. <div class="form-group">
  430. <select class="form-control" id="imagetype_selector" style="width: auto !important; display: inline-block">
  431. <option value="all">View All</option>
  432. <?php if(RADARRURL != ""){ echo '<option value="film">Movies</option>'; }?>
  433. <?php if(SONARRURL != "" || SICKRAGEURL != ""){ echo '<option value="tv">TV Shows</option>'; }?>
  434. <?php if(HEADPHONESURL != ""){ echo '<option value="music">Music</option>'; }?>
  435. </select>
  436. <span class="label label-primary well-sm">Available</span>
  437. <span class="label label-danger well-sm">Unavailable</span>
  438. <span class="label indigo-bg well-sm">Unreleased</span>
  439. <span class="label light-blue-bg well-sm">Premier</span>
  440. </div>
  441. </div>
  442. </div>
  443. <div id="calendarRow" class="row">
  444. <div class="col-lg-12">
  445. <div id="calendar" class="fc-calendar box-shadow fc fc-ltr fc-unthemed"></div>
  446. </div>
  447. </div>
  448. <?php } ?>
  449. </div>
  450. </div>
  451. <script>
  452. $('.close-btn').click(function(e){
  453. var closedBox = $(this).closest('div.content-box').remove();
  454. e.preventDefault();
  455. });
  456. $('#clearSearch').click(function(e){
  457. $('#searchInput').val("");
  458. $('#resultshere').html("");
  459. $('#searchInput').focus();
  460. e.preventDefault();
  461. });
  462. $(document).on("click", ".openTab", function(e) {
  463. if($(this).attr("openTab") === "true") {
  464. var isActive = parent.$("div[data-content-name^='<?php echo strtolower(PLEXTABNAME);?>']");
  465. var activeFrame = isActive.children('iframe');
  466. if(isActive.length === 1){
  467. activeFrame.attr("src", $(this).attr("href"));
  468. parent.$("li[name='<?php echo strtolower(PLEXTABNAME);?>']").trigger("click");
  469. }else{
  470. parent.$("li[name='<?php echo strtolower(PLEXTABNAME);?>']").trigger("click");
  471. parent.$("div[data-content-name^='<?php echo strtolower(PLEXTABNAME);?>']").children('iframe').attr("src", $(this).attr("href"));
  472. }
  473. e.preventDefault();
  474. }else{
  475. console.log("nope");
  476. }
  477. });
  478. function localStorageSupport() {
  479. return (('localStorage' in window) && window['localStorage'] !== null)
  480. }
  481. $( document ).ready(function() {
  482. $('#plexSearchForm').on('submit', function () {
  483. var refreshBox = $(this).closest('div.content-box');
  484. $("<div class='refresh-preloader'><div class='la-timer la-dark'><div></div></div></div>").appendTo(refreshBox).fadeIn(300);
  485. setTimeout(function(){
  486. var refreshPreloader = refreshBox.find('.refresh-preloader'),
  487. deletedRefreshBox = refreshPreloader.fadeOut(300, function(){
  488. refreshPreloader.remove();
  489. });
  490. },1000);
  491. ajax_request('POST', 'search-plex', {
  492. searchtitle: $('#plexSearchForm [name=search-title]').val(),
  493. }).done(function(data){ $('#resultshere').html(data);});
  494. });
  495. $('.repeat-btn').click(function(){
  496. var refreshBox = $(this).closest('div.content-box');
  497. $("<div class='refresh-preloader'><div class='la-timer la-dark'><div></div></div></div>").appendTo(refreshBox).fadeIn(300);
  498. setTimeout(function(){
  499. var refreshPreloader = refreshBox.find('.refresh-preloader'),
  500. deletedRefreshBox = refreshPreloader.fadeOut(300, function(){
  501. refreshPreloader.remove();
  502. });
  503. },1500);
  504. });
  505. $(document).on('click', '.w-refresh', function(){
  506. var id = $(this).attr("link");
  507. $("div[np^='"+id+"']").toggle();
  508. });
  509. $('.recentItems').slick({
  510. slidesToShow: 13,
  511. slidesToScroll: 13,
  512. infinite: true,
  513. lazyLoad: 'ondemand',
  514. 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>',
  515. 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>',
  516. appendArrows: '.recentHeader',
  517. responsive: [
  518. {
  519. breakpoint: 1750,
  520. settings: {
  521. slidesToShow: 12,
  522. slidesToScroll: 12,
  523. }
  524. },
  525. {
  526. breakpoint: 1600,
  527. settings: {
  528. slidesToShow: 11,
  529. slidesToScroll: 11,
  530. }
  531. },
  532. {
  533. breakpoint: 1450,
  534. settings: {
  535. slidesToShow: 10,
  536. slidesToScroll: 10,
  537. }
  538. },
  539. {
  540. breakpoint: 1300,
  541. settings: {
  542. slidesToShow: 9,
  543. slidesToScroll: 9,
  544. }
  545. },
  546. {
  547. breakpoint: 1150,
  548. settings: {
  549. slidesToShow: 8,
  550. slidesToScroll: 8,
  551. }
  552. },
  553. {
  554. breakpoint: 1000,
  555. settings: {
  556. slidesToShow: 7,
  557. slidesToScroll: 7,
  558. }
  559. },
  560. {
  561. breakpoint: 850,
  562. settings: {
  563. slidesToShow: 6,
  564. slidesToScroll: 6,
  565. }
  566. },
  567. {
  568. breakpoint: 700,
  569. settings: {
  570. slidesToShow: 5,
  571. slidesToScroll: 5,
  572. }
  573. },
  574. {
  575. breakpoint: 675,
  576. settings: {
  577. slidesToShow: 4,
  578. slidesToScroll: 4
  579. }
  580. },
  581. {
  582. breakpoint: 480,
  583. settings: {
  584. slidesToShow: 3,
  585. slidesToScroll: 3
  586. }
  587. }
  588. // You can unslick at a given breakpoint now by adding:
  589. // settings: "unslick"
  590. // instead of a settings object
  591. ]
  592. });
  593. var movieFiltered = false;
  594. var seasonFiltered = false;
  595. var albumFiltered = false;
  596. $('.js-filter-movie').on('click', function(){
  597. if (movieFiltered === false) {
  598. $('.recentItems').slick('slickFilter','.item-season, .item-album, .item-Series, .item-Episode, .item-MusicAlbum');
  599. $(this).text('Show Movies');
  600. movieFiltered = true;
  601. } else {
  602. $('.recentItems').slick('slickUnfilter');
  603. $(this).text('Hide Movies');
  604. movieFiltered = false;
  605. }
  606. });
  607. $('.js-filter-season').on('click', function(){
  608. if (seasonFiltered === false) {
  609. $('.recentItems').slick('slickFilter','.item-movie, .item-album, .item-Movie, .item-MusicAlbum');
  610. $(this).text('Show TV');
  611. seasonFiltered = true;
  612. } else {
  613. $('.recentItems').slick('slickUnfilter');
  614. $(this).text('Hide TV');
  615. seasonFiltered = false;
  616. }
  617. });
  618. $('.js-filter-album').on('click', function(){
  619. if (albumFiltered === false) {
  620. $('.recentItems').slick('slickFilter','.item-season, .item-movie, .item-Series, .item-Episode, .item-Movie');
  621. $(this).text('Show Music');
  622. albumFiltered = true;
  623. } else {
  624. $('.recentItems').slick('slickUnfilter');
  625. $(this).text('Hide Music');
  626. albumFiltered = false;
  627. }
  628. });
  629. /*$('.w-refresh').click(function(e){
  630. var moreInfo = $(this).closest('div.overlay').addClass("show");
  631. console.log(moreInfo);
  632. moreInfo.show();
  633. e.preventDefault();
  634. });*/
  635. $("body").niceScroll({
  636. railpadding: {top:0,right:0,left:0,bottom:0},
  637. scrollspeed: 30,
  638. mousescrollstep: 60
  639. });
  640. $(".table-responsive").niceScroll({
  641. railpadding: {top:0,right:0,left:0,bottom:0},
  642. scrollspeed: 30,
  643. mousescrollstep: 60
  644. });
  645. /*$(".carousel-caption").niceScroll({
  646. railpadding: {top:0,right:0,left:0,bottom:0},
  647. scrollspeed: 30,
  648. mousescrollstep: 60
  649. });*/
  650. // check if browser support HTML5 local storage
  651. <?php if((NZBGETURL != "" && qualifyUser(NZBGETHOMEAUTH)) || (SABNZBDURL != "" && qualifyUser(SABNZBDHOMEAUTH))){ ?>
  652. var queueRefresh = 30000;
  653. var historyRefresh = 120000; // This really doesn't need to happen that often
  654. var queueLoad = function() {
  655. <?php if(SABNZBDURL != "") { echo '$("tbody.dl-queue.sabnzbd").load("ajax.php?a=sabnzbd-update&list=queue");'; } ?>
  656. <?php if(NZBGETURL != "") { echo '$("tbody.dl-queue.nzbget").load("ajax.php?a=nzbget-update&list=listgroups");'; } ?>
  657. };
  658. var historyLoad = function() {
  659. <?php if(SABNZBDURL != "") { echo '$("tbody.dl-history.sabnzbd").load("ajax.php?a=sabnzbd-update&list=history");'; } ?>
  660. <?php if(NZBGETURL != "") { echo '$("tbody.dl-history.nzbget").load("ajax.php?a=nzbget-update&list=history");'; } ?>
  661. };
  662. // Initial Loads
  663. queueLoad();
  664. historyLoad();
  665. // Interval Loads
  666. var queueInterval = setInterval(queueLoad, queueRefresh);
  667. var historyInterval = setInterval(historyLoad, historyRefresh);
  668. // Manual Load
  669. $("#getDownloader").click(function() {
  670. queueLoad();
  671. historyLoad();
  672. });
  673. <?php } ?>
  674. });
  675. </script>
  676. <?php if ((SONARRURL != "" && qualifyUser(SONARRHOMEAUTH)) || (RADARRURL != "" && qualifyUser(RADARRHOMEAUTH)) || (HEADPHONESURL != "" && qualifyUser(HEADPHONESHOMEAUTH)) || (SICKRAGEURL != "" && qualifyUser(SICKRAGEHOMEAUTH))) { ?>
  677. <script>
  678. $(function () {
  679. var date = new Date();
  680. var d = date.getDate();
  681. var m = date.getMonth();
  682. var y = date.getFullYear();
  683. $('#calendar').fullCalendar({
  684. eventLimit: false,
  685. firstDay: <?php echo CALENDARSTART;?>,
  686. height: "auto",
  687. defaultView: '<?php echo CALENDARVIEW;?>',
  688. header: {
  689. left: 'prev,next,',
  690. center: 'title',
  691. right: 'today, month, basicDay,basicWeek,'
  692. },
  693. views: {
  694. basicDay: { buttonText: '<?php echo $language->translate("DAY");?>', eventLimit: false },
  695. basicWeek: { buttonText: '<?php echo $language->translate("WEEK");?>', eventLimit: false },
  696. month: { buttonText: '<?php echo $language->translate("MONTH");?>', eventLimit: false },
  697. today: { buttonText: '<?php echo $language->translate("TODAY");?>' },
  698. },
  699. events: [
  700. <?php
  701. if (SICKRAGEURL != "" && qualifyUser(SICKRAGEHOMEAUTH)){
  702. try {
  703. echo getSickrageCalendarWanted($sickrage->future());
  704. } catch (Exception $e) {
  705. writeLog("error", "SICKRAGE/BEARD ERROR: ".strip($e->getMessage()));
  706. } try {
  707. echo getSickrageCalendarHistory($sickrage->history("100","downloaded"));
  708. } catch (Exception $e) {
  709. writeLog("error", "SICKRAGE/BEARD ERROR: ".strip($e->getMessage()));
  710. }
  711. }
  712. if (SONARRURL != "" && qualifyUser(SONARRHOMEAUTH)){
  713. try {
  714. echo getSonarrCalendar($sonarr->getCalendar($startDate, $endDate));
  715. } catch (Exception $e) {
  716. writeLog("error", "SONARR ERROR: ".strip($e->getMessage()));
  717. }
  718. }
  719. if (RADARRURL != "" && qualifyUser(RADARRHOMEAUTH)){
  720. try {
  721. echo getRadarrCalendar($radarr->getCalendar($startDate, $endDate));
  722. } catch (Exception $e) {
  723. writeLog("error", "RADARR ERROR: ".strip($e->getMessage()));
  724. }
  725. }
  726. if (HEADPHONESURL != "" && qualifyUser(HEADPHONESHOMEAUTH)){
  727. echo getHeadphonesCalendar(HEADPHONESURL, HEADPHONESKEY, "getHistory");
  728. echo getHeadphonesCalendar(HEADPHONESURL, HEADPHONESKEY, "getWanted");
  729. }?>
  730. ],
  731. eventRender: function eventRender( event, element, view ) {
  732. return ['all', event.imagetype].indexOf($('#imagetype_selector').val()) >= 0
  733. },
  734. editable: false,
  735. droppable: false,
  736. timeFormat: '<?php echo CALTIMEFORMAT; ?>',
  737. });
  738. });
  739. $('#imagetype_selector').on('change',function(){
  740. $('#calendar').fullCalendar('rerenderEvents');
  741. })
  742. $('td[class*=fc-event-container]').on('click tap', function(){
  743. console.log("hmmm");
  744. });
  745. </script>
  746. <?php } ?>
  747. <script>
  748. function convertTime(a){
  749. var hours = Math.trunc(a/60);
  750. var minutes = a % 60;
  751. return hours+"h "+minutes+"m";
  752. }
  753. function convertArray(a, type){
  754. var result = "";
  755. var count = 1;
  756. var color = "";
  757. $.each( a, function( key, value ) {
  758. if (count == 1){ color = "gray"; }else{ color = "gray"; }
  759. if(type == "MOVIE"){
  760. result += '<span class="label label-'+color+'">'+value['name']+'</span>&nbsp;';
  761. }else if(type == "TV"){
  762. result += '<span class="label label-'+color+'">'+value+'</span>&nbsp;';
  763. }
  764. count++;
  765. });
  766. return result;
  767. }
  768. function whatIsIt(a){
  769. var what = Object.prototype.toString;
  770. if(what.call(a) == "[object Array]"){
  771. return a[0].fileName;
  772. }else if(what.call(a) == "[object Object]"){
  773. return a.fileName;
  774. }
  775. }
  776. $(document).on('click', "a[class*=ID-]", function(){
  777. var check = $(this).attr("class");
  778. var ID = check.split("--")[1];
  779. if (~check.indexOf("tvID")){
  780. var type = "TV";
  781. ajax_request('POST', 'tvdb-get', {
  782. id: ID,
  783. }).done(function(data){
  784. $('#calendarTitle').text(data.series.seriesName);
  785. $('#calendarRating').html('<span class="label label-gray"><i class="fa fa-thumbs-up white"></i> '+data.series.siteRating+'</span>&nbsp');
  786. $('#calendarRuntime').html('<span class="label label-gray"><i class="fa fa-clock-o white"></i> '+convertTime(data.series.runtime)+'</span>&nbsp;');
  787. $('#calendarSummary').text(data.series.overview);
  788. $('#calendarTagline').text("");
  789. $('#calendarGenres').html(convertArray(data.series.genre, "TV"));
  790. $('#calendarLang').html("");
  791. $('#calendarPoster').attr("src","ajax.php?a=show-image&image=http://thetvdb.com/banners/"+whatIsIt(data.poster));
  792. $('#calendarMain').attr("style","background-size: 1000px 563px; background-image: url(ajax.php?a=show-image&image=http://thetvdb.com/banners/"+whatIsIt(data.backdrop)+");background-position: center;-webkit-filter: brightness(50%) contrast(100%);filter: brightness(50%) contrast(100%);top: 0;left: 0;width: 100%;height: 100%;position: fixed;");
  793. $('#calendarExtra').modal('show');
  794. });
  795. }else if (~check.indexOf("movieID")){
  796. var type = "MOVIE";
  797. $.ajax({
  798. type: 'GET',
  799. url: 'https://api.themoviedb.org/3/movie/'+ID+'?api_key=83cf4ee97bb728eeaf9d4a54e64356a1',
  800. cache: true,
  801. async: true,
  802. complete: function(xhr, status) {
  803. var result = $.parseJSON(xhr.responseText);
  804. if (xhr.statusText === "OK") {
  805. $('#calendarTitle').text(result.title);
  806. $('#calendarRating').html('<span class="label label-gray"><i class="fa fa-thumbs-up white"></i> '+result.vote_average+'</span>&nbsp;');
  807. $('#calendarRuntime').html('<span class="label label-gray"><i class="fa fa-clock-o white"></i> '+convertTime(result.runtime)+'</span>&nbsp;');
  808. $('#calendarSummary').text(result.overview);
  809. $('#calendarTagline').text(result.tagline);
  810. $('#calendarGenres').html(convertArray(result.genres, "MOVIE"));
  811. $('#calendarLang').html(convertArray(result.spoken_languages, "MOVIE"));
  812. $('#calendarPoster').attr("src","https://image.tmdb.org/t/p/w300"+result.poster_path);
  813. $('#calendarMain').attr("style","background-image: url(https://image.tmdb.org/t/p/w1000"+result.backdrop_path+");background-position: center;-webkit-filter: brightness(50%) contrast(100%);filter: brightness(50%) contrast(100%);top: 0;left: 0;width: 100%;height: 100%;position: fixed;");
  814. $('#calendarExtra').modal('show');
  815. }
  816. }
  817. });
  818. }
  819. });
  820. </script>
  821. <div id="calendarExtra" class="modal fade in" tabindex="-1" role="dialog">
  822. <div class="modal-dialog modal-lg gray-bg" role="document">
  823. <div class="modal-content">
  824. <div class="modal-content" id="calendarMain"></div>
  825. <div style="position: inherit; padding: 15px">
  826. <span id="calendarRuntime" class="pull-left"></span>
  827. <span id="calendarRating" class="pull-left"></span>
  828. <span id="calendarGenres" class="pull-right"></span>
  829. </div>
  830. <div class="modal-body">
  831. <div class="row">
  832. <div class="col-lg-4 col-sm-5">
  833. <img style="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="" height="300px;">
  834. </div>
  835. <div class="col-lg-8 col-sm-7">
  836. <h2 id="calendarTitle" class="modal-title text-center">Modal title</h2>
  837. <h6 id="calendarTagline" class="modal-title text-center"><em>Modal title</em></h6>
  838. <p id="calendarSummary">Modal Summary</p>
  839. </div>
  840. </div>
  841. </div>
  842. <div style="position: inherit; padding: 10px 15px 30px 15px; margin-top: -20px;">
  843. <span id="calendarLang" class="pull-right"></span>
  844. </div>
  845. </div>
  846. </div>
  847. </div>
  848. </body>
  849. </html>