mc.blade.php 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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.openInLHS = function(_url) {
  35. $('#stag_mcp_lhs')[0].contentWindow.fastLoad(_url);
  36. return false;
  37. }
  38. window.ensureRHS = function() {
  39. if(!$('#stag_mcp_rhs').length) window.location.reload();
  40. };
  41. window.toggleRHS = function() {
  42. var body = $('body'), leftPanel = $('.app-left-panel'), result = '';
  43. if(!body.is('.stag_rhs_collapsed')) {
  44. body.addClass('stag_rhs_collapsed');
  45. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  46. leftPanel.attr('style', '');
  47. leftPanel.removeClass('col-9').addClass('col-12');
  48. result = 'collapsed';
  49. }
  50. else {
  51. if(leftPanel.attr('data-prev-style')) {
  52. leftPanel.attr('style', leftPanel.attr('data-prev-style'));
  53. }
  54. leftPanel.attr('data-prev-style', '');
  55. leftPanel.removeClass('col-12').addClass('col-9');
  56. body.removeClass('stag_rhs_collapsed');
  57. result = 'expanded';
  58. }
  59. window.localStorage.stagRHS = result;
  60. return result;
  61. };
  62. window.showRHS = function() {
  63. var body = $('body'), leftPanel = $('.app-left-panel');
  64. if(body.is('.stag_rhs_collapsed')) {
  65. if(leftPanel.attr('data-prev-style')) {
  66. leftPanel.attr('style', leftPanel.attr('data-prev-style'));
  67. }
  68. leftPanel.attr('data-prev-style', '');
  69. leftPanel.removeClass('col-12').addClass('col-9');
  70. body.removeClass('stag_rhs_collapsed');
  71. window.localStorage.stagRHS = 'expanded';
  72. return 'expanded';
  73. }
  74. };
  75. window.hideRHS = function() {
  76. var body = $('body'), leftPanel = $('.app-left-panel');
  77. if(!body.is('.stag_rhs_collapsed')) {
  78. body.addClass('stag_rhs_collapsed');
  79. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  80. leftPanel.attr('style', '');
  81. leftPanel.removeClass('col-9').addClass('col-12');
  82. window.localStorage.stagRHS = 'collapsed';
  83. result = 'collapsed';
  84. }
  85. };
  86. $(document).ready(function() {
  87. var body = $('body'), leftPanel = $('.app-left-panel');
  88. if(!{{$pro->is_enrolled_as_mcp ? 1 : 0}}) {
  89. if(!body.is('.stag_rhs_collapsed')) {
  90. body.addClass('stag_rhs_collapsed');
  91. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  92. leftPanel.attr('style', '');
  93. leftPanel.removeClass('col-9').addClass('col-12');
  94. window.localStorage.stagRHS = 'collapsed';
  95. return 'collapsed';
  96. }
  97. }
  98. if(window.localStorage.stagRHS === 'collapsed') {
  99. window.hideRHS();
  100. }
  101. else {
  102. window.showRHS();
  103. }
  104. });
  105. </script>
  106. </body>
  107. </html>