mc.blade.php 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. {{-- lean wrapper for 2 pane page --}}
  2. <!doctype html>
  3. <html lang="en" class="h-100 overflow-hidden">
  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?v={{config('app.asset_version')}}" rel="stylesheet">
  10. <link href="/css/style.css?v={{config('app.asset_version')}}" rel="stylesheet">
  11. <link href="/v-splitter-px/v-splitter.css?v={{config('app.asset_version')}}" rel="stylesheet" >
  12. <script src="/v-splitter-px/v-splitter.js?v={{config('app.asset_version')}}"></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" data-pro-uid="{{$pro ? $pro->uid : ''}}">
  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="" frameborder="0" class="h-100 w-100"></iframe>
  24. </div>
  25. </div>
  26. <script>
  27. window.top.localStorage.currentProUid = "{{$pro ? $pro->uid : ''}}";
  28. initVSplitter('stag-mc-main', $('.app-left-panel'), $('.app-right-panel'));
  29. window.openInLHS = function(_url) {
  30. $('#stag_mcp_lhs')[0].contentWindow.fastLoad(_url, true, false);
  31. return false;
  32. };
  33. window.openInRHS = function(_url) {
  34. $('#stag_mcp_rhs').attr('src', _url);
  35. return false;
  36. };
  37. window.openInLHS = function(_url) {
  38. $('#stag_mcp_lhs')[0].contentWindow.fastLoad(_url);
  39. return false;
  40. }
  41. window.ensureRHS = function() {
  42. if(!$('#stag_mcp_rhs').length) window.location.reload();
  43. };
  44. window.toggleRHS = function() {
  45. var body = $('body'), leftPanel = $('.app-left-panel'), result = '';
  46. if(!body.is('.stag_rhs_collapsed')) {
  47. body.addClass('stag_rhs_collapsed');
  48. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  49. leftPanel.attr('style', '');
  50. leftPanel.removeClass('col-9').addClass('col-12');
  51. result = 'collapsed';
  52. }
  53. else {
  54. if(leftPanel.attr('data-prev-style')) {
  55. leftPanel.attr('style', leftPanel.attr('data-prev-style'));
  56. }
  57. leftPanel.attr('data-prev-style', '');
  58. leftPanel.removeClass('col-12').addClass('col-9');
  59. body.removeClass('stag_rhs_collapsed');
  60. result = 'expanded';
  61. }
  62. window.localStorage.stagRHS = result;
  63. return result;
  64. };
  65. window.showRHS = function() {
  66. var body = $('body'), leftPanel = $('.app-left-panel');
  67. if(body.is('.stag_rhs_collapsed')) {
  68. if(leftPanel.attr('data-prev-style')) {
  69. leftPanel.attr('style', leftPanel.attr('data-prev-style'));
  70. }
  71. leftPanel.attr('data-prev-style', '');
  72. leftPanel.removeClass('col-12').addClass('col-9');
  73. body.removeClass('stag_rhs_collapsed');
  74. window.localStorage.stagRHS = 'expanded';
  75. return 'expanded';
  76. }
  77. };
  78. window.hideRHS = function() {
  79. var body = $('body'), leftPanel = $('.app-left-panel');
  80. if(!body.is('.stag_rhs_collapsed')) {
  81. body.addClass('stag_rhs_collapsed');
  82. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  83. leftPanel.attr('style', '');
  84. leftPanel.removeClass('col-9').addClass('col-12');
  85. window.localStorage.stagRHS = 'collapsed';
  86. result = 'collapsed';
  87. }
  88. };
  89. $(document).ready(function() {
  90. var body = $('body'), leftPanel = $('.app-left-panel');
  91. if(!{{$pro->is_enrolled_as_mcp ? 1 : 0}}) {
  92. if(!body.is('.stag_rhs_collapsed')) {
  93. body.addClass('stag_rhs_collapsed');
  94. leftPanel.attr('data-prev-style', leftPanel.attr('style'));
  95. leftPanel.attr('style', '');
  96. leftPanel.removeClass('col-9').addClass('col-12');
  97. window.localStorage.stagRHS = 'collapsed';
  98. return 'collapsed';
  99. }
  100. }
  101. if(window.localStorage.stagRHS === 'collapsed') {
  102. window.hideRHS();
  103. }
  104. else {
  105. window.showRHS();
  106. }
  107. });
  108. </script>
  109. </body>
  110. </html>