|
|
|
|
<body>
|
|
|
|
|
<div id="plex" class="application">
|
|
|
|
|
<?php echo \View::forge('layout/nav_bar_header', ['user' => $user]); ?>
|
|
|
|
|
<div class="background-container">
|
|
|
|
|
<div data-reactroot="" class="FullPage-container-3qanw">
|
|
|
|
|
<div>
|
|
|
|
|
<div>
|
|
|
|
|
<div style="background-image: url('//assets.plex.tv/deploys/desktop/env-eb2798cc3c7d9533df5b563963d5c394/3.34.1-b51c37a/common/img/backgrounds/preset-light.770a0981b66e038d3ffffbcc4f5a26a4.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; z-index: 2;"
|
|
|
|
|
class=""></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0) url('//assets.plex.tv/deploys/desktop/env-eb2798cc3c7d9533df5b563963d5c394/3.34.1-b51c37a/common/img/backgrounds/noise.8b05ce45d0df59343e206bc9ae78d85d.png') repeat scroll 0% 0%; z-index: 2;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="content" class="scroll-container dark-scrollbar">
|
|
|
|
|
<div>
|
|
|
|
|
<div data-reactroot="" class="FullPage-container-3qanw">
|
|
|
|
|
<?php echo \View::forge('layout/nav_bar_vertical', ['MenuLibraries' => $MenuLibraries, 'MenuServer' => $MenuServer]); ?>
|
|
|
|
|
<div class="Page-page-aq7i_ Scroller-scroller-d5-b- Scroller-none-1LyUO ">
|
|
|
|
|
<?php echo $body; ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="Menu-menuPortal-2JtDz"
|
|
|
|
|
style="position: absolute; transform: translate3d(5px, 120px, 0px); top: 0px; left: 0px; will-change: transform; display: none"
|
|
|
|
|
x-placement="bottom-start">
|
|
|
|
|
<div data-reactroot="" id="id-1">
|
|
|
|
|
<div role="menu"
|
|
|
|
|
class="ServerMenu-serverMenu-6KNnX MenuContainer-menu-3Gtlw MenuContainer-medium-2XOYJ">
|
|
|
|
|
<div class="ServerMenu-serverMenuScroller-1nSX6 Menu-menuScroller-E0NwY Scroller-vertical-1bgGS Scroller-scroller-d5-b- Scroller-auto-3t4gM"
|
|
|
|
|
style="max-height: 300px;">
|
|
|
|
|
<div>
|
|
|
|
|
<?php foreach ($servers as $_server) : ?>
|
|
|
|
|
<?php if($_server->id === $MenuServer->id) : ?>
|
|
|
|
|
<a role="menuitem" href="#"
|
|
|
|
|
<?php else: ?>
|
|
|
|
|
<a role="menuitem" href="/home/<?php echo $_server->id; ?>"
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
class="ServerMenuItem-serverMenuItem-2djO5 ServerMenuItem-selectedServerMenuItem-jaUTX MenuItem-menuItem-25266 MenuItem-default-tX5Cl Link-link-2XYrU Link-default-32xSO ">
|
|
|
|
|
<div class="ServerMenuItem-serverMenuItemContainer-1DS9V">
|
|
|
|
|
<div class="ServerMenuItem-serverMenuTitle-1s5qR">
|
|
|
|
|
<div class="ServerMenuItem-serverMenuFriendlyName-37Gt7"><?php echo $_server->name; ?></div>
|
|
|
|
|
<div class="ServerMenuItem-serverMenuDetails-1-Rfq"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ServerMenuItem-serverMenuIconContainer-2WtBG">
|
|
|
|
|
<?php if($_server->id === $MenuServer->id) : ?>
|
|
|
|
|
<i class="plex-icon-selected-560 ServerMenuItem-serverMenuIcon-2zKCW ServerMenuItem-selectedIcon-dhK05"
|
|
|
|
|
aria-hidden="false" aria-label="Sélectionné(e)"></i>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
<i class="plex-icon-lock-560 ServerMenuItem-serverMenuIcon-2zKCW ServerMenuIcon-secureIcon-Xrgxg"
|
|
|
|
|
aria-hidden="false" aria-label="Sécurisé"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="divVideo" style="display: none">
|
|
|
|
|
<div id="movie_stream" style="height: 100%"></div>
|
|
|
|
|
<div id="video_controls" class="AudioVideoPlayerView-container-kWiFs"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(function() {
|
|
|
|
|
$('[data-toggle="tooltip"]').tooltip({ container: 'body', template: '<div class="tooltip Tooltip-tooltipPortal-1IUlb"><div class="tooltip-arrow"></div><div class="tooltip-inner Tooltip-tooltip-2AL-W"></div></div>'});
|
|
|
|
|
$(document).on('click', '#id-3026', function (event) {
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
$(this).find('.DisclosureArrow-disclosureArrow-1sBFv').toggleClass('DisclosureArrow-up-1U7WW DisclosureArrow-down-1U7WW');
|
|
|
|
|
$('.Menu-menuPortal-2JtDz').toggle();
|
|
|
|
|
});
|
|
|
|
|
$(document).on('click', 'body', function (event) {
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
if($('.Menu-menuPortal-2JtDz').css('display') !== 'none')
|
|
|
|
|
$('#id-3026').click();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<?php
|
|
|
|
|
echo \Asset::js(['bootstrap.min.js']);
|
|
|
|
|
echo \Asset::js(isset($js_bottom) ? $js_bottom : null);
|
|
|
|
|
?>
|
|
|
|
|
</body>
|
