pro-logged-in.blade.php 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
  1. @if(!isset($_REQUEST['optimised']))
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>Leadership Health</title>
  8. <!-- Tell the browser to be responsive to screen width -->
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <!-- Font Awesome -->
  11. <link rel="stylesheet" href="/AdminLTE-3.0.5/plugins/fontawesome-free/css/all.min.css">
  12. <!-- Theme style -->
  13. <link rel="stylesheet" href="/AdminLTE-3.0.5/dist/css/adminlte.min.css">
  14. <!-- overlayScrollbars -->
  15. <link rel="stylesheet" href="/AdminLTE-3.0.5/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  16. <link rel="stylesheet" href="{{asset('jquery-ui/jquery-ui.min.css')}}">
  17. <link href=/css/z.css rel=stylesheet>
  18. <style>
  19. .loading-rotate {
  20. -webkit-animation: spin 0.3s linear infinite;
  21. -moz-animation: spin 0.3s linear infinite;
  22. animation: spin 0.3s linear infinite;
  23. }
  24. @-moz-keyframes spin {
  25. 100% {
  26. -moz-transform: rotate(360deg);
  27. }
  28. }
  29. @-webkit-keyframes spin {
  30. 100% {
  31. -webkit-transform: rotate(360deg);
  32. }
  33. }
  34. @keyframes spin {
  35. 100% {
  36. -webkit-transform: rotate(360deg);
  37. transform: rotate(360deg);
  38. }
  39. }
  40. </style>
  41. {{-- stag theme --}}
  42. <link rel="stylesheet" href="/css/theme.css">
  43. </head>
  44. <body class="hold-transition sidebar-mini layout-fixed">
  45. <div class="wrapper">
  46. <!-- Navbar -->
  47. <nav class="main-header navbar navbar-expand navbar-white navbar-light">
  48. <!-- Left navbar links -->
  49. <ul class="navbar-nav">
  50. <li class="nav-item">
  51. <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
  52. </li>
  53. </ul>
  54. <!-- Right navbar links -->
  55. {{--<ul class="navbar-nav ml-auto ml-2">
  56. <li class="nav-item">
  57. <a id="reload-icon" class="nav-link" href="#" role="button" onclick="window.location.reload(); return false">
  58. <i class="fa fa-sync"></i>
  59. </a>
  60. </li>
  61. </ul>--}}
  62. <ul class="navbar-nav ml-auto ml-2">
  63. <li class="nav-item">
  64. <a class="nav-link small d-flex align-items-center" href="#" title="Cell# {{$pro->cell_number}}">
  65. Hello {{$pro->name_first}}!
  66. </a>
  67. </li>
  68. <li class="nav-item">
  69. <a class="nav-link small d-flex align-items-center" href="{{config('stag.hcpPortalUrl')}}/pro_log_in_with_session_key/{{$performer->session_key}}" title="">
  70. Go to HCP portal
  71. </a>
  72. </li>
  73. <li class="nav-item">
  74. <a class="nav-link small d-flex align-items-center" href="{{config('stag.authUrl')}}/pro_log_in_with_session_key/{{$performer->session_key}}" title="">
  75. My Apps
  76. </a>
  77. </li>
  78. </ul>
  79. <!-- SEARCH FORM -->
  80. <form class="form-inline ml-2 w-25 stag-search-form">
  81. <div class="input-group input-group-sm w-100">
  82. <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
  83. <div class="input-group-append">
  84. <button class="btn btn-navbar" type="submit">
  85. <i class="fas fa-search"></i>
  86. </button>
  87. </div>
  88. </div>
  89. </form>
  90. <ul class="navbar-nav ml-2 ml-2">
  91. <li class="nav-item">
  92. <a class="nav-link px-2" href="{{ config('stag.authUrl') }}/logout" target="_top" role="button">
  93. <i class="fas fa-sign-out-alt"></i>
  94. </a>
  95. </li>
  96. </ul>
  97. </nav>
  98. <!-- /.navbar -->
  99. @endif
  100. <!-- Main Sidebar Container -->
  101. <aside class="main-sidebar sidebar-light-primary elevation-4">
  102. <!-- Brand Logo -->
  103. <a href="#" class="brand-link">
  104. <span class="brand-text font-weight-light">
  105. <img src="/images/logo.svg" alt="Leadership Health">
  106. </span>
  107. </a>
  108. <!-- Sidebar -->
  109. <div class="sidebar">
  110. <!-- Sidebar Menu -->
  111. <nav class="mt-2">
  112. <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false" id="main-sidenav">
  113. <li class="nav-item">
  114. <a href="/dashboard" class="nav-link {{ request()->route()->getActionName() === 'App\Http\Controllers\ProController@dashboard' ? 'active' : '' }}">
  115. <i class="nav-icon fa fa-palette"></i>
  116. <p>
  117. Dashboard
  118. </p>
  119. </a>
  120. @if(\Illuminate\Support\Facades\View::exists('layouts.generated-links'))
  121. @include('layouts.generated-links')
  122. @endif
  123. </ul>
  124. </nav>
  125. <!-- /.sidebar-menu -->
  126. </div>
  127. <!-- /.sidebar -->
  128. </aside>
  129. @if(!isset($_REQUEST['optimised']))
  130. <!-- Content Wrapper. Contains page content -->
  131. <div class="content-wrapper">
  132. <!-- Main content -->
  133. <section class="content p-0">
  134. <div class="container-fluid p-0">
  135. <div class="row mb-2 mx-0">
  136. @endif
  137. <div class="col-12 px-0" id="main-content">
  138. @yield('content')
  139. </div>
  140. @if(!isset($_REQUEST['optimised']))
  141. </div>
  142. </div><!-- /.container-fluid -->
  143. </section>
  144. <!-- /.content -->
  145. </div>
  146. </div>
  147. <!-- ./wrapper -->
  148. <!-- Google Font: Source Sans Pro -->
  149. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  150. <!-- jQuery -->
  151. <script src="/AdminLTE-3.0.5/plugins/jquery/jquery.min.js"></script>
  152. <!-- overlayScrollbars -->
  153. <script src="/AdminLTE-3.0.5/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
  154. <!-- AdminLTE App -->
  155. <script src="/AdminLTE-3.0.5/dist/js/adminlte.js"></script>
  156. <!-- unpoly -->
  157. <script src="/unpoly-0.62.0/es6-promise.min.js"></script>
  158. <script src="/unpoly-0.62.0/es6-promise.auto.min.js"></script>
  159. <script src="/unpoly-0.62.0/unpoly.min.js"></script>
  160. <link rel="stylesheet" href="/unpoly-0.62.0/unpoly.min.css">
  161. <script src="{{asset('jquery-ui/jquery-ui.min.js')}}"></script>
  162. <style>
  163. .up-modal-content {
  164. padding: 0;
  165. }
  166. .up-modal-close {
  167. display: none;
  168. }
  169. .up-modal-dialog {
  170. border-radius: 8px;
  171. overflow: hidden;
  172. }
  173. .inner-side-nav {
  174. width: 200px;
  175. }
  176. .inner-content {
  177. width: calc(100% - 200px);
  178. }
  179. </style>
  180. {{--<script>
  181. if(window === window.top) {
  182. window.location.href = '/mc' + window.location.pathname;
  183. }
  184. </script>--}}
  185. <script>
  186. $(document).ready(function() {
  187. /*let stagCache = {}, stagCacheDone = {};
  188. function clearStagCache() {
  189. stagCache = {};
  190. }
  191. function preloadIntoStagCache(_target, _done) {
  192. if(!!stagCache[_target] && stagCache[_target] !== 'loading') {
  193. if(_done) _done(_data);
  194. else if(stagCacheDone[_target]) {
  195. stagCacheDone[_target](_done);
  196. stagCacheDone[_target] = false;
  197. }
  198. console.log('Not pre-loading. Already in cache!');
  199. return;
  200. }
  201. stagCache[_target] = 'loading';
  202. $.get('/' + _target + '?optimised=1', function(_data) {
  203. stagCache[_target] = _data;
  204. if(_done) _done(_data);
  205. else if(stagCacheDone[_target]) {
  206. stagCacheDone[_target](_data);
  207. stagCacheDone[_target] = false;
  208. }
  209. });
  210. }
  211. function getFromStagCache(_target, _done) {
  212. if(!stagCache[_target]) { // unlikely to be hit if using mouse clicks
  213. preloadIntoStagCache(_target, _done);
  214. }
  215. else if(stagCache[_target] === 'loading') {
  216. stagCacheDone[_target] = _done;
  217. }
  218. else {
  219. _done(stagCache[_target]);
  220. }
  221. }
  222. function gotoTarget(target, pushState) {
  223. getFromStagCache(target, function(_data) {
  224. $('#reload-icon').removeClass('loading-rotate');
  225. if(pushState) {
  226. window.top.history.pushState(target, null, '/mc/' + target);
  227. }
  228. var received = $('<div>' + _data + '</div>');
  229. $('#main-content').replaceWith(received.find('#main-content'));
  230. var activeHref = received.find('#main-sidenav').find('.nav-link.active').attr('href');
  231. $('#main-sidenav a.nav-link.active').removeClass('active').blur();
  232. $('#main-sidenav a[href="' + activeHref + '"]').addClass('active');
  233. $(window).scrollTop(0);
  234. window.setTimeout(function() {
  235. clearStagCache();
  236. }, 250);
  237. });
  238. }
  239. $(document).on('mouseenter', 'a:not([href="#"]):not([up-modal]):not([up-close]):not([no-ajax]):not([logout])', function() {
  240. var target = this.href;
  241. if(target.indexOf('//') !== -1) {
  242. target = target.split('//')[1];
  243. if(target.indexOf('/') !== -1) {
  244. target = target.substr(target.indexOf('/') + 1);
  245. }
  246. }
  247. preloadIntoStagCache(target);
  248. });
  249. $(document).on('click', 'a:not([href="#"]):not([up-modal]):not([up-close]):not([no-ajax]):not([logout])', function() {
  250. $('#reload-icon').addClass('loading-rotate');
  251. var target = this.href;
  252. if(target.indexOf('//') !== -1) {
  253. target = target.split('//')[1];
  254. if(target.indexOf('/') !== -1) {
  255. target = target.substr(target.indexOf('/') + 1);
  256. }
  257. }
  258. gotoTarget(target, true);
  259. return false;
  260. });
  261. $(document).on('submit', 'form[action="/post-to-api"]:not(.custom-submit)', function() {
  262. $('#reload-icon').addClass('loading-rotate');
  263. $.post(this.action, $(this).serialize(), function(_data) {
  264. $('#main-content').replaceWith($(_data).find('#main-content'));
  265. $(window).scrollTop(0);
  266. $('#reload-icon').removeClass('loading-rotate');
  267. });
  268. return false;
  269. });
  270. window.top.addEventListener('popstate', function(event) {
  271. if(!!event.state) {
  272. gotoTarget(event.state, false);
  273. }
  274. });*/
  275. $(document).on('click', '[logout]', function() {
  276. $.get('/api/session/logOut', function(_data) {
  277. window.top.location = '/';
  278. });
  279. });
  280. });
  281. </script>
  282. <script>
  283. $(document).ready(function() {
  284. $(function() {
  285. $('.sortable').each(function(index, el) {
  286. var url = $(el).attr('data-url');
  287. $(el).sortable({
  288. stop: function(event, ui) {
  289. var data = [];
  290. $(el).children('tr').each(function(index, element) {
  291. var uid = $(element).attr('data-uid');
  292. data.push({
  293. positionIndex: index,
  294. uid: uid
  295. });
  296. })
  297. console.log(data);
  298. $.ajax({
  299. type: "POST",
  300. url: url,
  301. data: JSON.stringify(data),
  302. contentType: 'application/json',
  303. success: function(response) {
  304. console.log(response);
  305. },
  306. dataType: 'json'
  307. });
  308. }
  309. });
  310. $(el).disableSelection();
  311. })
  312. });
  313. });
  314. window.addEventListener('load', () => {
  315. setTimeout(() => {
  316. if($('.nav-link.active').length) {
  317. $('.nav-link.active')[0].scrollIntoView({
  318. behavior: "smooth",
  319. block: "nearest"
  320. });
  321. }
  322. }, 1000);
  323. });
  324. </script>
  325. </body>
  326. </html>
  327. @endif