mc.blade.php 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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. <link rel="stylesheet" href="{{ asset('/css/toastr.min.css') }}">
  14. <script src="{{ asset('js/toastr.min.js') }}" type="application/javascript"></script>
  15. <title>Leadership Health</title>
  16. </head>
  17. <body class="h-100">
  18. <div class="row mx-0 h-100">
  19. <div class="col-9 px-0 app-left-panel">
  20. <iframe id="stag_mcp_lhs" src="/blank" frameborder="0" class="h-100 w-100"></iframe>
  21. </div>
  22. <div class="col-3 border-left app-right-panel pr-1">
  23. <iframe id="stag_mcp_rhs" src="/pro/meet" frameborder="0" class="h-100 w-100"></iframe>
  24. </div>
  25. </div>
  26. <script>
  27. initVSplitter('stag-mc-main', $('.app-left-panel'), $('.app-right-panel'));
  28. window.openInLHS = function(_url) {
  29. $('#stag_mcp_lhs')[0].contentWindow.fastLoad(_url, true, false);
  30. return false;
  31. };
  32. window.openInRHS = function(_url) {
  33. $('#stag_mcp_rhs').attr('src', _url);
  34. return false;
  35. };
  36. window.openInLHS = function(_url) {
  37. $('#stag_mcp_lhs')[0].contentWindow.fastLoad(_url);
  38. return false;
  39. }
  40. window.ensureRHS = function() {
  41. if(!$('#stag_mcp_rhs').length) window.location.reload();
  42. };
  43. window.toggleRHS = function() {
  44. var body = $('body'), leftPanel = $('.app-left-panel'), result = '';
  45. if(!body.is('.stag_rhs_collapsed')) {
  46. body.addClass('stag_rhs_collapsed');
  47. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  48. leftPanel.attr('style', '');
  49. leftPanel.removeClass('col-9').addClass('col-12');
  50. result = 'collapsed';
  51. }
  52. else {
  53. if(leftPanel.attr('data-prev-style')) {
  54. leftPanel.attr('style', leftPanel.attr('data-prev-style'));
  55. }
  56. leftPanel.attr('data-prev-style', '');
  57. leftPanel.removeClass('col-12').addClass('col-9');
  58. body.removeClass('stag_rhs_collapsed');
  59. result = 'expanded';
  60. }
  61. window.localStorage.stagRHS = result;
  62. return result;
  63. };
  64. window.showRHS = function() {
  65. var body = $('body'), leftPanel = $('.app-left-panel');
  66. if(body.is('.stag_rhs_collapsed')) {
  67. if(leftPanel.attr('data-prev-style')) {
  68. leftPanel.attr('style', leftPanel.attr('data-prev-style'));
  69. }
  70. leftPanel.attr('data-prev-style', '');
  71. leftPanel.removeClass('col-12').addClass('col-9');
  72. body.removeClass('stag_rhs_collapsed');
  73. window.localStorage.stagRHS = 'expanded';
  74. return 'expanded';
  75. }
  76. };
  77. window.hideRHS = function() {
  78. var body = $('body'), leftPanel = $('.app-left-panel');
  79. if(!body.is('.stag_rhs_collapsed')) {
  80. body.addClass('stag_rhs_collapsed');
  81. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  82. leftPanel.attr('style', '');
  83. leftPanel.removeClass('col-9').addClass('col-12');
  84. window.localStorage.stagRHS = 'collapsed';
  85. result = 'collapsed';
  86. }
  87. };
  88. $(document).ready(function() {
  89. var body = $('body'), leftPanel = $('.app-left-panel');
  90. if(!{{$pro->is_enrolled_as_mcp ? 1 : 0}}) {
  91. if(!body.is('.stag_rhs_collapsed')) {
  92. body.addClass('stag_rhs_collapsed');
  93. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  94. leftPanel.attr('style', '');
  95. leftPanel.removeClass('col-9').addClass('col-12');
  96. window.localStorage.stagRHS = 'collapsed';
  97. return 'collapsed';
  98. }
  99. }
  100. if(window.localStorage.stagRHS === 'collapsed') {
  101. window.hideRHS();
  102. }
  103. else {
  104. window.showRHS();
  105. }
  106. });
  107. </script>
  108. </body>
  109. </html>