|
|
@@ -6,6 +6,7 @@
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
<script src="/js/jquery-3.5.1.min.js"></script>
|
|
|
+ <link rel="stylesheet" href="/fontawesome-free-5.13.1-web/css/all.min.css">
|
|
|
<link href="/css/app.css?v={{config('app.asset_version')}}" rel="stylesheet">
|
|
|
<link href="/css/style.css?v={{config('app.asset_version')}}" rel="stylesheet">
|
|
|
<link href="/v-splitter-px/v-splitter.css?v={{config('app.asset_version')}}" rel="stylesheet" >
|
|
|
@@ -15,23 +16,37 @@
|
|
|
<title>Leadership Health</title>
|
|
|
</head>
|
|
|
<body class="h-100" data-pro-uid="{{$pro ? $pro->uid : ''}}">
|
|
|
- <div class="row mx-0 h-100">
|
|
|
- <div class="col-9 px-0 app-left-panel">
|
|
|
- <iframe id="stag_mcp_lhs" src="/blank" frameborder="0" class="h-100 w-100"></iframe>
|
|
|
- </div>
|
|
|
- <div class="col-3 border-left app-right-panel pr-1">
|
|
|
- <iframe id="stag_mcp_rhs" src="" frameborder="0" class="h-100 w-100"></iframe>
|
|
|
+ <iframe id="stag_mcp_lhs" src="/blank" frameborder="0" class="h-100 w-100"></iframe>
|
|
|
+ <div class="stag-video-bar collapsed d-none mcp-theme-1">
|
|
|
+ <div class="bg-aliceblue d-flex align-items-center border-bottom p-2 stag-video-bar-header">
|
|
|
+ <i class="fa fa-video text-secondary mr-1"></i>
|
|
|
+ <div class="text-secondary font-weight-bold flex-grow-1 c-pointer" onclick="return toggleVideoBar($(this).closest('.stag-video-bar'))">Video</div>
|
|
|
+ <a href="#" if-collapsed="" class="ml-1 px-1" onclick="return toggleVideoBar($(this).closest('.stag-video-bar'))"><i class="fa fa-chevron-up"></i></a>
|
|
|
+ <a href="#" if-not-collapsed="" class="ml-1 px-1" onclick="return toggleVideoBar($(this).closest('.stag-video-bar'))"><i class="fa fa-chevron-down"></i></a>
|
|
|
+ <a href="#" class="ml-1 px-1" onclick="return $(this).closest('.stag-video-bar').addClass('d-none'); return false;"><i class="fa fa-times"></i></a>
|
|
|
</div>
|
|
|
+ <iframe id="stag_mcp_rhs" src="" frameborder="0" class="h-100 w-100"></iframe>
|
|
|
</div>
|
|
|
<script>
|
|
|
window.top.localStorage.currentProUid = "{{$pro ? $pro->uid : ''}}";
|
|
|
- initVSplitter('stag-mc-main', $('.app-left-panel'), $('.app-right-panel'));
|
|
|
+ // initVSplitter('stag-mc-main', $('.app-left-panel'), $('.app-right-panel'));
|
|
|
+ window.toggleVideoBar = function(_videoBar) {
|
|
|
+ _videoBar.toggleClass('collapsed');
|
|
|
+ return false;
|
|
|
+ };
|
|
|
window.openInLHS = function(_url) {
|
|
|
$('#stag_mcp_lhs')[0].contentWindow.fastLoad(_url, true, false);
|
|
|
return false;
|
|
|
};
|
|
|
window.openInRHS = function(_url) {
|
|
|
$('#stag_mcp_rhs').attr('src', _url);
|
|
|
+ let videoBar = $('.stag-video-bar');
|
|
|
+ if(videoBar.is('.d-none')) {
|
|
|
+ videoBar.removeClass('d-none');
|
|
|
+ }
|
|
|
+ if(videoBar.is('.collapsed')) {
|
|
|
+ toggleVideoBar(videoBar);
|
|
|
+ }
|
|
|
return false;
|
|
|
};
|
|
|
window.openInLHS = function(_url) {
|
