暂无描述
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

app.blade.php 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. <!DOCTYPE html>
  2. <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="csrf-token" content="{{ csrf_token() }}">
  8. <title>Jasa Raharja - {{ $title ?? '' }}</title>
  9. <script type="text/javascript">
  10. var base_url = "{{ url('/') }}";
  11. </script>
  12. <!-- Favicon -->
  13. <link href="{{ asset('storage/jasaraharja.png') }}" rel="icon" type="image/png">
  14. <!-- Fonts -->
  15. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  16. <!-- Icons -->
  17. <link href="{{ asset('assets') }}/vendor/nucleo/css/nucleo.css" rel="stylesheet">
  18. <link href="{{ asset('assets') }}/vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
  19. <!-- Argon CSS -->
  20. <!-- UIkit CSS -->
  21. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.9.2/dist/css/uikit.min.css" />
  22. <link href="{{ asset('assets') }}/vendor/datatable/dataTables.bootstrap4.min.css" rel="stylesheet">
  23. <link type="text/css" href="{{ asset('assets') }}/css/argon.css?v=1.0.0" rel="stylesheet">
  24. <link type="text/css" href="{{ asset('assets') }}/css/custom.css?v=1.7" rel="stylesheet">
  25. <!-- Datepicker CSS -->
  26. <link href="{{ asset('assets') }}/vendor/datetimepicker/tempusdominus-bootstrap-4.min.css" rel="stylesheet">
  27. <link href="{{ asset('assets') }}/css/fontawesome.min.css" rel="stylesheet">
  28. <link href="{{ asset('/vendor/select2-develop/dist/css/select2.min.css') }}" rel="stylesheet">
  29. <link href="{{ asset('/vendor/select2-bootstrap4-theme-master/dist/select2-bootstrap4.min.css') }}" rel="stylesheet">
  30. {{-- <link type="text/css" href="{{ asset('assets') }}/vendor/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet"> --}}
  31. @stack('css')
  32. </head>
  33. <body class="{{ $class ?? '' }}" onload="startTime()">
  34. {{-- swal2 --}}
  35. {{-- end swal 2 --}}
  36. {{-- BLOCK UI --}}
  37. {{-- <div id="loading" style="display: none;">
  38. <div class="lds-ripple">
  39. <div></div>
  40. <div></div>
  41. </div>
  42. <br/>
  43. <span style="color: #C0B6AC;">Loading...</span>
  44. </div> --}}
  45. {{-- end block ui --}}
  46. @auth()
  47. <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
  48. @csrf
  49. </form>
  50. @include('admin.layouts.navbars.sidebar')
  51. @endauth
  52. <div class="main-content">
  53. @include('admin.layouts.navbars.navbar')
  54. @auth
  55. @include('admin.layouts.headers.cards')
  56. <div class="container-fluid mt--11 mt-sm--10">
  57. @endauth
  58. @yield('content')
  59. @auth()
  60. @include('admin.layouts.footers.auth')
  61. </div>
  62. @endauth
  63. </div>
  64. @guest()
  65. @include('admin.layouts.footers.guest')
  66. @endguest
  67. @include('sweetalert::alert')
  68. <script src="{{ asset('assets') }}/vendor/jquery/dist/jquery.min.js"></script>
  69. <script src="{{ asset('assets') }}/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  70. @stack('js')
  71. <script src="{{ asset('/vendor/select2-develop/dist/js/select2.full.min.js') }}"></script>
  72. <script src="{{ asset('assets') }}/vendor/datatable/jquery.dataTables.min.js"></script>
  73. <script src="{{ asset('assets') }}/vendor/datatable/dataTables.bootstrap4.min.js"></script>
  74. <!-- ARGON JS -->
  75. <script src="{{ asset('assets') }}/js/argon.js?v=1.0.0"></script>
  76. <!-- UIkit JS -->
  77. <script src="https://cdn.jsdelivr.net/npm/uikit@3.9.2/dist/js/uikit.min.js"></script>
  78. <script src="https://cdn.jsdelivr.net/npm/uikit@3.9.2/dist/js/uikit-icons.min.js"></script>
  79. <script>
  80. // function startTime() {
  81. // var today = new Date();
  82. // var days = ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];
  83. // var months = ['Januari','Februari','Maret','April','Mei','Juni','Juli','Agustus','September','Oktober','November','Desember'];
  84. // var D = days[today.getDay()];
  85. // var M = months[today.getMonth()];
  86. // var d = today.getDate();
  87. // var h = today.getHours();
  88. // var m = today.getMinutes();
  89. // var s = today.getSeconds();
  90. // m = checkTime(m);
  91. // s = checkTime(s);
  92. // document.getElementById('show-clock').innerHTML = D +", " + d + " " + M + " " + h + ":" + m + ":" + s;
  93. // var t = setTimeout(startTime, 500);
  94. // }
  95. // function checkTime(i) {
  96. // if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
  97. // return i;
  98. // }
  99. </script>
  100. <script type="text/javascript">
  101. $(document).ready(function(){
  102. //stert of select2
  103. $('.global-select2').each(function(){
  104. var urlglobal = base_url + '/fetch/globalfetch';
  105. var id = $(this).attr('id'); // ID dari element yang di definisikan sebagai select 2
  106. var link = $(this).attr('link') == 'globalfetch' ? urlglobal : $(this).attr('link'); // link yang ditembak untuk diambil oleh select 2
  107. var t = $(this).attr('t'); // t = table(penyamaran) ,hanya jika menggunakan global link
  108. var s = $(this).attr('s'); // s = select(penyamaran) ,hanya jika menggunakan global link
  109. var placeholder = $(this).attr('placeholder') != '' ? $(this).attr('placeholder') : 'choose the option'; // placeholder
  110. var allowclear = $(this).attr('required') ? false : true; // untuk menentukan dia boleh di clear atau tidak
  111. var tag = $(this).attr('tags') == true ? true : false;
  112. var maxselect = (typeof $(this).attr('maxs') !== "undefined") ? (($(this).attr('maxs') != '') ? $(this).attr('maxs') : 1000) : 1000; //untuk memberi rule , maksimal value yg di select hanya sejumlah berapa
  113. var exception = (typeof $(this).attr('exception') !== "undefined") ? $(this).attr('exception') : '';
  114. var onlyin = (typeof $(this).attr('onlyin') !== "undefined") ? $(this).attr('onlyin') : '';
  115. var w = new Array();
  116. var exceptid = exception != '' ? getvaluefrom(exception) : '';
  117. var onlyinid = onlyin != '' ? getvaluefrom(onlyin) : '';
  118. var indextones = 'select-index-1';
  119. if (typeof link === "undefined") {
  120. link = '#';
  121. }
  122. if (typeof placeholder === "undefined") {
  123. placeholder = 'choose the option';
  124. }
  125. if (typeof s === "undefined") {
  126. w = [];
  127. } else {
  128. if (s != '' && typeof s.split(',')[1] === 'undefined') {
  129. indextones = 'select-index-1';
  130. }else{
  131. indextones = s.split(',')[1];
  132. }
  133. var w = [
  134. {field:indextones , operator:'LIKE' , value:'-NMSearch-'} //NMSearch untuk di replace dengan keyword
  135. ];
  136. }
  137. var parameters = {
  138. 'q': '',
  139. 't': t,
  140. 's': s,
  141. 'w': w,
  142. };
  143. // if (destroy == true) {
  144. // $('#'+id).select2('destroy');
  145. // }else{
  146. if (link != '#') {
  147. $('#' + id).select2({
  148. tokenSeparators: [','],
  149. allowClear: allowclear,
  150. theme: 'bootstrap4',
  151. placeholder: placeholder,
  152. maximumSelectionLength: maxselect,
  153. ajax: {
  154. url: link,
  155. dataType: 'json',
  156. type: 'post',
  157. data: function(params) {
  158. if (exception != '') {
  159. // $('#'+id).on('select2:opening',function(e){
  160. exceptid = getvaluefrom(exception);
  161. // })
  162. }
  163. if (onlyin != '') {
  164. // $('#'+id).on('select2:opening',function(e){
  165. onlyinid = getvaluefrom(onlyin);
  166. // })
  167. }
  168. return {
  169. "_token": $('meta[name="csrf-token"]').attr('content'),
  170. q: params.term, // search term
  171. page: params.page,
  172. parameter: parameters,
  173. except: exceptid,
  174. onlyin: onlyinid,
  175. };
  176. },
  177. processResults: function(data, params) {
  178. return {
  179. results: data.item
  180. }
  181. },
  182. cache: true
  183. },
  184. tags: tag,
  185. tokeSparator: [','],
  186. escapeMarkup: function(markup) { return markup; }, // let our custom formatter work
  187. minimumInputLength: 0,
  188. templateResult: formatResult, // omitted for brevity, see the source of this page
  189. templateSelection: formatResult // omitted for brevity, see the source of this page
  190. });
  191. } else {
  192. $('#' + id).select2({
  193. allowClear: allowclear,
  194. theme: 'bootstrap4',
  195. placeholder: placeholder,
  196. });
  197. }
  198. // }
  199. });
  200. function formatResult(result) {
  201. return result.text;
  202. }
  203. //end of select2
  204. });
  205. </script>
  206. </body>
  207. </html>