mc.blade.php 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. {{-- lean wrapper for 2 pane page --}}
  2. <!doctype html>
  3. <html lang="en" class="h-100">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  9. <link href="/css/app.css" rel="stylesheet">
  10. <link href="/css/style.css" rel="stylesheet">
  11. <link href="/v-splitter-px/v-splitter.css" rel="stylesheet" >
  12. <script src="/v-splitter-px/v-splitter.js"></script>
  13. <title>Scholar</title>
  14. </head>
  15. <body class="h-100">
  16. <div class="row mx-0 h-100">
  17. <div class="col-9 px-0 app-left-panel">
  18. <iframe id="stag_mcp_lhs" src="/blank" frameborder="0" class="h-100 w-100"></iframe>
  19. </div>
  20. <div class="col-3 border-left app-right-panel pr-1">
  21. <iframe id="stag_mcp_rhs" src="/pro/meet" frameborder="0" class="h-100 w-100"></iframe>
  22. </div>
  23. </div>
  24. <script>
  25. initVSplitter('stag-mc-main', $('.app-left-panel'), $('.app-right-panel'));
  26. window.openInLHS = function(_url) {
  27. $('#stag_mcp_lhs')[0].contentWindow.fastLoad(_url, true, false);
  28. return false;
  29. };
  30. window.openInRHS = function(_url) {
  31. $('#stag_mcp_rhs').attr('src', _url);
  32. return false;
  33. };
  34. window.ensureRHS = function() {
  35. if(!$('#stag_mcp_rhs').length) window.location.reload();
  36. };
  37. window.toggleRHS = function() {
  38. var body = $('body'), leftPanel = $('.app-left-panel');
  39. if(!body.is('.stag_rhs_collapsed')) {
  40. body.addClass('stag_rhs_collapsed');
  41. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  42. leftPanel.attr('style', '');
  43. leftPanel.removeClass('col-9').addClass('col-12');
  44. return 'collapsed';
  45. }
  46. else {
  47. if(leftPanel.attr('data-prev-style')) {
  48. leftPanel.attr('style', leftPanel.attr('data-prev-style'));
  49. }
  50. leftPanel.attr('data-prev-style', '');
  51. leftPanel.removeClass('col-12').addClass('col-9');
  52. body.removeClass('stag_rhs_collapsed');
  53. return 'expanded';
  54. }
  55. };
  56. window.showRHS = function() {
  57. var body = $('body'), leftPanel = $('.app-left-panel');
  58. if(body.is('.stag_rhs_collapsed')) {
  59. if(leftPanel.attr('data-prev-style')) {
  60. leftPanel.attr('style', leftPanel.attr('data-prev-style'));
  61. }
  62. leftPanel.attr('data-prev-style', '');
  63. leftPanel.removeClass('col-12').addClass('col-9');
  64. body.removeClass('stag_rhs_collapsed');
  65. return 'expanded';
  66. }
  67. };
  68. $(document).ready(function() {
  69. var body = $('body'), leftPanel = $('.app-left-panel');
  70. if(!{{$pro->is_enrolled_as_mcp ? 1 : 0}}) {
  71. if(!body.is('.stag_rhs_collapsed')) {
  72. body.addClass('stag_rhs_collapsed');
  73. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  74. leftPanel.attr('style', '');
  75. leftPanel.removeClass('col-9').addClass('col-12');
  76. return 'collapsed';
  77. }
  78. }
  79. });
  80. </script>
  81. </body>
  82. </html>