scripts.js 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591
  1. (function($){
  2. "use strict";
  3. if(window.Chart) {
  4. Chart.defaults.global.defaultFontFamily = "'Nunito', 'Segoe UI', 'Arial'";
  5. Chart.defaults.global.defaultFontSize = 12;
  6. Chart.defaults.global.defaultFontStyle = 500;
  7. Chart.defaults.global.defaultFontColor = "#999";
  8. Chart.defaults.global.tooltips.backgroundColor = "#000";
  9. Chart.defaults.global.tooltips.bodyFontColor = "rgba(255,255,255,.7)";
  10. Chart.defaults.global.tooltips.titleMarginBottom = 10;
  11. Chart.defaults.global.tooltips.titleFontSize = 14;
  12. Chart.defaults.global.tooltips.titleFontFamily = "'Nunito', 'Segoe UI', 'Arial'";
  13. Chart.defaults.global.tooltips.titleFontColor = '#fff';
  14. Chart.defaults.global.tooltips.xPadding = 15;
  15. Chart.defaults.global.tooltips.yPadding = 15;
  16. Chart.defaults.global.tooltips.displayColors = false;
  17. Chart.defaults.global.tooltips.intersect = false;
  18. Chart.defaults.global.tooltips.mode = 'nearest';
  19. }
  20. if(window.Dropzone) {
  21. Dropzone.autoDiscover = false;
  22. }
  23. $('[data-confirm]').each(function() {
  24. var me = $(this),
  25. me_data = me.data('confirm');
  26. me_data = me_data.split("|");
  27. me.fireModal({
  28. title: me_data[0],
  29. body: me_data[1],
  30. buttons: [
  31. {
  32. text: me.data('confirm-text-yes') || 'Yes',
  33. class: 'btn btn-danger btn-shadow',
  34. handler: function() {
  35. eval(me.data('confirm-yes'));
  36. }
  37. },
  38. {
  39. text: me.data('confirm-text-cancel') || 'Cancel',
  40. class: 'btn btn-secondary',
  41. handler: function(modal) {
  42. $.destroyModal(modal);
  43. eval(me.data('confirm-no'));
  44. }
  45. }
  46. ]
  47. })
  48. });
  49. $(function() {
  50. let sidebar_nicescroll_opts = {
  51. cursoropacitymin: 0,
  52. cursoropacitymax: .8,
  53. zindex: 892
  54. }, now_layout_class = null;
  55. var sidebar_sticky = function() {
  56. if($("body").hasClass('layout-2')) {
  57. $("body.layout-2 #sidebar-wrapper").stick_in_parent({
  58. parent: $('body')
  59. });
  60. $("body.layout-2 #sidebar-wrapper").stick_in_parent({recalc_every: 1});
  61. }
  62. }
  63. sidebar_sticky();
  64. var sidebar_nicescroll;
  65. var update_sidebar_nicescroll = function() {
  66. let a = setInterval(function() {
  67. if(sidebar_nicescroll != null)
  68. sidebar_nicescroll.resize();
  69. }, 10);
  70. setTimeout(function() {
  71. clearInterval(a);
  72. }, 600);
  73. }
  74. var sidebar_dropdown = function() {
  75. if($(".main-sidebar").length) {
  76. $(".main-sidebar").niceScroll(sidebar_nicescroll_opts);
  77. sidebar_nicescroll = $(".main-sidebar").getNiceScroll();
  78. $(".main-sidebar .sidebar-menu li a.has-dropdown").off('click').on('click', function() {
  79. var me = $(this);
  80. var active = false;
  81. if(me.parent().hasClass("active")){
  82. active = true;
  83. }
  84. $('.main-sidebar .sidebar-menu li.active > .dropdown-menu').slideUp(500, function() {
  85. update_sidebar_nicescroll();
  86. return false;
  87. });
  88. $('.main-sidebar .sidebar-menu li.active').removeClass('active');
  89. if(active==true) {
  90. me.parent().removeClass('active');
  91. me.parent().find('> .dropdown-menu').slideUp(500, function() {
  92. update_sidebar_nicescroll();
  93. return false;
  94. });
  95. }else{
  96. me.parent().addClass('active');
  97. me.parent().find('> .dropdown-menu').slideDown(500, function() {
  98. update_sidebar_nicescroll();
  99. return false;
  100. });
  101. }
  102. return false;
  103. });
  104. $('.main-sidebar .sidebar-menu li.active > .dropdown-menu').slideDown(500, function() {
  105. update_sidebar_nicescroll();
  106. return false;
  107. });
  108. }
  109. }
  110. sidebar_dropdown();
  111. if($("#top-5-scroll").length) {
  112. $("#top-5-scroll").css({
  113. height: 315
  114. }).niceScroll();
  115. }
  116. $(".main-content").css({
  117. minHeight: $(window).outerHeight() - 108
  118. })
  119. $(".nav-collapse-toggle").on('click',function() {
  120. $(this).parent().find('.navbar-nav').toggleClass('show');
  121. return false;
  122. });
  123. $(document).on('click', function(e) {
  124. $(".nav-collapse .navbar-nav").removeClass('show');
  125. });
  126. var toggle_sidebar_mini = function(mini) {
  127. let body = $('body');
  128. if(!mini) {
  129. body.removeClass('sidebar-mini');
  130. $(".main-sidebar").css({
  131. overflow: 'hidden'
  132. });
  133. setTimeout(function() {
  134. $(".main-sidebar").niceScroll(sidebar_nicescroll_opts);
  135. sidebar_nicescroll = $(".main-sidebar").getNiceScroll();
  136. }, 500);
  137. $(".main-sidebar .sidebar-menu > li > ul .dropdown-title").remove();
  138. $(".main-sidebar .sidebar-menu > li > a").removeAttr('data-toggle');
  139. $(".main-sidebar .sidebar-menu > li > a").removeAttr('data-original-title');
  140. $(".main-sidebar .sidebar-menu > li > a").removeAttr('title');
  141. }else{
  142. body.addClass('sidebar-mini');
  143. body.removeClass('sidebar-show');
  144. sidebar_nicescroll.remove();
  145. sidebar_nicescroll = null;
  146. $(".main-sidebar .sidebar-menu > li").each(function() {
  147. let me = $(this);
  148. if(me.find('> .dropdown-menu').length) {
  149. me.find('> .dropdown-menu').hide();
  150. me.find('> .dropdown-menu').prepend('<li class="dropdown-title pt-3">'+ me.find('> a').text() +'</li>');
  151. }else{
  152. me.find('> a').attr('data-toggle', 'tooltip');
  153. me.find('> a').attr('data-original-title', me.find('> a').text());
  154. $("[data-toggle='tooltip']").tooltip({
  155. placement: 'right'
  156. });
  157. }
  158. });
  159. }
  160. }
  161. $("[data-toggle='sidebar']").on('click',function() {
  162. var body = $("body"),
  163. w = $(window);
  164. if(w.outerWidth() <= 1024) {
  165. body.removeClass('search-show search-gone');
  166. if(body.hasClass('sidebar-gone')) {
  167. body.removeClass('sidebar-gone');
  168. body.addClass('sidebar-show');
  169. }else{
  170. body.addClass('sidebar-gone');
  171. body.removeClass('sidebar-show');
  172. }
  173. update_sidebar_nicescroll();
  174. }else{
  175. body.removeClass('search-show search-gone');
  176. if(body.hasClass('sidebar-mini')) {
  177. toggle_sidebar_mini(false);
  178. }else{
  179. toggle_sidebar_mini(true);
  180. }
  181. }
  182. return false;
  183. });
  184. var toggleLayout = function() {
  185. var w = $(window),
  186. layout_class = $('body').attr('class') || '',
  187. layout_classes = (layout_class.trim().length > 0 ? layout_class.split(' ') : '');
  188. if(layout_classes.length > 0) {
  189. layout_classes.forEach(function(item) {
  190. if(item.indexOf('layout-') != -1) {
  191. now_layout_class = item;
  192. }
  193. });
  194. }
  195. if(w.outerWidth() <= 1024) {
  196. if($('body').hasClass('sidebar-mini')) {
  197. toggle_sidebar_mini(false);
  198. $('.main-sidebar').niceScroll(sidebar_nicescroll_opts);
  199. sidebar_nicescroll = $(".main-sidebar").getNiceScroll();
  200. }
  201. $("body").addClass("sidebar-gone");
  202. $("body").removeClass("layout-2 layout-3 sidebar-mini sidebar-show");
  203. $("body").off('click touchend').on('click touchend', function(e) {
  204. if($(e.target).hasClass('sidebar-show') || $(e.target).hasClass('search-show')) {
  205. $("body").removeClass("sidebar-show");
  206. $("body").addClass("sidebar-gone");
  207. $("body").removeClass("search-show");
  208. update_sidebar_nicescroll();
  209. }
  210. });
  211. update_sidebar_nicescroll();
  212. if(now_layout_class == 'layout-3') {
  213. let nav_second_classes = $(".navbar-secondary").attr('class'),
  214. nav_second = $(".navbar-secondary");
  215. nav_second.attr('data-nav-classes', nav_second_classes);
  216. nav_second.removeAttr('class');
  217. nav_second.addClass('main-sidebar');
  218. let main_sidebar = $(".main-sidebar");
  219. main_sidebar.find('.container').addClass('sidebar-wrapper').removeClass('container');
  220. main_sidebar.find('.navbar-nav').addClass('sidebar-menu').removeClass('navbar-nav');
  221. main_sidebar.find('.sidebar-menu .nav-item.dropdown.show a').click();
  222. main_sidebar.find('.sidebar-brand').remove();
  223. main_sidebar.find('.sidebar-menu').before($('<div>', {
  224. class: 'sidebar-brand'
  225. }).append(
  226. $('<a>', {
  227. href: $('.navbar-brand').attr('href'),
  228. }).html($('.navbar-brand').html())
  229. ));
  230. setTimeout(function() {
  231. sidebar_nicescroll = main_sidebar.niceScroll(sidebar_nicescroll_opts);
  232. sidebar_nicescroll = main_sidebar.getNiceScroll();
  233. }, 700);
  234. sidebar_dropdown();
  235. $(".main-wrapper").removeClass("container");
  236. }
  237. }else{
  238. $("body").removeClass("sidebar-gone sidebar-show");
  239. if(now_layout_class)
  240. $("body").addClass(now_layout_class);
  241. let nav_second_classes = $(".main-sidebar").attr('data-nav-classes'),
  242. nav_second = $(".main-sidebar");
  243. if(now_layout_class == 'layout-3' && nav_second.hasClass('main-sidebar')) {
  244. nav_second.find(".sidebar-menu li a.has-dropdown").off('click');
  245. nav_second.find('.sidebar-brand').remove();
  246. nav_second.removeAttr('class');
  247. nav_second.addClass(nav_second_classes);
  248. let main_sidebar = $(".navbar-secondary");
  249. main_sidebar.find('.sidebar-wrapper').addClass('container').removeClass('sidebar-wrapper');
  250. main_sidebar.find('.sidebar-menu').addClass('navbar-nav').removeClass('sidebar-menu');
  251. main_sidebar.find('.dropdown-menu').hide();
  252. main_sidebar.removeAttr('style');
  253. main_sidebar.removeAttr('tabindex');
  254. main_sidebar.removeAttr('data-nav-classes');
  255. $(".main-wrapper").addClass("container");
  256. }else if(now_layout_class == 'layout-2') {
  257. $("body").addClass("layout-2");
  258. }else{
  259. update_sidebar_nicescroll();
  260. }
  261. }
  262. }
  263. toggleLayout();
  264. $(window).resize(toggleLayout);
  265. $("[data-toggle='search']").on('click',function() {
  266. var body = $("body");
  267. if(body.hasClass('search-gone')) {
  268. body.addClass('search-gone');
  269. body.removeClass('search-show');
  270. }else{
  271. body.removeClass('search-gone');
  272. body.addClass('search-show');
  273. }
  274. });
  275. $("[data-toggle='tooltip']").tooltip();
  276. $('[data-toggle="popover"]').popover({
  277. container: 'body'
  278. });
  279. if(jQuery().select2) {
  280. $(".select2").select2();
  281. }
  282. if(jQuery().selectric) {
  283. $(".selectric").selectric({
  284. disableOnMobile: false,
  285. nativeOnMobile: false
  286. });
  287. }
  288. $(".notification-toggle").dropdown();
  289. $(".notification-toggle").parent().on('shown.bs.dropdown', function() {
  290. $(".dropdown-list-icons").niceScroll({
  291. cursoropacitymin: .3,
  292. cursoropacitymax: .8,
  293. cursorwidth: 7
  294. });
  295. });
  296. $(".message-toggle").dropdown();
  297. $(".message-toggle").parent().on('shown.bs.dropdown', function() {
  298. $(".dropdown-list-message").niceScroll({
  299. cursoropacitymin: .3,
  300. cursoropacitymax: .8,
  301. cursorwidth: 7
  302. });
  303. });
  304. if($(".chat-content").length) {
  305. $(".chat-content").niceScroll({
  306. cursoropacitymin: .3,
  307. cursoropacitymax: .8,
  308. });
  309. $('.chat-content').getNiceScroll(0).doScrollTop($('.chat-content').height());
  310. }
  311. if(jQuery().summernote) {
  312. $(".summernote").summernote({
  313. dialogsInBody: true,
  314. minHeight: 250,
  315. });
  316. $(".summernote-simple").summernote({
  317. dialogsInBody: true,
  318. minHeight: 150,
  319. toolbar: [
  320. ['style', ['bold', 'italic', 'underline', 'clear']],
  321. ['font', ['strikethrough']],
  322. ['para', ['paragraph']]
  323. ]
  324. });
  325. }
  326. if(window.CodeMirror) {
  327. $(".codeeditor").each(function() {
  328. let editor = CodeMirror.fromTextArea(this, {
  329. lineNumbers: true,
  330. theme: "duotone-dark",
  331. mode: 'javascript',
  332. height: 200
  333. });
  334. editor.setSize("100%", 200);
  335. });
  336. }
  337. $('.follow-btn, .following-btn').each(function() {
  338. var me = $(this),
  339. follow_text = 'Follow',
  340. unfollow_text = 'Following';
  341. me.on('click',function() {
  342. if(me.hasClass('following-btn')) {
  343. me.removeClass('btn-danger');
  344. me.removeClass('following-btn');
  345. me.addClass('btn-primary');
  346. me.html(follow_text);
  347. eval(me.data('unfollow-action'));
  348. }else{
  349. me.removeClass('btn-primary');
  350. me.addClass('btn-danger');
  351. me.addClass('following-btn');
  352. me.html(unfollow_text);
  353. eval(me.data('follow-action'));
  354. }
  355. return false;
  356. });
  357. });
  358. $("[data-dismiss]").each(function() {
  359. var me = $(this),
  360. target = me.data('dismiss');
  361. me.on('click',function() {
  362. $(target).fadeOut(function() {
  363. $(target).remove();
  364. });
  365. return false;
  366. });
  367. });
  368. $("[data-collapse]").each(function() {
  369. var me = $(this),
  370. target = me.data('collapse');
  371. me.on('click',function() {
  372. $(target).collapse('toggle');
  373. $(target).on('shown.bs.collapse', function(e) {
  374. e.stopPropagation();
  375. me.html('<i class="fas fa-minus"></i>');
  376. });
  377. $(target).on('hidden.bs.collapse', function(e) {
  378. e.stopPropagation();
  379. me.html('<i class="fas fa-plus"></i>');
  380. });
  381. return false;
  382. });
  383. });
  384. $(".gallery .gallery-item").each(function() {
  385. var me = $(this);
  386. me.attr('href', me.data('image'));
  387. me.attr('title', me.data('title'));
  388. if(me.parent().hasClass('gallery-fw')) {
  389. me.css({
  390. height: me.parent().data('item-height'),
  391. });
  392. me.find('div').css({
  393. lineHeight: me.parent().data('item-height') + 'px'
  394. });
  395. }
  396. me.css({
  397. backgroundImage: 'url("'+ me.data('image') +'")'
  398. });
  399. });
  400. if(jQuery().Chocolat) {
  401. $(".gallery").Chocolat({
  402. className: 'gallery',
  403. imageSelector: '.gallery-item',
  404. });
  405. }
  406. $("[data-background]").each(function() {
  407. var me = $(this);
  408. me.css({
  409. backgroundImage: 'url(' + me.data('background') + ')'
  410. });
  411. });
  412. $("[data-tab]").each(function() {
  413. var me = $(this);
  414. me.on('click',function() {
  415. if(!me.hasClass('active')) {
  416. var tab_group = $('[data-tab-group="' + me.data('tab') + '"]'),
  417. tab_group_active = $('[data-tab-group="' + me.data('tab') + '"].active'),
  418. target = $(me.attr('href')),
  419. links = $('[data-tab="'+me.data('tab') +'"]');
  420. links.removeClass('active');
  421. me.addClass('active');
  422. target.addClass('active');
  423. tab_group_active.removeClass('active');
  424. }
  425. return false;
  426. });
  427. });
  428. $(".needs-validation").on('submit',function() {
  429. var form = $(this);
  430. if (form[0].checkValidity() === false) {
  431. event.preventDefault();
  432. event.stopPropagation();
  433. }
  434. form.addClass('was-validated');
  435. });
  436. $(".alert-dismissible").each(function() {
  437. var me = $(this);
  438. me.find('.close').on('click',function() {
  439. me.alert('close');
  440. });
  441. });
  442. if($('.main-navbar').length) {
  443. }
  444. $('[data-crop-image]').each(function(e) {
  445. $(this).css({
  446. overflow: 'hidden',
  447. position: 'relative',
  448. height: $(this).data('crop-image')
  449. });
  450. });
  451. $('[data-toggle-slide]').on('click',function() {
  452. let target = $(this).data('toggle-slide');
  453. $(target).slideToggle();
  454. return false;
  455. });
  456. $("[data-dismiss=modal]").on('click',function() {
  457. $(this).closest('.modal').modal('hide');
  458. return false;
  459. });
  460. $('[data-width]').each(function() {
  461. $(this).css({
  462. width: $(this).data('width')
  463. });
  464. });
  465. $('[data-height]').each(function() {
  466. $(this).css({
  467. height: $(this).data('height')
  468. });
  469. });
  470. if($('.chocolat-parent').length && jQuery().Chocolat) {
  471. $('.chocolat-parent').Chocolat();
  472. }
  473. if($('.sortable-card').length && jQuery().sortable) {
  474. $('.sortable-card').sortable({
  475. handle: '.card-header',
  476. opacity: .8,
  477. tolerance: 'pointer'
  478. });
  479. }
  480. if(jQuery().daterangepicker) {
  481. if($(".datepicker").length) {
  482. $('.datepicker').daterangepicker({
  483. locale: {format: 'YYYY-MM-DD'},
  484. singleDatePicker: true,
  485. });
  486. }
  487. if($(".datetimepicker").length) {
  488. $('.datetimepicker').daterangepicker({
  489. locale: {format: 'YYYY-MM-DD HH:mm'},
  490. singleDatePicker: true,
  491. timePicker: true,
  492. timePicker24Hour: true,
  493. });
  494. }
  495. if($(".daterange").length) {
  496. $('.daterange').daterangepicker({
  497. locale: {format: 'YYYY-MM-DD'},
  498. drops: 'down',
  499. opens: 'right'
  500. });
  501. }
  502. }
  503. if(jQuery().timepicker && $(".timepicker").length) {
  504. $(".timepicker").timepicker({
  505. icons: {
  506. up: 'fas fa-chevron-up',
  507. down: 'fas fa-chevron-down'
  508. }
  509. });
  510. }
  511. });
  512. })(jQuery);