Changeset 24a616f for resources

Timestamp:

10/13/21 15:44:57 (3 years ago)

Author:

Berat Kjufliju <kufliju@…>

Branches:

develop, master

Children:

120759b

Parents:

194a359

Message:

added documents crud, added last_seen_to_user, edited views

Location:

resources

Files:

• assets/css/Toast.min.css (modified) (1 diff)
• assets/css/app.css (modified) (113 diffs)
• assets/css/app.min.css (modified) (114 diffs)
• assets/js/app.js (modified) (1 diff)
• assets/js/app.min.js (modified) (3 diffs)
• assets/js/bootstrap.js (added)
• assets/js/clipboard.min.js (added)
• assets/js/examples/pages/user-list.js (modified) (2 diffs)
• assets/js/jquery-3.6.0.min.js (added)
• assets/js/loadash.js (added)
• assets/js/user-list.js (added)
• assets/media/images/user.png (added)
• views/dashboard/departments/create.blade.php (modified) (1 diff)
• views/dashboard/departments/edit.blade.php (modified) (1 diff)
• views/dashboard/departments/index.blade.php (modified) (2 diffs)
• views/dashboard/documents/create.blade.php (added)
• views/dashboard/documents/department.blade.php (added)
• views/dashboard/documents/edit.blade.php (added)
• views/dashboard/documents/fragments/filters.blade.php (added)
• views/dashboard/documents/fragments/menu.blade.php (added)
• views/dashboard/documents/index.blade.php (added)
• views/dashboard/partials/avatar.blade.php (added)
• views/dashboard/settings/index.blade.php (modified) (3 diffs)
• views/dashboard/users/create.blade.php (modified) (2 diffs)
• views/dashboard/users/edit.blade.php (modified) (2 diffs)
• views/dashboard/users/index.blade.php (modified) (5 diffs)
• views/layouts/alert.blade.php (modified) (1 diff)
• views/layouts/app.blade.php (modified) (7 diffs)
• views/layouts/old.blade.php (added)

resources/assets/css/Toast.min.css

@@ -1 @@
-.toastjs-container{position:absolute;position:fixed;bottom:30px;left:30px;width:calc(100% - 60px);max-width:400px;transform:translateX(-150%);transition:transform 1s;z-index:100}.toastjs-container[aria-hidden=false]{transform:translateX(0)}.toastjs{background:#fff;padding:10px 15px 0;border-left-style:solid;border-left-width:5px;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.toastjs.default{border-left-color:#AAA}.toastjs.success{border-left-color:#2ECC40}.toastjs.warning{border-left-color:#FF851B}.toastjs.danger{border-left-color:#FF4136}.toastjs-btn{background:#f0f0f0;padding:5px 10px;border:0;border-radius:4px;font-family:'Source Sans Pro',sans-serif;font-size:14px;display:inline-block;margin-right:10px;margin-bottom:10px;cursor:pointer}.toastjs-btn--custom{background:#323232;color:#fff}.toastjs-btn:focus,.toastjs-btn:hover{outline:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}
+.toastjs-container{position:absolute;position:fixed;bottom:30px;left:30px;width:calc(100% - 60px);max-width:400px;transform:translateX(-150%);transition:transform 1s;z-index:100}.toastjs-container[aria-hidden=false]{transform:translateX(0)}.toastjs{background:#fff;padding:10px 15px 0;margin-left:50px;border-left-style:solid;border-left-width:5px;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.toastjs.default{border-left-color:#AAA}.toastjs.success{border-left-color:#2ECC40}.toastjs.warning{border-left-color:#FF851B}.toastjs.danger{border-left-color:#FF4136}.toastjs-btn{background:#f0f0f0;padding:5px 10px;border:0;border-radius:4px;font-family:'Source Sans Pro',sans-serif;font-size:14px;display:inline-block;margin-right:10px;margin-bottom:10px;cursor:pointer}.toastjs-btn--custom{background:#323232;color:#fff}.toastjs-btn:focus,.toastjs-btn:hover{outline:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}

resources/assets/css/app.css

@@ -3349 +3349 @@
 }
 
-* {
+*:not(img) {
   min-width: 0;
-  min-height: 0;
 }
 
@@ -3407 +3406 @@
 
 .preloader svg path {
-  fill: #0081ff;
+  fill: #2196F3;
 }
 
@@ -3434 +3433 @@
 
 .icon-block.icon-block-outline-primary {
-  border: 2px solid #0081ff;
-  color: #0081ff !important;
+  border: 2px solid #2196F3;
+  color: #2196F3 !important;
   background: none;
 }
@@ -3601 +3600 @@
 .custom-select:focus {
   box-shadow: none;
-  border-color: rgba(0, 129, 255, 0.8);
+  border-color: rgba(33, 150, 243, 0.8);
 }
 
@@ -3631 +3630 @@
 
 .custom-file-input:focus ~ .custom-file-label {
-  border-color: #339aff;
+  border-color: #51adf6;
   box-shadow: none;
 }
@@ -3648 +3647 @@
 .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
 .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
-  border-color: #0081ff;
-  background-color: #0081ff;
+  border-color: #2196F3;
+  background-color: #2196F3;
 }
 
@@ -3655 +3654 @@
 .custom-radio .custom-control-input:focus ~ .custom-control-label::before,
 .custom-switch .custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3);
 }
 
@@ -3661 +3660 @@
 .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
 .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-  border-color: #5caeff;
-  background-color: #5caeff;
+  border-color: #78bff8;
+  background-color: #78bff8;
 }
 
@@ -3794 +3793 @@
 
 .custom-range::-webkit-slider-thumb {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
 .custom-range::-webkit-slider-thumb:active {
-  background-color: #5caeff;
+  background-color: #78bff8;
 }
 
@@ -3914 +3913 @@
 .wizard > .steps .current a:hover,
 .wizard > .steps .current a:active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -3988 +3987 @@
 
 .page-header .breadcrumb li.breadcrumb-item.active {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
 }
@@ -4176 +4175 @@
 
 .bg-primary {
-  background: #0081ff !important;
+  background: #2196F3 !important;
   color: white !important;
 }
 
 .bg-primary-bright {
-  background: rgba(0, 129, 255, 0.3) !important;
+  background: rgba(33, 150, 243, 0.3) !important;
 }
 
@@ -4194 +4193 @@
 
 .bg-primary-gradient {
-  background: linear-gradient(230deg, #0081ff, #4da7ff) !important;
+  background: linear-gradient(230deg, #2196F3, #6ab8f7) !important;
   color: white !important;
 }
@@ -4435 +4434 @@
 
 .text-primary {
-  color: #0081ff !important;
+  color: #2196F3 !important;
 }
 
@@ -4577 +4576 @@
 ul.links .header form .input-group .input-group-append button.active.btn,
 .header form .input-group .input-group-append ul.links button.active.btn {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 500;
 }
@@ -4665 +4664 @@
 a.link-1,
 .header form .input-group .input-group-append button.link-1.btn {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -4672 +4671 @@
 a.link-1:focus,
 .header form .input-group .input-group-append button.link-1.btn:focus {
-  color: rgba(0, 129, 255, 0.8);
+  color: rgba(33, 150, 243, 0.8);
 }
 
@@ -4684 +4683 @@
 a.link-2:focus,
 .header form .input-group .input-group-append button.link-2.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -4696 +4695 @@
 a.link-3:focus,
 .header form .input-group .input-group-append button.link-3.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -4722 +4721 @@
 
 .page-link {
-  color: #0081ff;
+  color: #2196F3;
 }
 
 .page-link:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3);
 }
 
@@ -4837 +4836 @@
 a.btn[href="#previous"],
 .header form .input-group .input-group-append button.btn[href="#previous"] {
-  background: #0081ff;
-  border-color: #0081ff;
+  background: #2196F3;
+  border-color: #2196F3;
 }
 
@@ -4856 +4855 @@
 a.btn[href="#previous"]:not(:disabled):not(.disabled):active,
 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active {
-  background: #0067cc;
-  border-color: #0067cc;
+  background: #0c7cd5;
+  border-color: #0c7cd5;
 }
 
@@ -4865 +4864 @@
 a.btn[href="#previous"]:not(:disabled):not(.disabled):focus,
 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4) !important;
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4) !important;
 }
 
@@ -4873 +4872 @@
 a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled),
 .header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -4886 +4885 @@
 
 .btn.btn-gradient-primary {
-  background: linear-gradient(20deg, #4da7ff, #0067cc);
+  background: linear-gradient(20deg, #6ab8f7, #0c7cd5);
   border-color: transparent;
   color: white;
@@ -4894 +4893 @@
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):active {
-  background: linear-gradient(20deg, #0081ff, #0067cc);
+  background: linear-gradient(20deg, #2196F3, #0c7cd5);
   border-color: transparent;
 }
 
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
 }
 
 .btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -4912 +4911 @@
 
 .btn.btn-light-primary {
-  background: rgba(0, 129, 255, 0.3);
+  background: rgba(33, 150, 243, 0.3);
   border-color: transparent;
-  color: #0053a3;
+  color: #0966af;
 }
 
@@ -4920 +4919 @@
 .btn.btn-light-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-light-primary:not(:disabled):not(.disabled):active {
-  background: rgba(0, 129, 255, 0.5);
+  background: rgba(33, 150, 243, 0.5);
   border-color: transparent;
 }
 
 .btn.btn-light-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.2);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.2);
 }
 
 .btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -4939 +4938 @@
 .btn.btn-outline-primary {
   background: none;
-  border-color: #0081ff;
-  color: #0074e6;
+  border-color: #2196F3;
+  color: #0d8aee;
   border-width: 1px;
 }
 
 .btn.btn-outline-primary:not(:disabled):not(.disabled):hover {
-  background: #0081ff;
-  border-color: #0081ff;
+  background: #2196F3;
+  border-color: #2196F3;
   color: white;
 }
@@ -4952 +4951 @@
 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-outline-primary:not(:disabled):not(.disabled):active {
-  background: #0062c2;
-  border-color: #0062c2;
+  background: #0b76cc;
+  border-color: #0b76cc;
   color: white;
 }
 
 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4);
 }
 
 .btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -6521 +6520 @@
 
 .progress .progress-bar:not(.progress-bar-striped) {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -6579 +6578 @@
 
 .dropdown-menu .dropdown-menu-title {
-  background-color: #0081ff;
+  background-color: #2196F3;
   padding: 15px 20px;
   color: white;
@@ -6606 +6605 @@
   background: #f5f5f5;
   text-decoration: none;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -6643 +6642 @@
 
 .badge.badge-primary {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -6736 +6735 @@
 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus,
 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -6778 +6777 @@
 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -6784 +6783 @@
 .accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn {
-  background: #0081ff;
+  background: #2196F3;
   color: white;
 }
@@ -6900 +6899 @@
 }
 
+.nicescroll-cursors {
+  border: none !important;
+}
+
+body:not(.dark) .nicescroll-cursors {
+  background-color: rgba(41, 49, 52, 0.4) !important;
+  width: 3px !important;
+}
+
 .isotope-item {
   z-index: 2;
@@ -6932 +6940 @@
 
 .daterangepicker td.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .daterangepicker td.active:hover {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .daterangepicker .ranges li.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -6966 +6974 @@
 
 .alert.alert-primary {
-  background: rgba(0, 129, 255, 0.3) !important;
+  background: rgba(33, 150, 243, 0.3) !important;
 }
 
 .alert.alert-primary.alert-with-border {
-  border-left: 3px solid #0081ff !important;
+  border-left: 3px solid #2196F3 !important;
 }
 
@@ -7042 +7050 @@
 
 .breadcrumb .breadcrumb-item.active {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -7061 +7069 @@
 
 .pagination .page-item.active .page-link {
-  background: #0081ff;
+  background: #2196F3;
   border-color: transparent;
 }
@@ -7156 +7164 @@
 
 .swal-modal .swal-button.swal-button--confirm {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7178 +7186 @@
 .irs .irs-to,
 .irs .irs-from {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7184 +7192 @@
 .irs .irs-to:before,
 .irs .irs-from:before {
-  border-top-color: #0081ff;
+  border-top-color: #2196F3;
 }
 
 .irs .irs-handle {
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
 .irs .irs-bar {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7230 +7238 @@
 
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: white;
 }
 
 .select2-container--default.select2-container--focus .select2-selection--multiple {
-  border-color: rgba(0, 129, 255, 0.8);
+  border-color: rgba(33, 150, 243, 0.8);
 }
 
@@ -7336 +7344 @@
 
 .wickedpicker .wickedpicker__controls__control .hover-state {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -7395 +7403 @@
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -7511 +7519 @@
 
 .avatar.avatar-state-primary:before {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7563 +7571 @@
 .dropzone {
   border-width: 1px;
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
@@ -7690 +7698 @@
 .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active {
   color: black;
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
@@ -7780 +7788 @@
   left: auto;
   right: -10px;
-  border-left-color: #0081ff;
+  border-left-color: #2196F3;
   border-right-color: transparent;
 }
 
 .chat-block .chat-content .messages .message-item.me .message-item-content {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: rgba(255, 255, 255, 0.9);
 }
@@ -7918 +7926 @@
 
 .fc .fc-event {
-  background: #0081ff;
+  background: #2196F3;
   color: white !important;
   border: none;
@@ -7981 +7989 @@
 
 .fc .fc-list-table .fc-list-item.bg-primary:hover td {
-  background: #0081ff !important;
+  background: #2196F3 !important;
 }
 
@@ -8012 +8020 @@
 
 .fc .fc-state-default.fc-state-active {
-  background: #0081ff;
+  background: #2196F3;
   color: white;
 }
@@ -8026 +8034 @@
 
 .list-group .list-group-item.list-group-item-primary {
-  background: #0081ff !important;
+  background: #2196F3 !important;
   color: white !important;
 }
 
 .list-group .list-group-item.list-group-item-primary-bright {
-  background: rgba(0, 129, 255, 0.3) !important;
-  color: #0081ff !important;
+  background: rgba(33, 150, 243, 0.3) !important;
+  color: #2196F3 !important;
 }
 
@@ -8101 +8109 @@
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -8335 +8343 @@
 
 .dd-handle:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -8438 +8446 @@
 .app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active {
   background: none;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -8641 +8649 @@
 @media (min-width: 768px) {
   .theme-switcher {
-    opacity: 0;
     display: -webkit-box;
     display: flex;
@@ -8665 +8672 @@
 
   .theme-switcher .theme-switcher-button {
-    background-color: #0081ff;
+    background-color: #2196F3;
     color: white;
-    padding: 12px 15px;
+    padding: 15px 20px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
@@ -8674 +8681 @@
 
   .theme-switcher .theme-switcher-button i {
-    font-size: 22px;
+    font-size: 30px;
     -webkit-animation-name: spin;
             animation-name: spin;
-    -webkit-animation-duration: 3000ms;
-            animation-duration: 3000ms;
+    -webkit-animation-duration: 2000ms;
+            animation-duration: 2000ms;
     -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
@@ -8694 +8701 @@
   .app-block .app-content .theme-switcher .theme-switcher-panel .app-action {
     margin-bottom: 0;
-    border: 1px solid #0081ff;
+    border: 1px solid #2196F3;
     border-right: none;
     border-top-right-radius: 0;
@@ -8781 +8788 @@
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon,
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon {
-    stroke: #0081ff;
+    stroke: #2196F3;
   }
 
@@ -8818 +8825 @@
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn {
     background: none;
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -8873 +8880 @@
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn {
     border-radius: 5px;
-    background-color: #0081ff;
+    background-color: #2196F3;
     position: static;
   }
@@ -8884 +8891 @@
 
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover {
-    /*width: 320px;*/
+    width: 80px;
   }
 
@@ -8949 +8956 @@
     left: 0;
     opacity: 1;
+      width: 80px;
   }
 
@@ -8961 +8969 @@
     right: 0;
     opacity: 1;
+      width:80px;
   }
 
@@ -9077 +9086 @@
   body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn {
-    color: #0081ff !important;
+    color: #2196F3 !important;
   }
 
@@ -9110 +9119 @@
   body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9136 +9145 @@
   body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9148 +9157 @@
   body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9154 +9163 @@
   body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9191 +9200 @@
     bottom: 0;
     height: auto;
-    /*width: 320px;*/
+    width: 80px;
     background-color: white;
     z-index: 1000;
@@ -9218 +9227 @@
   body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9262 +9271 @@
   body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9273 +9282 @@
   }
 }
+
+body.semi-dark:not(.dark) .nicescroll-cursors {
+  background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
 body.semi-dark:not(.dark) .navigation {
   background-color: #313852;
@@ -9300 +9314 @@
 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9349 +9363 @@
 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -9379 +9393 @@
 
 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9418 +9432 @@
 body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -9430 +9444 @@
 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -9439 +9453 @@
 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -9709 +9723 @@
 .list-group .list-group-item.active {
   z-index: auto;
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -9751 +9765 @@
 .table-email-list .header form .input-group .input-group-append button.btn:focus,
 .header form .input-group .input-group-append .table-email-list button.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9785 +9799 @@
 
 .list-group .list-group-item.active {
-  background: #0081ff;
+  background: #2196F3;
   border-color: transparent;
 }
@@ -9798 +9812 @@
 
 .nav-pills .nav-link.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .nav-tabs .nav-link.active {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9983 +9997 @@
 
 .header .avatar.avatar-state-success:before {
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
 .header .header-left {
-  /*width: 320px;*/
+  width: 320px;
   padding-left: 30px;
   display: -webkit-box;
@@ -10196 +10210 @@
   background-color: white;
   z-index: 998;
-  /*width: 320px;*/
+  width: 80px;
   box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
   position: fixed;
@@ -10247 +10261 @@
 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover,
 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10254 +10268 @@
 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn {
   color: white;
-  background-color: #0081ff;
-  box-shadow: 0px 5px 20px -14px #0081ff;
+  background-color: #2196F3;
+  box-shadow: 0px 5px 20px -14px #2196F3;
 }
 
@@ -10322 +10336 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10328 +10342 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon {
-  stroke: #0081ff;
+  stroke: #2196F3;
 }
 
@@ -10335 +10349 @@
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn {
   position: relative;
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
-  background: rgba(0, 129, 255, 0.15);
+  background: rgba(33, 150, 243, 0.15);
   border-radius: 0.5rem;
   margin: 0 1rem;
@@ -10348 +10362 @@
   display: block;
   border: 6px solid transparent;
-  border-left-color: #0081ff;
+  border-left-color: #2196F3;
   margin-left: -12px;
   margin-right: 5px;
@@ -10419 +10433 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
 }
@@ -10426 +10440 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon {
-  stroke: #0081ff;
+  stroke: #2196F3;
 }
 
@@ -10705 +10719 @@
 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10757 +10771 @@
 
 body.dark .navigation .navigation-menu-body ul li .dropdown-divider {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10834 +10848 @@
 
 body.dark .breadcrumb li.breadcrumb-item.active {
-  color: #339aff;
+  color: #51adf6;
 }
 
@@ -10870 +10884 @@
 body.dark .swal-modal input.swal-content__input:focus,
 .swal-modal body.dark input.swal-content__input:focus {
-  border-color: #0081ff !important;
+  border-color: #2196F3 !important;
 }
 
@@ -11250 +11264 @@
 body.dark .daterangepicker td.end-date {
   color: white;
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -11275 +11289 @@
 body.dark .daterangepicker td.available:hover,
 body.dark .daterangepicker th.available:hover {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: white;
 }
@@ -11363 +11377 @@
 body.dark .sidebar {
   background: #313852;
+}
+
+body.dark .nicescroll-cursors {
+  background-color: rgba(255, 255, 255, 0.15) !important;
 }
 
@@ -11740 +11758 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11747 +11765 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11758 +11776 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11778 +11796 @@
   body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover {
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11784 +11802 @@
   body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn {
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11790 +11808 @@
   body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #339aff;
+    color: #51adf6;
   }
 }
@@ -11964 +11982 @@
     left: 0;
     opacity: 1;
+      width:80px;
   }
 
@@ -12258 +12277 @@
 
   .navigation {
-    width: 20%;
+    width: 75%;
   }
 

resources/assets/css/app.min.css

@@ -3349 +3349 @@
 }
 
-* {
+*:not(img) {
   min-width: 0;
-  min-height: 0;
 }
 
@@ -3407 +3406 @@
 
 .preloader svg path {
-  fill: #0081ff;
+  fill: #2196F3;
 }
 
@@ -3434 +3433 @@
 
 .icon-block.icon-block-outline-primary {
-  border: 2px solid #0081ff;
-  color: #0081ff !important;
+  border: 2px solid #2196F3;
+  color: #2196F3 !important;
   background: none;
 }
@@ -3601 +3600 @@
 .custom-select:focus {
   box-shadow: none;
-  border-color: rgba(0, 129, 255, 0.8);
+  border-color: rgba(33, 150, 243, 0.8);
 }
 
@@ -3631 +3630 @@
 
 .custom-file-input:focus ~ .custom-file-label {
-  border-color: #339aff;
+  border-color: #51adf6;
   box-shadow: none;
 }
@@ -3648 +3647 @@
 .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
 .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
-  border-color: #0081ff;
-  background-color: #0081ff;
+  border-color: #2196F3;
+  background-color: #2196F3;
 }
 
@@ -3655 +3654 @@
 .custom-radio .custom-control-input:focus ~ .custom-control-label::before,
 .custom-switch .custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3);
 }
 
@@ -3661 +3660 @@
 .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
 .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-  border-color: #5caeff;
-  background-color: #5caeff;
+  border-color: #78bff8;
+  background-color: #78bff8;
 }
 
@@ -3794 +3793 @@
 
 .custom-range::-webkit-slider-thumb {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
 .custom-range::-webkit-slider-thumb:active {
-  background-color: #5caeff;
+  background-color: #78bff8;
 }
 
@@ -3914 +3913 @@
 .wizard > .steps .current a:hover,
 .wizard > .steps .current a:active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -3988 +3987 @@
 
 .page-header .breadcrumb li.breadcrumb-item.active {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
 }
@@ -4176 +4175 @@
 
 .bg-primary {
-  background: #0081ff !important;
+  background: #2196F3 !important;
   color: white !important;
 }
 
 .bg-primary-bright {
-  background: rgba(0, 129, 255, 0.3) !important;
+  background: rgba(33, 150, 243, 0.3) !important;
 }
 
@@ -4194 +4193 @@
 
 .bg-primary-gradient {
-  background: linear-gradient(230deg, #0081ff, #4da7ff) !important;
+  background: linear-gradient(230deg, #2196F3, #6ab8f7) !important;
   color: white !important;
 }
@@ -4435 +4434 @@
 
 .text-primary {
-  color: #0081ff !important;
+  color: #2196F3 !important;
 }
 
@@ -4577 +4576 @@
 ul.links .header form .input-group .input-group-append button.active.btn,
 .header form .input-group .input-group-append ul.links button.active.btn {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 500;
 }
@@ -4665 +4664 @@
 a.link-1,
 .header form .input-group .input-group-append button.link-1.btn {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -4672 +4671 @@
 a.link-1:focus,
 .header form .input-group .input-group-append button.link-1.btn:focus {
-  color: rgba(0, 129, 255, 0.8);
+  color: rgba(33, 150, 243, 0.8);
 }
 
@@ -4684 +4683 @@
 a.link-2:focus,
 .header form .input-group .input-group-append button.link-2.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -4696 +4695 @@
 a.link-3:focus,
 .header form .input-group .input-group-append button.link-3.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -4722 +4721 @@
 
 .page-link {
-  color: #0081ff;
+  color: #2196F3;
 }
 
 .page-link:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.3);
 }
 
@@ -4837 +4836 @@
 a.btn[href="#previous"],
 .header form .input-group .input-group-append button.btn[href="#previous"] {
-  background: #0081ff;
-  border-color: #0081ff;
+  background: #2196F3;
+  border-color: #2196F3;
 }
 
@@ -4856 +4855 @@
 a.btn[href="#previous"]:not(:disabled):not(.disabled):active,
 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):active {
-  background: #0067cc;
-  border-color: #0067cc;
+  background: #0c7cd5;
+  border-color: #0c7cd5;
 }
 
@@ -4865 +4864 @@
 a.btn[href="#previous"]:not(:disabled):not(.disabled):focus,
 .header form .input-group .input-group-append button.btn[href="#previous"]:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4) !important;
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4) !important;
 }
 
@@ -4873 +4872 @@
 a.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled),
 .header form .input-group .input-group-append button.btn.btn-pulse[href="#previous"]:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -4886 +4885 @@
 
 .btn.btn-gradient-primary {
-  background: linear-gradient(20deg, #4da7ff, #0067cc);
+  background: linear-gradient(20deg, #6ab8f7, #0c7cd5);
   border-color: transparent;
   color: white;
@@ -4894 +4893 @@
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):active {
-  background: linear-gradient(20deg, #0081ff, #0067cc);
+  background: linear-gradient(20deg, #2196F3, #0c7cd5);
   border-color: transparent;
 }
 
 .btn.btn-gradient-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
 }
 
 .btn.btn-gradient-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -4912 +4911 @@
 
 .btn.btn-light-primary {
-  background: rgba(0, 129, 255, 0.3);
+  background: rgba(33, 150, 243, 0.3);
   border-color: transparent;
-  color: #0053a3;
+  color: #0966af;
 }
 
@@ -4920 +4919 @@
 .btn.btn-light-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-light-primary:not(:disabled):not(.disabled):active {
-  background: rgba(0, 129, 255, 0.5);
+  background: rgba(33, 150, 243, 0.5);
   border-color: transparent;
 }
 
 .btn.btn-light-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.2);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.2);
 }
 
 .btn.btn-light-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -4939 +4938 @@
 .btn.btn-outline-primary {
   background: none;
-  border-color: #0081ff;
-  color: #0074e6;
+  border-color: #2196F3;
+  color: #0d8aee;
   border-width: 1px;
 }
 
 .btn.btn-outline-primary:not(:disabled):not(.disabled):hover {
-  background: #0081ff;
-  border-color: #0081ff;
+  background: #2196F3;
+  border-color: #2196F3;
   color: white;
 }
@@ -4952 +4951 @@
 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus,
 .btn.btn-outline-primary:not(:disabled):not(.disabled):active {
-  background: #0062c2;
-  border-color: #0062c2;
+  background: #0b76cc;
+  border-color: #0b76cc;
   color: white;
 }
 
 .btn.btn-outline-primary:not(:disabled):not(.disabled):focus {
-  box-shadow: 0 0 0 0.2rem rgba(0, 129, 255, 0.4);
+  box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.4);
 }
 
 .btn.btn-outline-primary.btn-pulse:not(:disabled):not(.disabled) {
-  box-shadow: 0 0 0 0 rgba(0, 129, 255, 0.9) !important;
+  box-shadow: 0 0 0 0 rgba(33, 150, 243, 0.9) !important;
   -webkit-animation: pulse 1.5s infinite !important;
 }
@@ -6521 +6520 @@
 
 .progress .progress-bar:not(.progress-bar-striped) {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -6579 +6578 @@
 
 .dropdown-menu .dropdown-menu-title {
-  background-color: #0081ff;
+  background-color: #2196F3;
   padding: 15px 20px;
   color: white;
@@ -6606 +6605 @@
   background: #f5f5f5;
   text-decoration: none;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -6643 +6642 @@
 
 .badge.badge-primary {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -6736 +6735 @@
 .accordion.custom-accordion .accordion-row .header form .input-group .input-group-append button.accordion-header.btn:focus,
 .header form .input-group .input-group-append .accordion.custom-accordion .accordion-row button.accordion-header.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -6778 +6777 @@
 .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) .header form .input-group .input-group-append button.accordion-header.btn:focus,
 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row:not(.open) button.accordion-header.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -6784 +6783 @@
 .accordion.custom-accordion.accordion-primary .accordion-row.open .header form .input-group .input-group-append button.accordion-header.btn,
 .header form .input-group .input-group-append .accordion.custom-accordion.accordion-primary .accordion-row.open button.accordion-header.btn {
-  background: #0081ff;
+  background: #2196F3;
   color: white;
 }
@@ -6900 +6899 @@
 }
 
+.nicescroll-cursors {
+  border: none !important;
+}
+
+body:not(.dark) .nicescroll-cursors {
+  background-color: rgba(41, 49, 52, 0.4) !important;
+  width: 3px !important;
+}
+
 .isotope-item {
   z-index: 2;
@@ -6932 +6940 @@
 
 .daterangepicker td.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .daterangepicker td.active:hover {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .daterangepicker .ranges li.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -6966 +6974 @@
 
 .alert.alert-primary {
-  background: rgba(0, 129, 255, 0.3) !important;
+  background: rgba(33, 150, 243, 0.3) !important;
 }
 
 .alert.alert-primary.alert-with-border {
-  border-left: 3px solid #0081ff !important;
+  border-left: 3px solid #2196F3 !important;
 }
 
@@ -7042 +7050 @@
 
 .breadcrumb .breadcrumb-item.active {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -7061 +7069 @@
 
 .pagination .page-item.active .page-link {
-  background: #0081ff;
+  background: #2196F3;
   border-color: transparent;
 }
@@ -7156 +7164 @@
 
 .swal-modal .swal-button.swal-button--confirm {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7178 +7186 @@
 .irs .irs-to,
 .irs .irs-from {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7184 +7192 @@
 .irs .irs-to:before,
 .irs .irs-from:before {
-  border-top-color: #0081ff;
+  border-top-color: #2196F3;
 }
 
 .irs .irs-handle {
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
 .irs .irs-bar {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7230 +7238 @@
 
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: white;
 }
 
 .select2-container--default.select2-container--focus .select2-selection--multiple {
-  border-color: rgba(0, 129, 255, 0.8);
+  border-color: rgba(33, 150, 243, 0.8);
 }
 
@@ -7336 +7344 @@
 
 .wickedpicker .wickedpicker__controls__control .hover-state {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -7395 +7403 @@
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -7511 +7519 @@
 
 .avatar.avatar-state-primary:before {
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -7563 +7571 @@
 .dropzone {
   border-width: 1px;
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
@@ -7690 +7698 @@
 .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active {
   color: black;
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
@@ -7780 +7788 @@
   left: auto;
   right: -10px;
-  border-left-color: #0081ff;
+  border-left-color: #2196F3;
   border-right-color: transparent;
 }
 
 .chat-block .chat-content .messages .message-item.me .message-item-content {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: rgba(255, 255, 255, 0.9);
 }
@@ -7918 +7926 @@
 
 .fc .fc-event {
-  background: #0081ff;
+  background: #2196F3;
   color: white !important;
   border: none;
@@ -7981 +7989 @@
 
 .fc .fc-list-table .fc-list-item.bg-primary:hover td {
-  background: #0081ff !important;
+  background: #2196F3 !important;
 }
 
@@ -8012 +8020 @@
 
 .fc .fc-state-default.fc-state-active {
-  background: #0081ff;
+  background: #2196F3;
   color: white;
 }
@@ -8026 +8034 @@
 
 .list-group .list-group-item.list-group-item-primary {
-  background: #0081ff !important;
+  background: #2196F3 !important;
   color: white !important;
 }
 
 .list-group .list-group-item.list-group-item-primary-bright {
-  background: rgba(0, 129, 255, 0.3) !important;
-  color: #0081ff !important;
+  background: rgba(33, 150, 243, 0.3) !important;
+  color: #2196F3 !important;
 }
 
@@ -8101 +8109 @@
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -8335 +8343 @@
 
 .dd-handle:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -8438 +8446 @@
 .app-block .app-sidebar .app-sidebar-menu .list-group .list-group-item.active {
   background: none;
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -8641 +8649 @@
 @media (min-width: 768px) {
   .theme-switcher {
-    opacity: 0;
     display: -webkit-box;
     display: flex;
@@ -8665 +8672 @@
 
   .theme-switcher .theme-switcher-button {
-    background-color: #0081ff;
+    background-color: #2196F3;
     color: white;
-    padding: 12px 15px;
+    padding: 15px 20px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
@@ -8674 +8681 @@
 
   .theme-switcher .theme-switcher-button i {
-    font-size: 22px;
+    font-size: 30px;
     -webkit-animation-name: spin;
             animation-name: spin;
-    -webkit-animation-duration: 3000ms;
-            animation-duration: 3000ms;
+    -webkit-animation-duration: 2000ms;
+            animation-duration: 2000ms;
     -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
@@ -8694 +8701 @@
   .app-block .app-content .theme-switcher .theme-switcher-panel .app-action {
     margin-bottom: 0;
-    border: 1px solid #0081ff;
+    border: 1px solid #2196F3;
     border-right: none;
     border-top-right-radius: 0;
@@ -8781 +8788 @@
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul .header form .input-group .input-group-append li:hover > button.btn .nav-link-icon,
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li:hover > button.btn .nav-link-icon {
-    stroke: #0081ff;
+    stroke: #2196F3;
   }
 
@@ -8818 +8825 @@
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body ul li.open > button.btn + ul li.open > button.btn {
     background: none;
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -8873 +8880 @@
   .header form .input-group .input-group-append body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation .navigation-menu-body > ul > li > button.active.btn {
     border-radius: 5px;
-    background-color: #0081ff;
+    background-color: #2196F3;
     position: static;
   }
@@ -8884 +8891 @@
 
   body.small-navigation:not(.hidden-navigation):not(.horizontal-navigation) .navigation:hover {
-    /*width: 320px;*/
+    width: 80px;
   }
 
@@ -8949 +8956 @@
     left: 0;
     opacity: 1;
+      width:80px;
   }
 
@@ -8961 +8969 @@
     right: 0;
     opacity: 1;
+      width: 80px;
   }
 
@@ -9077 +9086 @@
   body.horizontal-navigation .header form .input-group .input-group-append .horizontal-navigation > ul > li:hover > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation > ul > li:hover > button.btn {
-    color: #0081ff !important;
+    color: #2196F3 !important;
   }
 
@@ -9110 +9119 @@
   body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9136 +9145 @@
   body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li:hover > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li:hover > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9148 +9157 @@
   body.horizontal-navigation .horizontal-navigation ul li ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9154 +9163 @@
   body.horizontal-navigation .horizontal-navigation ul li ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9191 +9200 @@
     bottom: 0;
     height: auto;
-    /*width: 320px;*/
+    width: 80px;
     background-color: white;
     z-index: 1000;
@@ -9218 +9227 @@
   body.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li button.active.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9262 +9271 @@
   body.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #0081ff;
+    color: #2196F3;
   }
 
@@ -9272 +9281 @@
     display: block;
   }
+}
+
+body.semi-dark:not(.dark) .nicescroll-cursors {
+  background-color: rgba(255, 255, 255, 0.3) !important;
 }
 
@@ -9301 +9314 @@
 body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9350 +9363 @@
 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .header form .input-group .input-group-append button.active.btn:after,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li button.active.btn:after {
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -9380 +9393 @@
 
 body.semi-dark:not(.dark) .navigation .navigation-menu-body ul li .dropdown-divider {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9419 +9432 @@
 body.semi-dark:not(.dark) .header form .input-group .input-group-append .horizontal-navigation > ul > li.open > button.btn,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation > ul > li.open > button.btn {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -9431 +9444 @@
 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.active.btn {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -9440 +9453 @@
 body.semi-dark:not(.dark) .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.semi-dark:not(.dark) .horizontal-navigation ul li button.btn:not(.active):focus {
-  color: #1a8eff;
+  color: #39a1f4;
 }
 
@@ -9710 +9723 @@
 .list-group .list-group-item.active {
   z-index: auto;
-  background: #0081ff;
+  background: #2196F3;
 }
 
@@ -9752 +9765 @@
 .table-email-list .header form .input-group .input-group-append button.btn:focus,
 .header form .input-group .input-group-append .table-email-list button.btn:focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9786 +9799 @@
 
 .list-group .list-group-item.active {
-  background: #0081ff;
+  background: #2196F3;
   border-color: transparent;
 }
@@ -9799 +9812 @@
 
 .nav-pills .nav-link.active {
-  background: #0081ff;
+  background: #2196F3;
 }
 
 .nav-tabs .nav-link.active {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -9984 +9997 @@
 
 .header .avatar.avatar-state-success:before {
-  border-color: #0081ff;
+  border-color: #2196F3;
 }
 
 .header .header-left {
-  /*width: 320px;*/
+  width: 80px;
   padding-left: 30px;
   display: -webkit-box;
@@ -10197 +10210 @@
   background-color: white;
   z-index: 998;
-  /*width: 320px;*/
+  width: 80px;
   box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
   position: fixed;
@@ -10248 +10261 @@
 .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:hover,
 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.btn:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10255 +10268 @@
 .header form .input-group .input-group-append .navigation .navigation-menu-tab ul li button.active.btn {
   color: white;
-  background-color: #0081ff;
-  box-shadow: 0px 5px 20px -14px #0081ff;
+  background-color: #2196F3;
+  box-shadow: 0px 5px 20px -14px #2196F3;
 }
 
@@ -10323 +10336 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10329 +10342 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li > button.btn:hover .nav-link-icon,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.btn:hover .nav-link-icon {
-  stroke: #0081ff;
+  stroke: #2196F3;
 }
 
@@ -10336 +10349 @@
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li > button.active.btn {
   position: relative;
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
-  background: rgba(0, 129, 255, 0.15);
+  background: rgba(33, 150, 243, 0.15);
   border-radius: 0.5rem;
   margin: 0 1rem;
@@ -10349 +10362 @@
   display: block;
   border: 6px solid transparent;
-  border-left-color: #0081ff;
+  border-left-color: #2196F3;
   margin-left: -12px;
   margin-right: 5px;
@@ -10420 +10433 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn {
-  color: #0081ff;
+  color: #2196F3;
   font-weight: 600;
 }
@@ -10427 +10440 @@
 .navigation .navigation-menu-body ul .header form .input-group .input-group-append li.open > button.btn .nav-link-icon,
 .header form .input-group .input-group-append .navigation .navigation-menu-body ul li.open > button.btn .nav-link-icon {
-  stroke: #0081ff;
+  stroke: #2196F3;
 }
 
@@ -10706 +10719 @@
 body.dark .navigation .navigation-menu-tab ul li .header form .input-group .input-group-append button.btn:not(.active):focus,
 .header form .input-group .input-group-append body.dark .navigation .navigation-menu-tab ul li button.btn:not(.active):focus {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10758 +10771 @@
 
 body.dark .navigation .navigation-menu-body ul li .dropdown-divider {
-  color: #0081ff;
+  color: #2196F3;
 }
 
@@ -10835 +10848 @@
 
 body.dark .breadcrumb li.breadcrumb-item.active {
-  color: #339aff;
+  color: #51adf6;
 }
 
@@ -10871 +10884 @@
 body.dark .swal-modal input.swal-content__input:focus,
 .swal-modal body.dark input.swal-content__input:focus {
-  border-color: #0081ff !important;
+  border-color: #2196F3 !important;
 }
 
@@ -11251 +11264 @@
 body.dark .daterangepicker td.end-date {
   color: white;
-  background-color: #0081ff;
+  background-color: #2196F3;
 }
 
@@ -11276 +11289 @@
 body.dark .daterangepicker td.available:hover,
 body.dark .daterangepicker th.available:hover {
-  background-color: #0081ff;
+  background-color: #2196F3;
   color: white;
 }
@@ -11364 +11377 @@
 body.dark .sidebar {
   background: #313852;
+}
+
+body.dark .nicescroll-cursors {
+  background-color: rgba(255, 255, 255, 0.15) !important;
 }
 
@@ -11741 +11758 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.btn:hover {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11748 +11765 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li button.active.btn {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11759 +11776 @@
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li ul li.open > button.btn {
     background: none;
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11779 +11796 @@
   body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.btn:hover,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.btn:hover {
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11785 +11802 @@
   body.dark.horizontal-navigation .horizontal-navigation ul li .header form .input-group .input-group-append button.active.btn,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li button.active.btn {
-    color: #339aff;
+    color: #51adf6;
   }
 
@@ -11791 +11808 @@
   body.dark.horizontal-navigation .horizontal-navigation ul .header form .input-group .input-group-append li.open > button.btn,
   .header form .input-group .input-group-append body.dark.horizontal-navigation .horizontal-navigation ul li.open > button.btn {
-    color: #339aff;
+    color: #51adf6;
   }
 }
@@ -11965 +11982 @@
     left: 0;
     opacity: 1;
+      width:80px;
   }
 
@@ -12259 +12277 @@
 
   .navigation {
-    width: 20%;
+    width: 75%;
   }
 
@@ -12273 +12291 @@
 
   .navigation {
-    width: 20%;
+    width: 85%;
   }
 }

resources/assets/js/app.js

@@ -1 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/        // The module cache
-/******/        var installedModules = {};
-/******/
-/******/        // The require function
-/******/        function __webpack_require__(moduleId) {
-/******/
-/******/                // Check if module is in cache
-/******/                if(installedModules[moduleId]) {
-/******/                        return installedModules[moduleId].exports;
-/******/                }
-/******/                // Create a new module (and put it into the cache)
-/******/                var module = installedModules[moduleId] = {
-/******/                        i: moduleId,
-/******/                        l: false,
-/******/                        exports: {}
-/******/                };
-/******/
-/******/                // Execute the module function
-/******/                modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/                // Flag the module as loaded
-/******/                module.l = true;
-/******/
-/******/                // Return the exports of the module
-/******/                return module.exports;
-/******/        }
-/******/
-/******/
-/******/        // expose the modules object (__webpack_modules__)
-/******/        __webpack_require__.m = modules;
-/******/
-/******/        // expose the module cache
-/******/        __webpack_require__.c = installedModules;
-/******/
-/******/        // define getter function for harmony exports
-/******/        __webpack_require__.d = function(exports, name, getter) {
-/******/                if(!__webpack_require__.o(exports, name)) {
-/******/                        Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/                }
-/******/        };
-/******/
-/******/        // define __esModule on exports
-/******/        __webpack_require__.r = function(exports) {
-/******/                if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/                        Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/                }
-/******/                Object.defineProperty(exports, '__esModule', { value: true });
-/******/        };
-/******/
-/******/        // create a fake namespace object
-/******/        // mode & 1: value is a module id, require it
-/******/        // mode & 2: merge all properties of value into the ns
-/******/        // mode & 4: return value when already ns object
-/******/        // mode & 8|1: behave like require
-/******/        __webpack_require__.t = function(value, mode) {
-/******/                if(mode & 1) value = __webpack_require__(value);
-/******/                if(mode & 8) return value;
-/******/                if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/                var ns = Object.create(null);
-/******/                __webpack_require__.r(ns);
-/******/                Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/                if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/                return ns;
-/******/        };
-/******/
-/******/        // getDefaultExport function for compatibility with non-harmony modules
-/******/        __webpack_require__.n = function(module) {
-/******/                var getter = module && module.__esModule ?
-/******/                        function getDefault() { return module['default']; } :
-/******/                        function getModuleExports() { return module; };
-/******/                __webpack_require__.d(getter, 'a', getter);
-/******/                return getter;
-/******/        };
-/******/
-/******/        // Object.prototype.hasOwnProperty.call
-/******/        __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/        // __webpack_public_path__
-/******/        __webpack_require__.p = "/";
-/******/
-/******/
-/******/        // Load entry module and return exports
-/******/        return __webpack_require__(__webpack_require__.s = 0);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./public/assets/sass/app.scss":
-/*!*************************************!*\
-  !*** ./public/assets/sass/app.scss ***!
-  \*************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ }),
-
-/***/ "./resources/js/app.js":
-/*!*****************************!*\
-  !*** ./resources/js/app.js ***!
-  \*****************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
+'use strict';
 
 (function ($) {
-  var wind_ = $(window),
-      body_ = $('body');
-  feather.replace({
-    'stroke-width': 1.5
-  });
-  $(document).on('click', '[data-toggle="fullscreen"]', function () {
-    $(this).toggleClass('active-fullscreen');
-
-    if (document.fullscreenEnabled) {
-      if ($(this).hasClass("active-fullscreen")) {
-        document.documentElement.requestFullscreen();
-      } else {
-        document.exitFullscreen();
-      }
-    } else {
-      alert("Your browser does not support fullscreen.");
+
+    var wind_ = $(window),
+        body_ = $('body');
+
+    feather.replace({
+        'stroke-width': 1.5
+    });
+
+    $(document).on('click', '[data-toggle="fullscreen"]', function () {
+        $(this).toggleClass('active-fullscreen');
+        if (document.fullscreenEnabled) {
+            if ($(this).hasClass("active-fullscreen")) {
+                document.documentElement.requestFullscreen();
+            } else {
+                document.exitFullscreen();
+            }
+        } else {
+            alert("Your browser does not support fullscreen.");
+        }
+        return false;
+    });
+
+    $(document).on('click', '.overlay', function () {
+        $.removeOverlay();
+        if (body_.hasClass('horizontal-navigation')) {
+            $('.horizontal-navigation').removeClass('open');
+        } else {
+            $('.navigation').removeClass('open');
+        }
+        body_.removeClass('navigation-show');
+    });
+
+    $(document).on('click', '[data-sidebar-target]', function () {
+        var target = $(this).data('sidebar-target');
+        $('body').addClass('no-scroll');
+        $('.sidebar-group').addClass('show');
+        $('.sidebar-group .sidebar').removeClass('show');
+        $('.sidebar-group .sidebar' + target).addClass('show');
+        return false;
+    });
+
+    $(document).on('click', '.sidebar-group', function (e) {
+        if ($(e.target).is($('.sidebar-group'))) {
+            $('.sidebar-group').removeClass('show');
+            $('body').removeClass('no-scroll');
+            $('.sidebar-group .sidebar').removeClass('show');
+        }
+    });
+
+    // Active pages, automatically show on the menu
+    $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
+    $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').addClass('open');
+    $('.navigation .navigation-menu-tab [data-nav-target="#' + $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').attr('id') + '"]').addClass('active');
+    $('body.horizontal-navigation .horizontal-navigation ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
+
+
+    /*------------- create/remove overlay -------------*/
+    $.createOverlay = function () {
+        if ($('.overlay').length < 1) {
+            body_.addClass('no-scroll').append('<div class="overlay"></div>');
+            $('.overlay').addClass('show');
+        }
+    };
+
+    $.removeOverlay = function () {
+        body_.removeClass('no-scroll');
+        $('.overlay').remove();
+    };
+    /*------------- create/remove overlay -------------*/
+
+    $('[data-backround-image]').each(function (e) {
+        $(this).css("background", 'url(' + $(this).data('backround-image') + ')');
+    });
+
+    /*------------- page loader -------------*/
+    wind_.on('load', function () {
+        $('.preloader').fadeOut(400, function () {
+            setTimeout(function () {
+                toastr.options = {
+                    timeOut: 2000,
+                    progressBar: true,
+                    showMethod: "slideDown",
+                    hideMethod: "slideUp",
+                    showDuration: 200,
+                    hideDuration: 200,
+                    positionClass: "toast-top-center",
+                };
+                //toastr.success('Welcome');
+
+                $('.theme-switcher').removeClass('open');
+            }, 500);
+
+            // $('.theme-switcher').css('opacity', 1);
+        });
+    });
+    /*------------- page loader -------------*/
+
+    /*------------- side menu (sub menü arrow) -------------*/
+    wind_.on('load', function () {
+        setTimeout(function () {
+            $('.navigation .navigation-menu-body ul li a').each(function () {
+                var $this = $(this);
+                if ($this.next('ul').length) {
+                    $this.append('<i class="sub-menu-arrow ti-angle-up"></i>');
+                }
+            });
+            $('.navigation .navigation-menu-body ul li.open>a>.sub-menu-arrow').removeClass('ti-plus').addClass('ti-minus').addClass('rotate-in');
+            $('body.horizontal-navigation .horizontal-navigation ul li a').each(function () {
+                var $this = $(this);
+                if ($this.next('ul').length) {
+                    $this.append('<i class="sub-menu-arrow ti-angle-right"></i>');
+                }
+            });
+        }, 200);
+    });
+    /*------------- side menu (sub menü arrow) -------------*/
+
+    $(document).on('click', '[data-action="navigation-toggler"]', function () {
+        if (body_.hasClass('horizontal-navigation')) {
+            $('.horizontal-navigation').toggleClass('open');
+        } else {
+            $('.navigation').toggleClass('open');
+        }
+        $.createOverlay();
+    });
+
+    $(document).on('click', '[data-nav-target]', function () {
+        var $this = $(this),
+            target = $this.data('nav-target');
+        if (body_.hasClass('navigation-toggle-one')) {
+            body_.addClass('navigation-show');
+        }
+        if (body_.hasClass('horizontal-navigation')) {
+            $('.navigation .navigation-menu-body').show();
+        }
+        $('.navigation .navigation-menu-body .navigation-menu-group > div').removeClass('open');
+        $('.navigation .navigation-menu-body .navigation-menu-group ' + target).addClass('open');
+        $('[data-nav-target]').removeClass('active');
+        $this.addClass('active');
+        $this.tooltip('hide');
+        return false;
+    });
+
+    var c = $('.header .header-left .header-logo').clone();
+    $('.navigation .navigation-header').append(c.addClass('navigation-logo').removeClass('header-logo'));
+
+    $(document).on('click', '.navigation-toggler a', function () {
+        if (wind_.width() < 1200) {
+            $.createOverlay();
+            body_.addClass('navigation-show');
+        } else {
+            if (!body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
+                body_.addClass('navigation-toggle-one');
+            } else if (body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
+                body_.addClass('navigation-toggle-two');
+                body_.removeClass('navigation-toggle-one');
+            } else if (!body_.hasClass('navigation-toggle-one') && body_.hasClass('navigation-toggle-two')) {
+                body_.removeClass('navigation-toggle-two');
+                body_.removeClass('navigation-toggle-one');
+            }
+        }
+        return false;
+    });
+
+    $(document).on('click', '.header-toggler a', function () {
+        $('.header ul.navbar-nav').toggleClass('open');
+        return false;
+    });
+
+    $(document).on('click', '*', function (e) {
+        if (!$(e.target).is($('.navigation, .navigation *, .navigation-toggler *')) && body_.hasClass('navigation-toggle-one')) {
+            body_.removeClass('navigation-show');
+        }
+    });
+
+    $(document).on('click', '*', function (e) {
+        if (!$(e.target).is('.header ul.navbar-nav, .header ul.navbar-nav *, .header-toggler, .header-toggler *')) {
+            $('.header ul.navbar-nav').removeClass('open');
+        }
+    });
+
+    /*------------- form validation -------------*/
+    window.addEventListener('load', function () {
+        // Fetch all the forms we want to apply custom Bootstrap validation styles to
+        var forms = document.getElementsByClassName('needs-validation');
+        // Loop over them and prevent submission
+        Array.prototype.filter.call(forms, function (form) {
+            form.addEventListener('submit', function (event) {
+                if (form.checkValidity() === false) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                }
+                form.classList.add('was-validated');
+            }, false);
+        });
+    }, false);
+    /*------------- form validation -------------*/
+
+    /*------------- responsive html table -------------*/
+    var table_responsive_stack = $(".table-responsive-stack");
+    table_responsive_stack
+        .find("th")
+        .each(function (i) {
+            $(".table-responsive-stack td:nth-child(" + (i + 1) + ")").prepend(
+                '<span class="table-responsive-stack-thead">' +
+                $(this).text() +
+                ":</span> "
+            );
+            $(".table-responsive-stack-thead").hide();
+        });
+
+    table_responsive_stack.each(function () {
+        var thCount = $(this).find("th").length,
+            rowGrow = 100 / thCount + "%";
+        $(this).find("th, td").css("flex-basis", rowGrow);
+    });
+
+    function flexTable() {
+        if (wind_.width() < 768) {
+            $(".table-responsive-stack").each(function (i) {
+                $(this)
+                    .find(".table-responsive-stack-thead")
+                    .show();
+                $(this)
+                    .find("thead")
+                    .hide();
+            });
+
+            // window is less than 768px
+        } else {
+            $(".table-responsive-stack").each(function (i) {
+                $(this)
+                    .find(".table-responsive-stack-thead")
+                    .hide();
+                $(this)
+                    .find("thead")
+                    .show();
+            });
+        }
     }
 
-    return false;
-  });
-  $(document).on('click', '.overlay', function () {
-    $.removeOverlay();
-
-    if (body_.hasClass('horizontal-navigation')) {
-      $('.horizontal-navigation').removeClass('open');
-    } else {
-      $('.navigation').removeClass('open');
+    flexTable();
+
+    window.onresize = function (event) {
+        flexTable();
+    };
+    /*------------- responsive html table -------------*/
+
+    /*------------- header search -------------*/
+    $(document).on('click', '[data-toggle="search"], [data-toggle="search"] *', function () {
+        $('.header .header-body .header-search').show().find('.form-control').focus();
+        return false;
+    });
+
+    $(document).on('click', '.close-header-search, .close-header-search svg', function () {
+        $('.header .header-body .header-search').hide();
+        return false;
+    });
+
+    $(document).on('click', '*', function (e) {
+        if (!$(e.target).is($('.header, .header *, [data-toggle="search"], [data-toggle="search"] *'))) {
+            $('.header .header-body .header-search').hide();
+        }
+    });
+    /*------------- header search -------------*/
+
+    /*------------- custom accordion -------------*/
+    $(document).on('click', '.accordion.custom-accordion .accordion-row a.accordion-header', function () {
+        var $this = $(this);
+        $this.closest('.accordion.custom-accordion').find('.accordion-row').not($this.parent()).removeClass('open');
+        $this.parent('.accordion-row').toggleClass('open');
+        return false;
+    });
+    /*------------- custom accordion -------------*/
+
+    /*------------- responsive table dropdown -------------*/
+    var dropdownMenu,
+        table_responsive = $('.table-responsive');
+
+    table_responsive.on('show.bs.dropdown', function (e) {
+        dropdownMenu = $(e.target).find('.dropdown-menu');
+        body_.append(dropdownMenu.detach());
+        var eOffset = $(e.target).offset();
+        dropdownMenu.css({
+            'display': 'block',
+            'top': eOffset.top + $(e.target).outerHeight(),
+            'left': eOffset.left,
+            'width': '184px',
+            'font-size': '14px'
+        });
+        dropdownMenu.addClass("mobPosDropdown");
+    });
+
+    table_responsive.on('hide.bs.dropdown', function (e) {
+        $(e.target).append(dropdownMenu.detach());
+        dropdownMenu.hide();
+    });
+    /*------------- responsive table dropdown -------------*/
+
+    /*------------- chat -------------*/
+    $(document).on('click', '.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item', function () {
+        $('.chat-block .chat-content').addClass('chat-mobile-open');
+        return false;
+    });
+
+    $(document).on('click', '.chat-block .chat-content .mobile-chat-close-btn a', function () {
+        $('.chat-block .chat-content').removeClass('chat-mobile-open');
+        return false;
+    });
+    /*------------- chat -------------*/
+
+    /*------------- aside menu toggle -------------*/
+    $(document).on('click', '.navigation ul li a', function () {
+        var $this = $(this);
+        if ($this.next('ul').length) {
+            var sub_menu_arrow = $this.find('.sub-menu-arrow');
+            sub_menu_arrow.toggleClass('rotate-in');
+            $this.next('ul').toggle(200);
+            $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
+            $this.next('ul').find('li ul').slideUp(200);
+            $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
+            $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('rotate-in');
+            $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
+            $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('rotate-in');
+            if (sub_menu_arrow.hasClass('rotate-in')) {
+                setTimeout(function () {
+                    sub_menu_arrow.removeClass('ti-plus').addClass('ti-minus');
+                }, 200);
+            } else {
+                sub_menu_arrow.removeClass('ti-minus').addClass('ti-plus');
+            }
+            if (!body_.hasClass('horizontal-side-menu') && wind_.width() >= 1200) {
+                setTimeout(function (e) {
+                    $('.navigation .navigation-menu-body').getNiceScroll().resize();
+                }, 300);
+            }
+            return false;
+        }
+    });
+
+    $(document).on('click', '.horizontal-navigation ul li a', function () {
+        var $this = $(this);
+        if ($this.next('ul').length) {
+            $this.next('ul').toggle(200);
+            $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
+            $this.next('ul').find('li ul').slideUp(200);
+            return false;
+        }
+    });
+
+    /*------------- aside menu toggle -------------*/
+
+    /*------------- other -------------*/
+    $(document).on('click', '.dropdown-menu', function (e) {
+        e.stopPropagation();
+    });
+
+    $('#exampleModal').on('show.bs.modal', function (event) {
+        var button = $(event.relatedTarget),
+            recipient = button.data('whatever'),
+            modal = $(this);
+
+        modal.find('.modal-title').text('New message to ' + recipient);
+        modal.find('.modal-body input').val(recipient);
+    });
+
+    $('[data-toggle="tooltip"]').tooltip({
+        container: 'body'
+    });
+
+    $('[data-toggle="popover"]').popover();
+
+    $('.carousel').carousel();
+
+    if (wind_.width() >= 992) {
+        $('.card-scroll').niceScroll();
+        $('.table-responsive').niceScroll();
+        $('.sidebar-group .sidebar').niceScroll();
+
+        $('.app-block .app-content .app-lists').niceScroll();
+        $('.app-block .app-sidebar .app-sidebar-menu').niceScroll();
+        $('.chat-block .chat-sidebar .chat-sidebar-content').niceScroll();
+        var chat_messages = $('.chat-block .chat-content .messages');
+        if (chat_messages.length) {
+            chat_messages.niceScroll({
+                horizrailenabled: false
+            });
+            chat_messages.getNiceScroll(0).doScrollTop(chat_messages.get(0).scrollHeight, -1);
+        }
     }
 
-    body_.removeClass('navigation-show');
-  });
-  $(document).on('click', '[data-sidebar-target]', function () {
-    var target = $(this).data('sidebar-target');
-    $('body').addClass('no-scroll');
-    $('.sidebar-group').addClass('show');
-    $('.sidebar-group .sidebar').removeClass('show');
-    $('.sidebar-group .sidebar' + target).addClass('show');
-    return false;
-  });
-  $(document).on('click', '.sidebar-group', function (e) {
-    if ($(e.target).is($('.sidebar-group'))) {
-      $('.sidebar-group').removeClass('show');
-      $('body').removeClass('no-scroll');
-      $('.sidebar-group .sidebar').removeClass('show');
+    if (!body_.hasClass('small-navigation') && !body_.hasClass('horizontal-navigation') && wind_.width() >= 992) {
+        $('.navigation .navigation-menu-body').niceScroll();
     }
-  }); // Active pages, automatically show on the menu
-
-  $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
-  $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').addClass('open');
-  $('.navigation .navigation-menu-tab [data-nav-target="#' + $('.navigation .navigation-menu-body .navigation-menu-group ul li a.active').closest('div').attr('id') + '"]').addClass('active');
-  $('body.horizontal-navigation .horizontal-navigation ul li a.active').closest('ul').parent('li').addClass('open').closest('ul').parent('li').addClass('open');
-  /*------------- create/remove overlay -------------*/
-
-  $.createOverlay = function () {
-    if ($('.overlay').length < 1) {
-      body_.addClass('no-scroll').append('<div class="overlay"></div>');
-      $('.overlay').addClass('show');
-    }
-  };
-
-  $.removeOverlay = function () {
-    body_.removeClass('no-scroll');
-    $('.overlay').remove();
-  };
-  /*------------- create/remove overlay -------------*/
-
-
-  $('[data-backround-image]').each(function (e) {
-    $(this).css("background", 'url(' + $(this).data('backround-image') + ')');
-  });
-  /*------------- page loader -------------*/
-
-  wind_.on('load', function () {
-    $('.preloader').fadeOut(400, function () {
-      setTimeout(function () {
-        toastr.options = {
-          timeOut: 2000,
-          progressBar: true,
-          showMethod: "slideDown",
-          hideMethod: "slideUp",
-          showDuration: 200,
-          hideDuration: 200,
-          positionClass: "toast-top-center"
-        };
-        //toastr.success('Welcome');
-        $('.theme-switcher').removeClass('open');
-      }, 500); // $('.theme-switcher').css('opacity', 1);
-    });
-  });
-  /*------------- page loader -------------*/
-
-  /*------------- side menu (sub menü arrow) -------------*/
-
-  wind_.on('load', function () {
-    setTimeout(function () {
-      $('.navigation .navigation-menu-body ul li a').each(function () {
-        var $this = $(this);
-
-        if ($this.next('ul').length) {
-          $this.append('<i class="sub-menu-arrow ti-angle-up"></i>');
-        }
-      });
-      $('.navigation .navigation-menu-body ul li.open>a>.sub-menu-arrow').removeClass('ti-plus').addClass('ti-minus').addClass('rotate-in');
-      $('body.horizontal-navigation .horizontal-navigation ul li a').each(function () {
-        var $this = $(this);
-
-        if ($this.next('ul').length) {
-          $this.append('<i class="sub-menu-arrow ti-angle-right"></i>');
-        }
-      });
-    }, 200);
-  });
-  /*------------- side menu (sub menü arrow) -------------*/
-
-  $(document).on('click', '[data-action="navigation-toggler"]', function () {
-    if (body_.hasClass('horizontal-navigation')) {
-      $('.horizontal-navigation').toggleClass('open');
-    } else {
-      $('.navigation').toggleClass('open');
-    }
-
-    $.createOverlay();
-  });
-  $(document).on('click', '[data-nav-target]', function () {
-    var $this = $(this),
-        target = $this.data('nav-target');
-
-    if (body_.hasClass('navigation-toggle-one')) {
-      body_.addClass('navigation-show');
-    }
-
-    if (body_.hasClass('horizontal-navigation')) {
-      $('.navigation .navigation-menu-body').show();
-    }
-
-    $('.navigation .navigation-menu-body .navigation-menu-group > div').removeClass('open');
-    $('.navigation .navigation-menu-body .navigation-menu-group ' + target).addClass('open');
-    $('[data-nav-target]').removeClass('active');
-    $this.addClass('active');
-    $this.tooltip('hide');
-    return false;
-  });
-  var c = $('.header .header-left .header-logo').clone();
-  $('.navigation .navigation-header').append(c.addClass('navigation-logo').removeClass('header-logo'));
-  $(document).on('click', '.navigation-toggler a', function () {
-    if (wind_.width() < 1200) {
-      $.createOverlay();
-      body_.addClass('navigation-show');
-    } else {
-      if (!body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
-        body_.addClass('navigation-toggle-one');
-      } else if (body_.hasClass('navigation-toggle-one') && !body_.hasClass('navigation-toggle-two')) {
-        body_.addClass('navigation-toggle-two');
-        body_.removeClass('navigation-toggle-one');
-      } else if (!body_.hasClass('navigation-toggle-one') && body_.hasClass('navigation-toggle-two')) {
-        body_.removeClass('navigation-toggle-two');
-        body_.removeClass('navigation-toggle-one');
-      }
-    }
-
-    return false;
-  });
-  $(document).on('click', '.header-toggler a', function () {
-    $('.header ul.navbar-nav').toggleClass('open');
-    return false;
-  });
-  $(document).on('click', '*', function (e) {
-    if (!$(e.target).is($('.navigation, .navigation *, .navigation-toggler *')) && body_.hasClass('navigation-toggle-one')) {
-      body_.removeClass('navigation-show');
-    }
-  });
-  $(document).on('click', '*', function (e) {
-    if (!$(e.target).is('.header ul.navbar-nav, .header ul.navbar-nav *, .header-toggler, .header-toggler *')) {
-      $('.header ul.navbar-nav').removeClass('open');
-    }
-  });
-  /*------------- form validation -------------*/
-
-  window.addEventListener('load', function () {
-    // Fetch all the forms we want to apply custom Bootstrap validation styles to
-    var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission
-
-    Array.prototype.filter.call(forms, function (form) {
-      form.addEventListener('submit', function (event) {
-        if (form.checkValidity() === false) {
-          event.preventDefault();
-          event.stopPropagation();
-        }
-
-        form.classList.add('was-validated');
-      }, false);
-    });
-  }, false);
-  /*------------- form validation -------------*/
-
-  /*------------- responsive html table -------------*/
-
-  var table_responsive_stack = $(".table-responsive-stack");
-  table_responsive_stack.find("th").each(function (i) {
-    $(".table-responsive-stack td:nth-child(" + (i + 1) + ")").prepend('<span class="table-responsive-stack-thead">' + $(this).text() + ":</span> ");
-    $(".table-responsive-stack-thead").hide();
-  });
-  table_responsive_stack.each(function () {
-    var thCount = $(this).find("th").length,
-        rowGrow = 100 / thCount + "%";
-    $(this).find("th, td").css("flex-basis", rowGrow);
-  });
-
-  function flexTable() {
-    if (wind_.width() < 768) {
-      $(".table-responsive-stack").each(function (i) {
-        $(this).find(".table-responsive-stack-thead").show();
-        $(this).find("thead").hide();
-      }); // window is less than 768px
-    } else {
-      $(".table-responsive-stack").each(function (i) {
-        $(this).find(".table-responsive-stack-thead").hide();
-        $(this).find("thead").show();
-      });
-    }
-  }
-
-  flexTable();
-
-  window.onresize = function (event) {
-    flexTable();
-  };
-  /*------------- responsive html table -------------*/
-
-  /*------------- header search -------------*/
-
-
-  $(document).on('click', '[data-toggle="search"], [data-toggle="search"] *', function () {
-    $('.header .header-body .header-search').show().find('.form-control').focus();
-    return false;
-  });
-  $(document).on('click', '.close-header-search, .close-header-search svg', function () {
-    $('.header .header-body .header-search').hide();
-    return false;
-  });
-  $(document).on('click', '*', function (e) {
-    if (!$(e.target).is($('.header, .header *, [data-toggle="search"], [data-toggle="search"] *'))) {
-      $('.header .header-body .header-search').hide();
-    }
-  });
-  /*------------- header search -------------*/
-
-  /*------------- custom accordion -------------*/
-
-  $(document).on('click', '.accordion.custom-accordion .accordion-row a.accordion-header', function () {
-    var $this = $(this);
-    $this.closest('.accordion.custom-accordion').find('.accordion-row').not($this.parent()).removeClass('open');
-    $this.parent('.accordion-row').toggleClass('open');
-    return false;
-  });
-  /*------------- custom accordion -------------*/
-
-  /*------------- responsive table dropdown -------------*/
-
-  var dropdownMenu,
-      table_responsive = $('.table-responsive');
-  table_responsive.on('show.bs.dropdown', function (e) {
-    dropdownMenu = $(e.target).find('.dropdown-menu');
-    body_.append(dropdownMenu.detach());
-    var eOffset = $(e.target).offset();
-    dropdownMenu.css({
-      'display': 'block',
-      'top': eOffset.top + $(e.target).outerHeight(),
-      'left': eOffset.left,
-      'width': '184px',
-      'font-size': '14px'
-    });
-    dropdownMenu.addClass("mobPosDropdown");
-  });
-  table_responsive.on('hide.bs.dropdown', function (e) {
-    $(e.target).append(dropdownMenu.detach());
-    dropdownMenu.hide();
-  });
-  /*------------- responsive table dropdown -------------*/
-
-  /*------------- chat -------------*/
-
-  $(document).on('click', '.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item', function () {
-    $('.chat-block .chat-content').addClass('chat-mobile-open');
-    return false;
-  });
-  $(document).on('click', '.chat-block .chat-content .mobile-chat-close-btn a', function () {
-    $('.chat-block .chat-content').removeClass('chat-mobile-open');
-    return false;
-  });
-  /*------------- chat -------------*/
-
-  /*------------- aside menu toggle -------------*/
-
-  $(document).on('click', '.navigation ul li a', function () {
-    var $this = $(this);
-
-    if ($this.next('ul').length) {
-      var sub_menu_arrow = $this.find('.sub-menu-arrow');
-      sub_menu_arrow.toggleClass('rotate-in');
-      $this.next('ul').toggle(200);
-      $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
-      $this.next('ul').find('li ul').slideUp(200);
-      $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
-      $this.next('ul').find('li>a').find('.sub-menu-arrow').removeClass('rotate-in');
-      $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('ti-minus').addClass('ti-plus');
-      $this.parent('li').siblings().not($this.parent('li').find('ul')).find('>a').find('.sub-menu-arrow').removeClass('rotate-in');
-
-      if (sub_menu_arrow.hasClass('rotate-in')) {
-        setTimeout(function () {
-          sub_menu_arrow.removeClass('ti-plus').addClass('ti-minus');
-        }, 200);
-      } else {
-        sub_menu_arrow.removeClass('ti-minus').addClass('ti-plus');
-      }
-
-      if (!body_.hasClass('horizontal-side-menu') && wind_.width() >= 1200) {
-        setTimeout(function (e) {
-          $('.navigation .navigation-menu-body').getNiceScroll().resize();
-        }, 300);
-      }
-
-      return false;
-    }
-  });
-  $(document).on('click', '.horizontal-navigation ul li a', function () {
-    var $this = $(this);
-
-    if ($this.next('ul').length) {
-      $this.next('ul').toggle(200);
-      $this.parent('li').siblings().find('ul').not($this.parent('li').find('ul')).slideUp(200);
-      $this.next('ul').find('li ul').slideUp(200);
-      return false;
-    }
-  });
-  /*------------- aside menu toggle -------------*/
-
-  /*------------- other -------------*/
-
-  $(document).on('click', '.dropdown-menu', function (e) {
-    e.stopPropagation();
-  });
-  $('#exampleModal').on('show.bs.modal', function (event) {
-    var button = $(event.relatedTarget),
-        recipient = button.data('whatever'),
-        modal = $(this);
-    modal.find('.modal-title').text('New message to ' + recipient);
-    modal.find('.modal-body input').val(recipient);
-  });
-  $('[data-toggle="tooltip"]').tooltip({
-    container: 'body'
-  });
-  $('[data-toggle="popover"]').popover();
-  $('.carousel').carousel();
-
-  if (wind_.width() >= 992) {
-    $('.card-scroll').niceScroll();
-    $('.table-responsive').niceScroll();
-    $('.sidebar-group .sidebar').niceScroll();
-    $('.app-block .app-content .app-lists').niceScroll();
-    $('.app-block .app-sidebar .app-sidebar-menu').niceScroll();
-    $('.chat-block .chat-sidebar .chat-sidebar-content').niceScroll();
-    var chat_messages = $('.chat-block .chat-content .messages');
-
-    if (chat_messages.length) {
-      chat_messages.niceScroll({
-        horizrailenabled: false
-      });
-      chat_messages.getNiceScroll(0).doScrollTop(chat_messages.get(0).scrollHeight, -1);
-    }
-  }
-
-  if (!body_.hasClass('small-navigation') && !body_.hasClass('horizontal-navigation') && wind_.width() >= 992) {
-    $('.navigation .navigation-menu-body').niceScroll();
-  }
-
-  $('.dropdown-menu ul.list-group').niceScroll();
-  /* Theme Switcher */
-
-  /* var path = window.location.pathname;
-  var page = path.split("/").pop();
-   var theme_switcher_html = '<div class="theme-switcher open"> \n\
-      <div class="theme-switcher-button"> \n\
-          <i class="fa fa-cog"></i> \n\
-      </div> \n\
-      <div class="theme-switcher-panel"> \n\
-          <div class="card"> \n\
-              <div class="card-body"> \n\
-                  <h6 class="card-title">Theme Switcher</h6> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="dark"> \n\
-                          <label class="custom-control-label" for="dark">Dark</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="semi-dark"> \n\
-                          <label class="custom-control-label" for="semi-dark">Semi dark</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="shadow-layout"> \n\
-                          <label class="custom-control-label" for="shadow-layout">Shadow layout</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-navigation"> \n\
-                          <label class="custom-control-label" for="sticky-navigation">Sticky navigation</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="small-navigation"> \n\
-                          <label class="custom-control-label" for="small-navigation">Small navigation</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="hidden-navigation"> \n\
-                          <label class="custom-control-label" for="hidden-navigation">Hidden navigation</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-header"> \n\
-                          <label class="custom-control-label" for="sticky-header">Sticky header</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="light-header"> \n\
-                          <label class="custom-control-label" for="light-header">Light header</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-footer"> \n\
-                          <label class="custom-control-label" for="sticky-footer">Sticky footer</label> \n\
-                      </div> \n\
-                  </div> \n\
-              </div> \n\
-          </div> \n\
-      </div> \n\
-  </div>';
-   $('body').append(theme_switcher_html);
-   $(document).on('click', '.theme-switcher input[type="checkbox"]', function () {
-      var id = $(this).attr('id');
-      if (id === 'sticky-navigation') {
-          if ($(this).prop('checked')) {
-              $('.navigation').niceScroll().resize();
-          } else {
-              $('.navigation').niceScroll().remove();
-          }
-          if ($('body').hasClass('small-navigation')) {
-              $('.navigation .navigation-menu-body > ul > li').each(function () {
-                  if ($(this).find('> a').next('ul').length) {
-                      // Dropdown add header title
-                      $(this).find('.dropdown-divider').remove();
-                  } else {
-                      // Add tooltip
-                      $(this).find('> a').tooltip('dispose');
-                  }
-              });
-              $('body').removeClass('small-navigation');
-              $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
-          }
-          if ($('body').hasClass('hidden-navigation')) {CUSTOMİZABLE
-              $('body').removeClass('hidden-navigation');
-              $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
-          }
-      }
-      if (id === 'small-navigation') {
-          if ($(this).prop('checked')) {
-              $('.navigation .navigation-menu-body > ul > li').each(function () {
-                  if ($(this).find('> a').next('ul').length) {
-                      // Dropdown add header title
-                      $(this).find('> a').next('ul').prepend('<li class="dropdown-divider">' + $(this).find('> a > span:not(.badge)').text() + '</li>')
-                  } else {
-                      // Add tooltip
-                      $(this).find('> a').attr('title', $(this).find('> a > span:not(.badge)').text());
-                      $(this).find('> a').tooltip({
-                          placement: "right"
-                      });
-                  }
-              });
-          } else {
-              $('.navigation .navigation-menu-body > ul > li').each(function () {
-                  if ($(this).find('> a').next('ul').length) {
-                      // Dropdown add header title
-                      $(this).find('.dropdown-divider').remove();
-                  } else {
-                      // Add tooltip
-                      $(this).find('> a').tooltip('dispose');
-                  }
-              });
-          }
-          if ($('body').hasClass('sticky-navigation')) {
-              $('body').removeClass('sticky-navigation');
-              $('.navigation').niceScroll().remove();
-              $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
-          }
-          if ($('body').hasClass('hidden-navigation')) {
-              $('body').removeClass('hidden-navigation');
-              $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
-          }
-      }
-      if (id === 'hidden-navigation') {
-          setTimeout(function () {
-              $('.navigation').niceScroll().resize();
-              $('.app-block .app-content .app-lists').niceScroll().resize();
-              $('.app-block .app-sidebar .app-sidebar-menu').niceScroll().resize();
-              $('.chat-block .chat-sidebar .chat-sidebar-content .tab-content .tab-pane').niceScroll().resize();
-          }, 200);
-          if (!$(this).prop('checked')) {
-              $.removeOverlay();
-              $('.navigation').removeClass('open');
-          }
-          if (page != 'chat.html' && page != 'inbox.html' && page != 'app-todo.html') {
-              if ($('body').hasClass('sticky-navigation')) {
-                  $('body').removeClass('sticky-navigation');
-                  $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
-              }
-          }
-          if ($('body').hasClass('small-navigation')) {
-              $('.navigation .navigation-menu-body > ul > li').each(function () {
-                  if ($(this).find('> a').next('ul').length) {
-                      // Dropdown add header title
-                      $(this).find('.dropdown-divider').remove();
-                  } else {
-                      // Add tooltip
-                      $(this).find('> a').tooltip('dispose');
-                  }
-              });
-              $('body').removeClass('small-navigation');
-              $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
-          }
-      }
-      if (id === 'dark') {
-          if ($('body').hasClass('semi-dark')) {
-              $('body').removeClass('semi-dark');
-              $('.theme-switcher input[type="checkbox"][id="semi-dark"]').prop('checked', false);
-          }
-      }
-      if (id === 'semi-dark') {
-          if ($('body').hasClass('dark')) {
-              $('body').removeClass('dark');
-              $('.theme-switcher input[type="checkbox"][id="dark"]').prop('checked', false);
-          }
-      }
-      $('body').toggleClass(id);
-  });
-   $(document).on('click', '.theme-switcher .theme-switcher-button', function () {
-      $('.theme-switcher').toggleClass('open');
-  }); */
+
+    $('.dropdown-menu ul.list-group').niceScroll();
 })(jQuery);
-
-/***/ }),
-
-/***/ 0:
-/*!*****************************************************************!*\
-  !*** multi ./resources/js/app.js ./public/assets/sass/app.scss ***!
-  \*****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(/**/"./resources/js/app.js");
-module.exports = __webpack_require__(/**/"./public/assets/sass/app.scss");
-
-
-/***/ })
-
-/******/ });

resources/assets/js/app.min.js

@@ -193 +193 @@
           positionClass: "toast-top-center"
         };
+        //toastr.success('Welcome');
         $('.theme-switcher').removeClass('open');
       }, 500); // $('.theme-switcher').css('opacity', 1);
@@ -485 +486 @@
 
   $('.dropdown-menu ul.list-group').niceScroll();
-  /* Theme Switcher */
-
-  /* var path = window.location.pathname;
-  var page = path.split("/").pop();
-   var theme_switcher_html = '<div class="theme-switcher open"> \n\
-      <div class="theme-switcher-button"> \n\
-          <i class="fa fa-cog"></i> \n\
-      </div> \n\
-      <div class="theme-switcher-panel"> \n\
-          <div class="card"> \n\
-              <div class="card-body"> \n\
-                  <h6 class="card-title">Theme Switcher</h6> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="dark"> \n\
-                          <label class="custom-control-label" for="dark">Dark</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="semi-dark"> \n\
-                          <label class="custom-control-label" for="semi-dark">Semi dark</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="shadow-layout"> \n\
-                          <label class="custom-control-label" for="shadow-layout">Shadow layout</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-navigation"> \n\
-                          <label class="custom-control-label" for="sticky-navigation">Sticky navigation</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="small-navigation"> \n\
-                          <label class="custom-control-label" for="small-navigation">Small navigation</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="hidden-navigation"> \n\
-                          <label class="custom-control-label" for="hidden-navigation">Hidden navigation</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-header"> \n\
-                          <label class="custom-control-label" for="sticky-header">Sticky header</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" id="light-header"> \n\
-                          <label class="custom-control-label" for="light-header">Light header</label> \n\
-                      </div> \n\
-                  </div> \n\
-                  <div class="form-group mb-2"> \n\
-                      <div class="custom-control custom-switch"> \n\
-                          <input type="checkbox" class="custom-control-input" ' + (page === 'chat.html' || page === 'inbox.html' || page === 'app-todo.html' ? 'disabled' : '') + ' id="sticky-footer"> \n\
-                          <label class="custom-control-label" for="sticky-footer">Sticky footer</label> \n\
-                      </div> \n\
-                  </div> \n\
-              </div> \n\
-          </div> \n\
-      </div> \n\
-  </div>';
-   $('body').append(theme_switcher_html);
-   $(document).on('click', '.theme-switcher input[type="checkbox"]', function () {
-      var id = $(this).attr('id');
-      if (id === 'sticky-navigation') {
-          if ($(this).prop('checked')) {
-              $('.navigation').niceScroll().resize();
-          } else {
-              $('.navigation').niceScroll().remove();
-          }
-          if ($('body').hasClass('small-navigation')) {
-              $('.navigation .navigation-menu-body > ul > li').each(function () {
-                  if ($(this).find('> a').next('ul').length) {
-                      // Dropdown add header title
-                      $(this).find('.dropdown-divider').remove();
-                  } else {
-                      // Add tooltip
-                      $(this).find('> a').tooltip('dispose');
-                  }
-              });
-              $('body').removeClass('small-navigation');
-              $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
-          }
-          if ($('body').hasClass('hidden-navigation')) {CUSTOMİZABLE
-              $('body').removeClass('hidden-navigation');
-              $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
-          }
-      }
-      if (id === 'small-navigation') {
-          if ($(this).prop('checked')) {
-              $('.navigation .navigation-menu-body > ul > li').each(function () {
-                  if ($(this).find('> a').next('ul').length) {
-                      // Dropdown add header title
-                      $(this).find('> a').next('ul').prepend('<li class="dropdown-divider">' + $(this).find('> a > span:not(.badge)').text() + '</li>')
-                  } else {
-                      // Add tooltip
-                      $(this).find('> a').attr('title', $(this).find('> a > span:not(.badge)').text());
-                      $(this).find('> a').tooltip({
-                          placement: "right"
-                      });
-                  }
-              });
-          } else {
-              $('.navigation .navigation-menu-body > ul > li').each(function () {
-                  if ($(this).find('> a').next('ul').length) {
-                      // Dropdown add header title
-                      $(this).find('.dropdown-divider').remove();
-                  } else {
-                      // Add tooltip
-                      $(this).find('> a').tooltip('dispose');
-                  }
-              });
-          }
-          if ($('body').hasClass('sticky-navigation')) {
-              $('body').removeClass('sticky-navigation');
-              $('.navigation').niceScroll().remove();
-              $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
-          }
-          if ($('body').hasClass('hidden-navigation')) {
-              $('body').removeClass('hidden-navigation');
-              $('.theme-switcher input[type="checkbox"][id="hidden-navigation"]').prop('checked', false);
-          }
-      }
-      if (id === 'hidden-navigation') {
-          setTimeout(function () {
-              $('.navigation').niceScroll().resize();
-              $('.app-block .app-content .app-lists').niceScroll().resize();
-              $('.app-block .app-sidebar .app-sidebar-menu').niceScroll().resize();
-              $('.chat-block .chat-sidebar .chat-sidebar-content .tab-content .tab-pane').niceScroll().resize();
-          }, 200);
-          if (!$(this).prop('checked')) {
-              $.removeOverlay();
-              $('.navigation').removeClass('open');
-          }
-          if (page != 'chat.html' && page != 'inbox.html' && page != 'app-todo.html') {
-              if ($('body').hasClass('sticky-navigation')) {
-                  $('body').removeClass('sticky-navigation');
-                  $('.theme-switcher input[type="checkbox"][id="sticky-navigation"]').prop('checked', false);
-              }
-          }
-          if ($('body').hasClass('small-navigation')) {
-              $('.navigation .navigation-menu-body > ul > li').each(function () {
-                  if ($(this).find('> a').next('ul').length) {
-                      // Dropdown add header title
-                      $(this).find('.dropdown-divider').remove();
-                  } else {
-                      // Add tooltip
-                      $(this).find('> a').tooltip('dispose');
-                  }
-              });
-              $('body').removeClass('small-navigation');
-              $('.theme-switcher input[type="checkbox"][id="small-navigation"]').prop('checked', false);
-          }
-      }
-      if (id === 'dark') {
-          if ($('body').hasClass('semi-dark')) {
-              $('body').removeClass('semi-dark');
-              $('.theme-switcher input[type="checkbox"][id="semi-dark"]').prop('checked', false);
-          }
-      }
-      if (id === 'semi-dark') {
-          if ($('body').hasClass('dark')) {
-              $('body').removeClass('dark');
-              $('.theme-switcher input[type="checkbox"][id="dark"]').prop('checked', false);
-          }
-      }
-      $('body').toggleClass(id);
-  });
-   $(document).on('click', '.theme-switcher .theme-switcher-button', function () {
-      $('.theme-switcher').toggleClass('open');
-  }); */
 })(jQuery);
 
@@ -676 +497 @@
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(/**/"./resources/js/app.js");
-module.exports = __webpack_require__(/**/"./public/assets/sass/app.scss");
+__webpack_require__(/*! C:\wamp64\www\themeforest\nago\resources\js\app.js */"./resources/js/app.js");
+module.exports = __webpack_require__(/*! C:\wamp64\www\themeforest\nago\public\assets\sass\app.scss */"./public/assets/sass/app.scss");
 
 

resources/assets/js/examples/pages/user-list.js

@@ -5 +5 @@
                 'targets': 0,
                 'className': 'dt-body-center',
-                // 'render': function (data, type, full, meta) {
-                //     return '<div class="custom-control custom-checkbox">' +
-                //         '<input type="checkbox" class="custom-control-input" id="customCheck' + meta.row + '">' +
-                //         '<label class="custom-control-label" for="customCheck' + meta.row + '"></label>' +
-                //         '</div>';
-                // }
+                'render': function (data, type, full, meta) {
+                    return '<div class="custom-control custom-checkbox">' +
+                        '<input type="checkbox" class="custom-control-input" id="customCheck' + meta.row + '">' +
+                        '<label class="custom-control-label" for="customCheck' + meta.row + '"></label>' +
+                        '</div>';
+                }
             },
             {
                 "orderable": false,
-                "targets": []
+                "targets": [0, 8]
             }
         ],
@@ -20 +20 @@
     });
 
-//     $(document).on('click', '#user-list-select-all', function () {
-//         // Check/uncheck all checkboxes in the table
-//         var rows = table.rows({'search': 'applied'}).nodes();
-//         $('input[type="checkbox"]', rows)
-//             .prop('checked', this.checked);
-//         if (this.checked) {
-//             $('input[type="checkbox"]', rows).closest('tr').addClass('tr-selected');
-//         } else {
-//             $('input[type="checkbox"]', rows).closest('tr').removeClass('tr-selected');
-//         }
-//     });
-//
-//     // Handle click on checkbox to set state of "Select all" control
-//     $('#user-list tbody').on('change', 'input[type="checkbox"]', function () {
-//         // If checkbox is not checked
-//         if (!this.checked) {
-//             var el = $('#user-list-select-all').get(0);
-//             // If "Select all" control is checked and has 'indeterminate' property
-//             if (el && el.checked && ('indeterminate' in el)) {
-//                 // Set visual state of "Select all" control
-//                 // as 'indeterminate'
-//                 el.indeterminate = true;
-//             }
-//         }
-//     });
-//
-//     $(document).on('click', '.custom-control-input', function () {
-//         if ($(this).prop('checked')) {
-//             $(this).closest('td').closest('tr').addClass('tr-selected');
-//         } else {
-//             $(this).closest('td').closest('tr').removeClass('tr-selected');
-//         }
-//     });
+    $(document).on('click', '#user-list-select-all', function () {
+        // Check/uncheck all checkboxes in the table
+        var rows = table.rows({'search': 'applied'}).nodes();
+        $('input[type="checkbox"]', rows)
+            .prop('checked', this.checked);
+        if (this.checked) {
+            $('input[type="checkbox"]', rows).closest('tr').addClass('tr-selected');
+        } else {
+            $('input[type="checkbox"]', rows).closest('tr').removeClass('tr-selected');
+        }
+    });
+
+    // Handle click on checkbox to set state of "Select all" control
+    $('#user-list tbody').on('change', 'input[type="checkbox"]', function () {
+        // If checkbox is not checked
+        if (!this.checked) {
+            var el = $('#user-list-select-all').get(0);
+            // If "Select all" control is checked and has 'indeterminate' property
+            if (el && el.checked && ('indeterminate' in el)) {
+                // Set visual state of "Select all" control
+                // as 'indeterminate'
+                el.indeterminate = true;
+            }
+        }
+    });
+
+    $(document).on('click', '.custom-control-input', function () {
+        if ($(this).prop('checked')) {
+            $(this).closest('td').closest('tr').addClass('tr-selected');
+        } else {
+            $(this).closest('td').closest('tr').removeClass('tr-selected');
+        }
+    });
 });

resources/views/dashboard/departments/create.blade.php

@@ -29 +29 @@
                                     <h6 class="card-title">New department</h6>
                                     <form action="{{ route("dashboard.departments.store") }}" method="post" accept-charset="utf-8">
+                                        @csrf
                                         <div class="row">
-                                            @csrf
                                             <div class="col-md-6">
                                                 <div class="form-group">

resources/views/dashboard/departments/edit.blade.php

@@ -1 +1 @@
 @extends('layouts.app')
 
-@section("title", "departments - Edit user")
+@section("title", "Departments - Edit department")
 
-@section('pageTitle', 'Edit user')
+@section('pageTitle', 'Edit department')
 
 @section('content')

resources/views/dashboard/departments/index.blade.php

@@ -36 +36 @@
                             <thead>
                             <tr>
-{{--                                <th>--}}
-{{--                                    <div class="custom-control custom-checkbox">--}}
-{{--                                        <input type="checkbox" class="custom-control-input" id="user-list-select-all">--}}
-{{--                                        <label class="custom-control-label" for="user-list-select-all"></label>--}}
-{{--                                    </div>--}}
-{{--                                </th>--}}
+                                <th>
+                                    <div class="custom-control custom-checkbox">
+                                        <input type="checkbox" class="custom-control-input" id="user-list-select-all">
+                                        <label class="custom-control-label" for="user-list-select-all"></label>
+                                    </div>
+                                </th>
                                 <th>ID</th>
                                 <th>Name</th>
                                 <th>Code</th>
                                 <th>Created by</th>
-                                <th>Creation date</th>
+                                <th>Created at</th>
+                                <th>Updated at</th>
+                                <th>Directory</th>
                                 <th>Actions</th>
                             </tr>
@@ -53 +55 @@
                             @foreach($departments as $department)
                                 <tr>
+                                    <td></td>
                                     <td>{{$department->id }}</td>
                                     <td>{{ $department->name }}</td>
                                     <td>{{ $department->code }}</td>
                                     <td>{{ $department->getCreatedByName() }}</td>
-                                    <td>{{ date('d.m.Y', strtotime($department->created_at)) }}</td>
+                                    <td>{{ date('d.m.Y - H:i', strtotime($department->created_at)) }}</td>
+                                    @if($department->updated_at==NULL)
+                                        <td>/</td>
+                                    @else
+                                    <td>{{ date('d.m.Y - H:i', strtotime($department->updated_at)) }}</td>
+                                    @endif
+                                    <!-- Trigger -->
+                                    <td id="copy_{{ $department->id }}" value="{{$department->location}}">{{$department->location}}
+                                            <button class="btn btn-sm btn-primary text-white" data-clipboard-target="#copy_{{ $department->id }}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
+                                                    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
+                                                    <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
+                                                </svg></button>
+                                    </td>
                                     <td>
                                         <a href="{{ route("dashboard.departments.edit", ["id" => $department->id]) }}" class="text-secondary" data-toggle="tooltip" title="Edit">

resources/views/dashboard/settings/index.blade.php

@@ -35 +35 @@
                                 <div class="card-body">
                                     <h6 class="card-title">Account</h6>
-                                    <form action="{{ route("dashboard.users.editUserData", ["id" =>$user->id]) }}" method="post" accept-charset="utf-8">
+                                    <form action="{{ route("dashboard.users.editUserData", ["id" =>$user->id]) }}" method="post" accept-charset="utf-8" enctype='multipart/form-data'>
                                         @method("patch")
                                         @csrf
@@ -53 +53 @@
                                         </div>
                                         <div class="row">
-{{--                                            <div class="col-md-6">--}}
-{{--                                                <div class="form-group">--}}
-{{--                                                    <label>Email</label>--}}
-{{--                                                    <input type="email" name="email" value="{{ $user->email }}" class="form-control" placeholder="E-mail" required>--}}
-{{--                                                </div>--}}
-{{--                                            </div>--}}
                                             <div class="col-md-6">
                                                 <div class="form-group">
@@ -65 +59 @@
                                                 </div>
                                             </div>
+                                            <div class="col-md-5">
+                                                <div class="form-group">
+                                                    <label>Avatar</label>
+                                                    <input type="file" name="avatar" value="{{ $user->avatar }}" class="form-control" accept="image/*">
+                                                </div>
+                                            </div>
+                                        <div class="col-md-1">
+                                            <div class="form-group">
+                                                <label>Current</label>
+                                                @include('dashboard.partials.avatar')
+                                            </div>
+                                        </div>
                                         </div>
                                         <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">

resources/views/dashboard/users/create.blade.php

@@ -28 +28 @@
                                 <div class="card-body">
                                     <h6 class="card-title">User account data</h6>
-                                    <form action="{{ route("dashboard.users.store") }}" method="post" accept-charset="utf-8">
+                                    <form action="{{ route("dashboard.users.store") }}" method="post" accept-charset="utf-8" enctype='multipart/form-data'>
                                         @csrf
                                         <div class="row">
@@ -77 +77 @@
 
                                         </div>
+
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group">
+                                                    <label>Avatar</label>
+                                                    <input type="file" name="avatar" value="{{ old('avatar') }}" class="form-control" accept="image/*">
+                                                </div>
+                                            </div>
+                                        </div>
                                             <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
                                     </form>

resources/views/dashboard/users/edit.blade.php

@@ -28 +28 @@
                                 <div class="card-body">
                                     <h6 class="card-title">User account data</h6>
-                                    <form action="{{ route("dashboard.users.edit", ["id" =>$user->id]) }}" method="post" accept-charset="utf-8">
+                                    <form action="{{ route("dashboard.users.edit", ["id" =>$user->id]) }}" method="post" accept-charset="utf-8" enctype='multipart/form-data'>
                                         @method("patch")
                                         @csrf
@@ -78 +78 @@
                                             </div>
                                         </div>
+                                        <div class="row">
+                                            <div class="col-md-5">
+                                                <div class="form-group">
+                                                    <label>Avatar</label>
+                                                    <input type="file" name="avatar" value="{{ $user->avatar }}" class="form-control" accept="image/*">
+                                                </div>
+                                            </div>
+                                            <div class="col-md-1">
+                                                <div class="form-group">
+                                                    <label>Current</label>
+                                                    @include('dashboard.partials.avatar')
+                                                </div>
+                                            </div>
+                                        </div>
                                         <input type="submit" value="Save changes" class="submitBtn btn btn-primary pull-right m-10">
                                     </form>

resources/views/dashboard/users/index.blade.php

@@ -8 +8 @@
     <!-- Datatable -->
     <link rel="stylesheet" href="{{ url('vendors/dataTable/dataTables.min.css') }}" type="text/css">
+
 @endsection
 
@@ -36 +37 @@
                             <thead>
                             <tr>
-                                <th>ID</th>
-                                <th>Status</th>
+                                <th>
+                                    <div class="custom-control custom-checkbox">
+                                        <input type="checkbox" class="custom-control-input" id="user-list-select-all">
+                                        <label class="custom-control-label" for="user-list-select-all"></label>
+                                    </div>
+                                </th>
+                                <th>State</th>
                                 <th>Username</th>
                                 <th>Name</th>
                                 <th>Email</th>
                                 <th>Phone Number</th>
-                                <th>Registration Date</th>
+                                <th>Created at</th>
                                 <th>Role</th>
+                                <th>Status</th>
+                                <th>Last seen</th>
                                 <th>Actions</th>
                             </tr>
@@ -50 +58 @@
                             @foreach($users as $user)
                                 <tr>
-                                    <td>{{$user->id }}</td>
+                                    <td></td>
                                     <td>
                                         @if($user->is_confirmed)
@@ -63 +71 @@
                                     </td>
                                     <td>
-                                        <a href="#">{{$user->name .' '. $user->surname}}</a>
+                                            @include('dashboard.partials.avatar')
+                                        {{$user->username}}
                                     </td>
-                                    <td>{{$user->username}}</td>
+                                    <td>{{$user->name .' '. $user->surname}}</td>
                                     <td>{{$user->email}}</td>
                                     <td>{{$user->mobile_number}}</td>
                                     <td>{{ date('d.m.Y', strtotime($user->created_at)) }}</td>
                                     <td>{{ $user->role->name }}</td>
+                                    <td>
+                                        @if(Cache::has('is_online' . $user->id))
+                                            <span class="text-success">Online</span>
+                                        @else
+                                            <span class="text-secondary">Offline</span>
+                                        @endif
+                                    </td>
+                                    @if($user->last_seen==NULL)
+                                        <td>Never logged in</td>
+                                    @else
+                                    <td>{{ \Carbon\Carbon::parse($user->last_seen)->diffForHumans() }}</td>
+                                    @endif
                                     @if($user->hasRole("Referent") && $user->is_confirmed)
                                         <td>
@@ -97 +118 @@
 
 @section('script')
+ <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
     <!-- Datatable -->
     <script src="{{ url('vendors/dataTable/dataTables.min.js') }}"></script>
-
-    <script src="{{ url('assets/js/examples/pages/user-list.js') }}"></script>
 @endsection

resources/views/layouts/alert.blade.php

@@ -16 +16 @@
                 new Toast({
                     message: "{{session()->get("alert.message")}}",
-                    type: {{session()->get("alert.type")}}
+                    type: '{{session()->get("alert.type")}}'
                 });
+
+
     </script>
 @endif

resources/views/layouts/app.blade.php

@@ -7 +7 @@
     <title>@yield('title')</title>
 
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+{{--    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>--}}
+
     <!-- Favicon -->
     <link rel="shortcut icon" href="{{ url('assets/media/images/favicon.png') }}"/>
@@ -14 +15 @@
     <link rel="stylesheet" href="{{ url('vendors/bundle.css') }}" type="text/css">
 
-    <!-- App styles -->
+@yield('head')
+
+<!-- App styles -->
     <link rel="stylesheet" href="{{ url('assets/css/app.min.css') }}" type="text/css">
 </head>
@@ -80 +83 @@
     <!-- END: User Menu -->
 
-    <!-- BEGIN: Settings -->
-    <div class="sidebar" id="settings">
-        <div class="card">
-            <div class="card-body">
-                <h6 class="card-title">Settings</h6>
-                <ul class="list-group list-group-flush">
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
-                            <label class="custom-control-label" for="customSwitch1">Allow notifications.</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch2">
-                            <label class="custom-control-label" for="customSwitch2">Hide user requests</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch3" checked>
-                            <label class="custom-control-label" for="customSwitch3">Speed up demands</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch4" checked>
-                            <label class="custom-control-label" for="customSwitch4">Hide menus</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch5">
-                            <label class="custom-control-label" for="customSwitch5">Remember next visits</label>
-                        </div>
-                    </li>
-                    <li class="list-group-item pl-0 pr-0">
-                        <div class="custom-control custom-switch">
-                            <input type="checkbox" class="custom-control-input" id="customSwitch6">
-                            <label class="custom-control-label" for="customSwitch6">Enable report
-                                generation.</label>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-    <!-- END: Settings -->
-
 </div>
 <!-- END: Sidebar Group -->
@@ -169 +123 @@
                     <!-- end::header fullscreen -->
 
-                    <!-- begin::header search -->
-                    <li class="nav-item">
-                        <a href="#" class="nav-link" title="Search" data-toggle="dropdown">
-                            <i data-feather="search"></i>
-                        </a>
-                        <div class="dropdown-menu p-2 dropdown-menu-right">
-                            <form>
-                                <div class="input-group">
-                                    <input type="text" class="form-control" placeholder="Search">
-                                    <div class="input-group-prepend">
-                                        <button class="btn" type="button">
-                                            <i data-feather="search"></i>
-                                        </button>
-                                    </div>
-                                </div>
-                            </form>
-                        </div>
-                    </li>
-                    <!-- end::header search -->
-
-                    <!-- begin::header notification dropdown -->
-                    <li class="nav-item dropdown">
-                        <a href="#" class="nav-link nav-link-notify" title="Notifications" data-toggle="dropdown">
-                            <i data-feather="bell"></i>
-                        </a>
-                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-big">
-                            <div class="bg-dark p-4 text-center d-flex justify-content-between align-items-center">
-                                <h5 class="mb-0">Notifications</h5>
-                                <small class="opacity-7">1 unread notifications</small>
-                            </div>
-                            <div>
-                                <ul class="list-group list-group-flush">
-                                    <li>
-                                        <a href="#" class="list-group-item d-flex align-items-center hide-show-toggler">
-                                            <div>
-                                                <figure class="avatar mr-2">
-                                                <span
-                                                    class="avatar-title bg-success-bright text-success rounded-circle">
-                                                    <i class="ti-user"></i>
-                                                </span>
-                                                </figure>
-                                            </div>
-                                            <div class="flex-grow-1">
-                                                <p class="mb-0 line-height-20 d-flex justify-content-between">
-                                                    New customer registered
-                                                    <i title="Mark as read" data-toggle="tooltip"
-                                                       class="hide-show-toggler-item fa fa-circle-o font-size-11"></i>
-                                                </p>
-                                                <span class="text-muted small">20 min ago</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li class="text-divider small pb-2 pl-3 pt-3">
-                                        <span>Old notifications</span>
-                                    </li>
-                                    <li>
-                                        <a href="#" class="list-group-item d-flex align-items-center hide-show-toggler">
-                                            <div>
-                                                <figure class="avatar mr-2">
-                                                <span
-                                                    class="avatar-title bg-warning-bright text-warning rounded-circle">
-                                                    <i class="ti-package"></i>
-                                                </span>
-                                                </figure>
-                                            </div>
-                                            <div class="flex-grow-1">
-                                                <p class="mb-0 line-height-20 d-flex justify-content-between">
-                                                    New Order Recieved
-                                                    <i title="Mark as unread" data-toggle="tooltip"
-                                                       class="hide-show-toggler-item fa fa-check font-size-11"></i>
-                                                </p>
-                                                <span class="text-muted small">45 sec ago</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="#"
-                                           class="list-group-item d-flex align-items-center hide-show-toggler">
-                                            <div>
-                                                <figure class="avatar mr-2">
-                                                <span class="avatar-title bg-danger-bright text-danger rounded-circle">
-                                                    <i class="ti-server"></i>
-                                                </span>
-                                                </figure>
-                                            </div>
-                                            <div class="flex-grow-1">
-                                                <p class="mb-0 line-height-20 d-flex justify-content-between">
-                                                    Server Limit Reached!
-                                                    <i title="Mark as unread" data-toggle="tooltip"
-                                                       class="hide-show-toggler-item fa fa-check font-size-11"></i>
-                                                </p>
-                                                <span class="text-muted small">55 sec ago</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="#"
-                                           class="list-group-item d-flex align-items-center hide-show-toggler">
-                                            <div>
-                                                <figure class="avatar mr-2">
-                                                <span class="avatar-title bg-info-bright text-info rounded-circle">
-                                                    <i class="ti-layers"></i>
-                                                </span>
-                                                </figure>
-                                            </div>
-                                            <div class="flex-grow-1">
-                                                <p class="mb-0 line-height-20 d-flex align-items-center justify-content-between">
-                                                    Apps are ready for update
-                                                    <i title="Mark as unread" data-toggle="tooltip"
-                                                       class="hide-show-toggler-item fa fa-check font-size-11"></i>
-                                                </p>
-                                                <span class="text-muted small">Yesterday</span>
-                                            </div>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </div>
-                            <div class="p-2 text-right border-top">
-                                <ul class="list-inline small">
-                                    <li class="list-inline-item mb-0">
-                                        <a href="#">Mark All Read</a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </li>
-                    <!-- end::header notification dropdown -->
-
                     <!-- begin::user menu -->
                     <li class="nav-item dropdown">
                         <a href="#" class="nav-link" title="User menu" data-sidebar-target="#user-menu">
                             <span class="mr-2 d-sm-inline d-none">{{auth()->user()->getFullName()}}</span>
-                        </a>
-                        </li>
+                            @include('dashboard.partials.avatar')
+                        </a>
+                    </li>
                     <!-- end::user menu -->
 
@@ -334 +161 @@
                         </a>
                     </li>
-                    @if(auth()->user()->hasPermission("access_all_users"))
-                    <li>
-                        <a href="{{ route("dashboard.users.index") }}" class="nav-link {{ request()->is(['dashboard/users', 'dashboard/users/*']) ? 'active' : '' }}" data-toggle="tooltip"
-                           data-placement="right" title="Users">
-                            <i data-feather="users"></i>
-                        </a>
-                    </li>
+                    @if(auth()->user()->hasPermission("manage_all_users"))
+                        <li>
+                            <a href="{{ route("dashboard.users.index") }}" class="nav-link {{ request()->is(['dashboard/users', 'dashboard/users/*']) ? 'active' : '' }}" data-toggle="tooltip"
+                               data-placement="right" title="Users">
+                                <i data-feather="users"></i>
+                            </a>
+                        </li>
+                    @endif
+                    @if(auth()->user()->hasPermission("manage_all_departments"))
+                        <li>
+                            <a href="{{route("dashboard.departments.index")}}" data-toggle="tooltip"
+                               data-placement="right" title="Departments">
+                                <i data-feather="layers"></i>
+                            </a>
+                        </li>
+                    @endif
+                    @if(auth()->user()->hasPermission("manage_all_documents"))
+                        <li>
+                            <a href="{{route("dashboard.documents.index")}}" data-toggle="tooltip"
+                               data-placement="right" title="Documents">
+                                <i data-feather="file-text"></i>
+                            </a>
+                        </li>
                     @endif
                     <li>
-                        <a href="#" data-toggle="tooltip"
-                           data-placement="right" title="Files"
-                           data-nav-target="#components">
-                            <i data-feather="layers"></i>
-                        </a>
-                    </li>
-                    @if(auth()->user()->hasPermission("access_all_departments"))
-                    <li>
-                        <a href="{{route("dashboard.departments.index")}}" data-toggle="tooltip"
-                           data-placement="right" title="Departments">
-                            <i data-feather="layers"></i>
-                        </a>
-                    </li>
-                    @endif
+                        <a href="#" data-toggle="tooltip" data-placement="right" title="Ecommerce"
+                           data-nav-target="#ecommerce">
+                            <i data-feather="shopping-cart"></i>
+                        </a>
+                    </li>
                 </ul>
             </div>
@@ -374 +208 @@
                 <div>© {{ date('Y') }}<a href="{{route("dashboard.index")}}" target="_blank"> SaveSpace</a></div>
                 <div>
-
                 </div>
             </footer>
             <!-- end::footer -->
-
         </div>
 
@@ -391 +223 @@
 <!-- App scripts -->
 <script src="{{ url('assets/js/app.js') }}"></script>
-<script src="{{url('assets/js/Toast.js')}}"></script>
+<!-- 3. Instantiate clipboard by passing a string selector -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
+<script>
+    var clipboard = new ClipboardJS('.btn');
+</script>
+@yield('script')
+
 @include("layouts.alert")
+
+
 </body>
 </html>