remove gitiegnore to public

.gitignore

@@ -15,7 +15,6 @@
 /node_modules
 /public/build
 /public/hot
-/public/storage
 /storage/*.key
 /storage/pail
 /vendor

public/storage/assets/css/_overwrite.select2.css

@@ -0,0 +1,89 @@
+
+.select2-container .select2-selection--single .select2-selection__rendered {
+    line-height: 28px !important;
+    position: relative;
+    top: -11px !important;
+    left: -20px !important;
+}
+.select2-container .select2-selection--single{
+    box-shadow: none;
+    outline: none;
+}
+.select2-container .select2-selection--single, .select2-selection--multiple {
+    min-height: 36px !important;
+    border-radius: 0;
+    border-color: #f3f3f3 !important;
+}
+.select2-search__field{
+    outline: none;
+}
+.select2-selection__arrow {
+    height: 36px !important;
+}
+.select2-selection__choice{
+    font-size: 13px !important;
+}
+
+/** custommiz **/
+
+.select2-results__option {
+    padding-right: 20px;
+    vertical-align: middle;
+}
+.select2-results__option:before {
+    content: "";
+    display: inline-block;
+    position: relative;
+    height: 20px;
+    width: 20px;
+    border: 1px solid #e9e9e9;
+    border-radius: 0px;
+    background-color: #fff;
+    margin-right: 20px;
+    vertical-align: middle;
+}
+.select2-results__option[aria-selected=true]:before {
+    font-family:fontAwesome;
+    content: "\f00c";
+    color: #000;
+    background-color: #cbcbcb;
+    border: 0;
+    display: inline-block;
+    padding-left: 3px;
+}
+.select2-container--default .select2-results__option[aria-selected=true] {
+    background-color: #fff;
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+    background-color: #eaeaeb;
+    color: #272727;
+}
+
+.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
+    border-radius: 0px;
+}
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+    border-color: #ffffff;
+    border-width: 1px;
+}
+.select2-container--default .select2-selection--multiple {
+    border-width: 1px;
+}
+.select2-container--open .select2-dropdown--below {
+
+    border-radius: 0px;
+    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
+    background: #fafafa;
+
+}
+.select2-selection .select2-selection--multiple:after {
+    content: '';
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice{
+    font-size: 15px !important;
+    padding: 3px !important;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+    border-radius: 0 !important;
+}

public/storage/assets/css/layout_en.css

@@ -0,0 +1,12 @@
+.sidebar .nav .nav-item .nav-link .menu-title, .sidebar .nav.sub-menu .nav-item .nav-link, ul, ol, dl {
+    font-size: 1rem !important;
+}
+
+.modal-header span {
+    font-size: 1rem !important;
+    color: #084f9b;
+}
+
+.font-13 {
+    font-size: 0.9rem !important;
+}

public/storage/assets/css/layout_kh.css

@@ -0,0 +1,46 @@
+.card .card-title {
+    font-size: 1.4rem !important;
+}
+
+.modal-header .modal-title {
+    font-size: 1.2rem !important;
+}
+.btn, .ajax-upload-dragdrop .ajax-file-upload {
+    font-size: 1.05rem !important;
+}
+.form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint {
+    /*height: 2.95rem !important;*/
+}
+textarea.form-control, .select2-container--default textarea.select2-selection--single, .select2-container--default .select2-selection--single textarea.select2-search__field, textarea.typeahead, textarea.tt-query, textarea.tt-hint {
+    height: auto !important;
+}
+.table thead th {
+    font-size: 1.1rem !important;
+}
+.table td {
+    font-size: 1rem !important;
+}
+.font-14, .form-group label {
+    font-size: 1.1rem !important;
+}
+.swal2-content{
+    font-size: 1.1rem !important;
+}
+.swal2-actions button{
+    font-size: 1rem !important;
+}
+.sidebar .nav .nav-item .nav-link .menu-title, .sidebar .nav.sub-menu .nav-item .nav-link, ul, ol, dl {
+    font-size: 1.1rem !important;
+}
+.modal-header span {
+    font-size: 1.2rem !important;
+    color: #084f9b;
+}
+
+.font-13 {
+    font-size: 1rem !important;
+}
+
+#modal-assign-test .modal-body .btn, #modal-assign-test .modal-body .ajax-upload-dragdrop .ajax-file-upload {
+    font-size: 0.9rem !important;
+}

public/storage/assets/css/overwrite.css

@@ -0,0 +1,775 @@
+.form-group {
+    margin-bottom: 0rem !important;
+}
+.form-group label {
+    line-height: 0.4rem !important;
+}
+.mb-1 {
+    margin-bottom: 1rem !important;
+}
+
+.sidebar {
+    border-radius: 0px !important;
+    margin-left: 0px !important;
+    margin-bottom: 0px !important;
+    /*width: 246px;*/
+    width: 320px;
+}
+
+.sidebar .nav:not(.sub-menu) {
+    margin-left: 0px !important;
+    margin-right: 0px !important;
+}
+
+@media (min-width: 992px) {
+    .sidebar-icon-only .sidebar {
+        width: 80px;
+    }
+    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
+        left: calc(80px - 2px);
+    }
+    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
+        left: calc(80px - 2px);
+    }
+    .sidebar-icon-only .sidebar .nav.sub-menu {
+        padding: 0 0 0 2rem;
+    }
+}
+
+
+/*
+.sidebar{
+    width: 285px;
+}
+
+.navbar .navbar-brand-wrapper {
+    width: calc(285px + 0.5rem);
+}
+
+.navbar .navbar-menu-wrapper{
+    width: calc(100% - 285px - 0.5rem);
+}
+
+ */
+
+.btn-md, .btn-group-md > .btn, .ajax-upload-dragdrop .btn-group-md > .ajax-file-upload {
+    /*padding: 0.33rem 0.81rem;*/
+    padding: 0.45rem 0.81rem;
+    font-size: 0.875rem;
+    line-height: 1.5;
+    border-radius: 0.1875rem;
+}
+
+
+.form-control-xs {
+    height: 2.1rem;
+    padding: 0.5rem 0.81rem;
+    font-size: 0.875rem;
+    line-height: 1.5;
+    border-radius: 0.2rem;
+}
+
+.form-control-xxs {
+    height: 1.9rem;
+    padding: 0.5rem 0.81rem;
+    font-size: 0.875rem;
+    line-height: 1.5;
+    border-radius: 0.2rem;
+}
+
+.modal-header .close{
+    margin-right: -22px !important;
+}
+
+.modal-body {
+    padding: 1.5rem !important;
+}
+
+.modal-content {
+    border-radius: 15px !important;
+    border: 0;
+    border-top: 1px solid #fff;
+
+}
+
+/*.modal-content::before {
+    content: "";
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    display: block;
+    width: 27px;
+    height: 27px;
+    background-image: linear-gradient(315deg, transparent 30px, #fff 30px);
+    z-index: 1;
+}*/
+
+.navbar{
+    border-bottom: 1px solid #f7f7f7 !important;
+}
+
+.content-wrapper .card{
+    /*border-top: 10px solid #ffffff;*/
+    border-top: 0px solid #ffffff;
+    border-radius: 10px !important;
+}
+
+.content-wrapper .card::before {
+    content: "";
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    display: block;
+    width: 27px;
+    height: 27px;
+    /*background-image: linear-gradient(315deg, transparent 30px, #ffffff 30px);*/
+    z-index: 1;
+}
+
+.modal-header h6{font-weight: 600;}
+
+.card{
+    border: 0px;
+    border-radius: 0px;
+}
+
+#loadingDiv{
+    z-index: 9999999!important;
+    position: absolute;
+    /*padding: 80px;*
+    top: calc(50% - (200px / 2));
+    right: calc(50% - (200px / 2));
+    */
+    background: #ffffff08;
+    top: calc(50% - (58px /2));
+    right: calc(50% - (58px /2));
+
+}
+
+.spinner-border {
+    width: 3rem;
+    height: 3rem;
+    border: 0.4em solid #3b86d1;
+    border-right-color: #cef5cd7a;
+    animation: spinner-border .75s linear infinite;
+}
+
+.min-vh-70{
+    min-height: 700px;
+}
+
+.modal-semi-xxl {
+    max-width: 1500px !important;
+}
+
+.modal-xxl {
+    max-width: 1800px !important;
+}
+
+.custom-error-alert{
+    position: fixed;
+    top: 20px;
+    width: 400px;
+    right: 32px;
+    border-radius: 0;
+    font-size: 13px;
+    box-shadow: 0px 0px 5px #78777775;
+    z-index: 9999;
+}
+
+.table thead th {
+    font-size: 0.9rem !important;
+}
+
+.footer {
+    padding: 0px !important; /* 0 1.812rem 2.062rem 1.812rem;*/
+}
+.table .btn-sm {
+    width: 35px;
+    height: 25px;
+    padding: 0px;
+    border-radius: 7px !important;
+}
+
+.bullet-line-list li:before{
+    top: 23% !important;
+    left: -19px !important;
+}
+.group-test-box{
+    max-height: 610px;
+    min-height: 610px;
+    overflow: auto;
+}
+.bullet-line-list:after {
+    border: 1px solid #f8f9fa;
+    /*top: 35px;*/ /* 45px;*/
+}
+
+.bullet-line-list:after {
+    top: -10px;
+    bottom: -15px;
+    left: 17px;
+}
+
+.first-lv::before{
+    content: "--";
+    position: absolute;
+    left: -20px;
+    color: #f3f3f3;
+}
+.grandchildren-lv::before{
+    content: "|---";
+    position: absolute;
+    left: -25px;
+    color: #f3f3f3;
+}
+
+.footer_fixed{
+    position: fixed;
+    bottom: -5px;
+    height: 85px;
+    background: #fff;
+    z-index: 10000;
+    width: 100%;
+    left: -5px;
+    right: -5px;
+    padding-top: 15px;
+    border-top: 2px solid #eee;
+}
+.font-14{
+    font-size: 14px !important;
+}
+
+.font-13{
+    font-size: 13px !important;
+}
+
+
+.table thead tr:first-child{
+    height: 40px !important;
+}
+.table thead tr:first-child th{
+    vertical-align: middle;
+}
+
+.border-light{
+    border-color: #999898 !important;
+}
+
+.result-item{
+    height: 42px !important;
+}
+
+.badge{
+    border-radius: 0px !important;
+}
+
+
+body::-webkit-scrollbar{
+    display: none;
+}
+
+.modal::-webkit-scrollbar{
+    display: none;
+}
+
+.border-1{
+    border: 1px !important;
+}
+
+.border-2{
+    border: 2px !important;
+}
+
+.border-3{
+    border: 3px !important;
+}
+
+.border-4{
+    border: 4px !important;
+}
+
+.border-5{
+    border: 5px !important;
+}
+
+.border-solid{
+    border-style: solid !important;
+}
+
+.border-gray{
+    border-color: #f7f7f7 !important;
+}
+
+.bg-gradient-light {
+    background: linear-gradient(to right, #dbebf5 5%, #ffffff 80%) !important;
+    /*background: linear-gradient(to right, #cfd9df 5%, #ffffff 70%) !important;*/
+}
+
+
+.sample-type-wrapper .list-unstyled{
+    margin-top: 5px;
+    margin-bottom: 5px;
+    margin-left: 1em;
+}
+
+.sample-type-wrapper ul{
+    margin-left: 1em;
+    position: relative;
+}
+
+.sample-type-wrapper ul:before {
+    content: "";
+    display: block;
+    width: 0;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    border-left: 1px solid #dbdbdb;
+}
+
+.sample-type-wrapper li {
+    margin: 0;
+    padding: 0 1.2em;
+    line-height: 2em;
+    color: #369;
+    font-weight: 700;
+    position: relative;
+}
+
+.sample-type-wrapper ul li:before {
+    content: "";
+    display: block;
+    width: 15px;
+    height: 0;
+    border-top: 1px solid #dbdbdb;
+    margin-top: -1px;
+    position: absolute;
+    top: 1em;
+    left: 0;
+}
+
+.sample-type-wrapper ul li:last-child:before {
+    background: #fff;
+    height: auto;
+    top: 1em;
+    bottom: 0;
+}
+
+.sample-type-wrapper ul li ul{
+    margin-left: 0.2em !important;
+    position: relative;
+}
+
+
+.indicator {
+    margin-right: 0.5em;
+    margin-left: -1.65em;
+    cursor: pointer;
+    background: white;
+    position: absolute;
+    top: 7px;
+    display: inline-block;
+    line-height: 1;
+}
+
+.sample-type-wrapper ul ul li {
+    padding-right: 0em !important;
+}
+
+.sample-type-wrapper .form-check .form-check-label input[type="checkbox"] + .input-helper:before {
+    border-radius: 0 !important;
+    border: solid #727272 !important;
+    border-width: 1px !important;
+}
+
+.sample-type-wrapper .form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before {
+    background: #fff !important;
+}
+
+.sample-type-wrapper .form-check .form-check-label input[type="checkbox"] + .input-helper:after {
+    color: #000 !important;
+}
+
+ul li ul{
+    display: none;
+}
+
+
+.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img {
+    height: 50px !important;
+}
+
+.navbar .navbar-brand-wrapper {
+    background: #ffffff !important;
+}
+
+.navbar .navbar-menu-wrapper {
+    /*background: #3b86d1 !important;*/
+    background: rgb(0 137 62 / 96%) !important;
+}
+
+
+.sidebar .nav .nav-item.active > .nav-link {
+    background: #e7e7e7 !important;
+    border-left: 0px solid #3b86d1 !important;
+}
+
+.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item .nav-link {
+    border: none !important;
+    border-radius: 5px !important;
+}
+
+
+/*
+Lab & User Profile
+*/
+
+.center {
+    height:100%;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+
+}
+.form-input {
+    width:250px;
+    padding:20px;
+}
+.form-input img {
+    width:100%;
+    /*display:{{$info->logo==''?'none':'block'}};*/
+    margin-bottom:10px;
+}
+.form-input input {
+    display:none;
+}
+
+.form-input label {
+    height:25px;
+    background:#cdcdcd26;
+    color:#c9c9c9;
+    cursor:pointer;
+    width: 75px;
+    margin: 0 auto;
+}
+
+/* For test result */
+
+.out-of-range{
+    background:#ffb400 !important;
+}
+
+.main-panel input, .main-panel select{
+    border:1px solid #d3d5d7 !important;
+}
+
+.main-panel .select2-container .select2-selection--single, .main-panel .select2-selection--multiple {
+    border-color: #d3d5d7 !important;
+}
+.nav .menu-icon{
+    /*color: #3b86d1 !important;*/
+    color: #12931d !important;
+}
+.sidebar .nav.sub-menu .nav-item::before {
+    color: #3b86d1 !important;
+}
+
+.table-hover tbody tr:hover {
+  background-color: #E3F2FD !important;/* #eaeaf1;*/
+}
+
+.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item .nav-link {
+    border-radius: 0px !important;
+}
+
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+    -moz-appearance: textfield;
+}
+
+.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper {
+    margin-left: 0.2rem !important;
+}
+
+.navbar + .page-body-wrapper {
+    padding-top: calc(4.625rem + 0rem) !important;
+}
+.main-panel{
+    margin-top: 15px !important;
+}
+.content-wrapper{
+    padding-left: 15px !important;
+    padding-right: 15px !important;
+}
+
+.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
+    content: ' \25BE' !important;
+    font-size: 1rem; !important;
+    color: #999;
+}
+
+.sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow:before {
+    content: ' \25B5' !important;
+    font-size: 1rem; !important;
+}
+.card-body .card-title {
+    text-transform: uppercase;
+    color: #12931d !important;
+}
+
+.page-body-wrapper {
+    background: #b1dced42 !important;
+}
+
+.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item .nav-link {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}
+
+.sidebar .nav.sub-menu .nav-item::before {
+    width: 5px;
+    height: 5px;
+    border-radius: 50px !important;
+    background: #469f37;
+}
+
+.modal-header .modal-title{
+    text-transform: uppercase !important;
+    font-weight: 600;
+    color: #12931d;
+}
+
+.swal2-popup {
+    border-radius: 15px !important;
+}
+
+.swal2-actions button{
+    border-radius: 25px !important;
+}
+
+.select2-container--default .select2-selection--multiple {
+    border-radius: 0 !important;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+    padding: 11px 5px !important;
+}
+
+div select{
+    outline: none !important;
+    border-radius: 0 !important;
+}
+
+.main-panel {
+    min-height: calc(100vh - 5.625rem) !important;
+}
+
+.tab-pane h6{
+    background: #ffffff !important;
+    border-bottom: 1px dotted #b8e3c1 !important;
+    color: green !important;
+    -webkit-user-select: none; /* Safari */
+    -ms-user-select: none; /* IE 10 and IE 11 */
+    user-select: none; /* Standard syntax */
+}
+
+.navbar , .sidebar , .footer, .modal-title, .card-title, .form-group label, p, .table thead, form label, form ::placeholder{
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+
+@media (max-width: 991px){
+    .navbar .navbar-menu-wrapper {
+        width: calc(100% - 80px) !important;
+    }
+    .navbar .navbar-brand-wrapper {
+        width: 80px !important;
+    }
+    .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand.brand-logo-mini {
+        width: 80px !important;
+    }
+    .col-xs-0,
+    .col-sm-0
+    {
+        display: none;
+    }
+}
+
+@media (min-width: 1200px){
+    .col-lg-0
+    {
+        display: none;
+    }
+}
+
+
+.sidebar .nav.sub-menu .nav-item .nav-link.active {
+    font-weight: 450 !important;
+    border-right: 5px solid #1460ab !important;
+}
+
+
+.nav-tabs .nav-link {
+    border-top-left-radius: 0 !important;
+    border-top-right-radius: 0 !important;
+
+}
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+    font-weight: 500;
+    /*border-top: 2px solid #21bf06;*/
+}
+.bg-gradient-light{
+    background: #f7f7f7 !important;
+}
+.tab-pane div h6{
+    margin-left: -10px !important;
+    margin-top: 10px !important;
+    margin-bottom: 10px !important;
+}
+
+.bar-loader span {
+    display: inline-block;
+    width: 5px;
+    height: 30px;
+    background-color: #0f4ebd !important;
+}
+.bar-loader {
+    width: auto !important;
+}
+
+.swal2-input {
+    border-radius: 0 !important;
+    height: 36px !important;
+    font-size: 14px !important;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice{
+    background: #2e74e147 !important;
+    border: none !important;
+    color: #000 !important;
+}
+.select2-selection__choice__remove{
+    color: #000 !important;
+    padding: 0 5px !important;
+}
+
+.nav-item-separator{
+    border-right: 1px solid;
+    border-image: linear-gradient(to top, #ff000000, #e3d6d6, #ff000000) 0.5;
+}
+
+.form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint {
+    border-radius: 5px !important;
+}
+
+.modal-header{
+    padding-left: 28px !important;
+}
+
+
+.rounded-left-0{
+    border-top-left-radius: 0px !important;
+    border-bottom-left-radius: 0px !important;
+}
+
+.rounded-left-25{
+    border-top-left-radius: 25px !important;
+    border-bottom-left-radius: 25px !important;
+}
+
+.rounded-right-25{
+    border-top-right-radius: 25px !important;
+    border-bottom-right-radius: 25px !important;
+}
+
+.rounded-right-0{
+    border-top-right-radius: 0px !important;
+    border-bottom-right-radius: 0px !important;
+}
+
+.rounded-25{
+    border-radius: 25px !important;
+}
+
+.rounded-top-left-25{
+    border-top-left-radius: 25px !important;
+}
+
+.rounded-bottom-left-25{
+    border-bottom-left-radius: 25px !important;
+}
+
+.rounded-top-right-25{
+    border-top-right-radius: 25px !important;
+}
+
+.rounded-bottom-right-25{
+    border-bottom-right-radius: 25px !important;
+}
+
+.rounded-top-left-15{
+    border-top-left-radius: 15px !important;
+}
+
+.rounded-bottom-left-15{
+    border-bottom-left-radius: 15px !important;
+}
+
+.rounded-top-right-15{
+    border-top-right-radius: 15px !important;
+}
+
+.rounded-bottom-right-15{
+    border-bottom-right-radius: 15px !important;
+}
+
+
+.form-check .form-check-label input[type="radio"] + .input-helper:before, .form-check .form-check-label input[type="checkbox"] + .input-helper:before {
+    border: solid #010203 !important;
+}
+
+.form-check .form-check-label input[type="radio"]:checked + .input-helper:before, .form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before {
+    background: #1b1c40 !important;
+}
+
+.form-control-xs{
+    height: 33px !important;
+}
+
+.page-item.active .page-link, .page-item.active .page-link:hover {
+    color: #000 !important;         /* Ensure text is readable (e.g., white) */
+}
+
+.pagination .page-link:hover {
+    color: #FFF !important;            /* Your desired hover text color */
+    background: rgba(4,100,144,0.96) !important;
+    border-color: rgba(4,100,144,0.96) !important;
+}
+
+.page-item.disabled .page-link {
+    color: #FFF !important;            /* Your desired hover text color */
+    background: rgba(4,100,144,0.96) !important;
+    border-color: rgba(4,100,144,0.96) !important;
+}
+
+/* Optional: Ensure the hover/focus states for the disabled item are also the same */
+.page-item.disabled .page-link:hover,
+.page-item.disabled .page-link:focus {
+    color: #FFF !important;            /* Your desired hover text color */
+    background: rgba(4,100,144,0.96) !important;
+}
+
+.content-wrapper .card-body .card-title i{
+    margin-left: -10px !important;
+}

public/storage/assets/css/overwrite.select2.css

@@ -0,0 +1,88 @@
+
+.select2-selection__rendered {
+    line-height: 18px !important;
+}
+.select2-container .select2-selection--single{
+    box-shadow: none;
+    outline: none;
+}
+.select2-container .select2-selection--single, .select2-selection--multiple {
+    min-height: 46px !important;
+    border-radius: 0;
+    border-color: #f3f3f3 !important;
+}
+.select2-search__field{
+    outline: none;
+}
+.select2-selection__arrow {
+    height: 46px !important;
+}
+.select2-selection__choice{
+    font-size: 13px !important;
+}
+
+.form-group label {line-height: 1.4rem !important;}
+
+/** custommiz **/
+
+.select2-results__option {
+    padding-right: 20px;
+    vertical-align: middle;
+}
+.select2-results__option:before {
+    content: "";
+    display: inline-block;
+    position: relative;
+    height: 20px;
+    width: 20px;
+    border: 1px solid #e9e9e9;
+    border-radius: 0px;
+    background-color: #fff;
+    margin-right: 20px;
+    vertical-align: middle;
+}
+.select2-results__option[aria-selected=true]:before {
+    font-family:fontAwesome;
+    content: "\f00c";
+    color: #000;
+    background-color: #cbcbcb;
+    border: 0;
+    display: inline-block;
+    padding-left: 3px;
+}
+.select2-container--default .select2-results__option[aria-selected=true] {
+    background-color: #fff;
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+    background-color: #eaeaeb;
+    color: #272727;
+}
+.select2-container--default .select2-selection--multiple {
+    margin-bottom: 10px;
+    border-radius: 5px !important;
+}
+
+.select2-container .select2-search--inline .select2-search__field {
+    width: 100% !important;
+}
+
+.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
+    border-radius: 5px !important;
+}
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+    border-color: #ffffff;
+    border-width: 1px;
+}
+.select2-container--default .select2-selection--multiple {
+    border-width: 1px;
+}
+.select2-container--open .select2-dropdown--below {
+
+    border-radius: 0px;
+    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
+    background: #fafafa;
+
+}
+.select2-selection .select2-selection--multiple:after {
+    content: 'hhghgh';
+}

public/storage/assets/css/scrollbars.css

@@ -0,0 +1,427 @@
+
+#style-1::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-1::-webkit-scrollbar
+{
+    width: 12px;
+    background-color: #F5F5F5;
+}
+
+#style-1::-webkit-scrollbar-thumb
+{
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+    background-color: #555;
+}
+
+/*
+ *  STYLE 2
+ */
+
+#style-2::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-2::-webkit-scrollbar
+{
+    width: 12px;
+    background-color: #F5F5F5;
+}
+
+#style-2::-webkit-scrollbar-thumb
+{
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+    background-color: #D62929;
+}
+
+/*
+ *  STYLE 3
+ */
+
+#style-3::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: #F5F5F5;
+}
+
+#style-3::-webkit-scrollbar
+{
+    width: 6px;
+    background-color: #F5F5F5;
+}
+
+#style-3::-webkit-scrollbar-thumb
+{
+    background-color: #000000;
+}
+
+/*
+ *  STYLE 4
+ */
+
+#style-4::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: #F5F5F5;
+}
+
+#style-4::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-4::-webkit-scrollbar-thumb
+{
+    background-color: #000000;
+    border: 2px solid #555555;
+}
+
+
+/*
+ *  STYLE 5
+ */
+
+#style-5::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: #F5F5F5;
+}
+
+#style-5::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-5::-webkit-scrollbar-thumb
+{
+    background-color: #0ae;
+
+    background-image: -webkit-gradient(linear, 0 0, 0 100%,
+    color-stop(.5, rgba(255, 255, 255, .2)),
+    color-stop(.5, transparent), to(transparent));
+}
+
+
+/*
+ *  STYLE 6
+ */
+
+#style-6::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: #F5F5F5;
+}
+
+#style-6::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-6::-webkit-scrollbar-thumb
+{
+    background-color: #F90;
+    background-image: -webkit-linear-gradient(45deg,
+    rgba(255, 255, 255, .2) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, .2) 50%,
+    rgba(255, 255, 255, .2) 75%,
+    transparent 75%,
+    transparent)
+}
+
+
+/*
+ *  STYLE 7
+ */
+
+#style-7::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: #F5F5F5;
+    border-radius: 10px;
+}
+
+#style-7::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-7::-webkit-scrollbar-thumb
+{
+    border-radius: 10px;
+    background-image: -webkit-gradient(linear,
+    left bottom,
+    left top,
+    color-stop(0.44, rgb(122,153,217)),
+    color-stop(0.72, rgb(73,125,189)),
+    color-stop(0.86, rgb(28,58,148)));
+}
+
+/*
+ *  STYLE 8
+ */
+
+#style-8::-webkit-scrollbar-track
+{
+    border: 1px solid black;
+    background-color: #F5F5F5;
+}
+
+#style-8::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-8::-webkit-scrollbar-thumb
+{
+    background-color: #000000;
+}
+
+
+/*
+ *  STYLE 9
+ */
+
+#style-9::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: #F5F5F5;
+}
+
+#style-9::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-9::-webkit-scrollbar-thumb
+{
+    background-color: #F90;
+    background-image: -webkit-linear-gradient(90deg,
+    rgba(255, 255, 255, .2) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, .2) 50%,
+    rgba(255, 255, 255, .2) 75%,
+    transparent 75%,
+    transparent)
+}
+
+
+/*
+ *  STYLE 10
+ */
+
+#style-10::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: #F5F5F5;
+    border-radius: 10px;
+}
+
+#style-10::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-10::-webkit-scrollbar-thumb
+{
+    background-color: #AAA;
+    border-radius: 10px;
+    background-image: -webkit-linear-gradient(90deg,
+    rgba(0, 0, 0, .2) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(0, 0, 0, .2) 50%,
+    rgba(0, 0, 0, .2) 75%,
+    transparent 75%,
+    transparent)
+}
+
+
+/*
+ *  STYLE 11
+ */
+
+#style-11::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: #F5F5F5;
+    border-radius: 10px;
+}
+
+#style-11::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-11::-webkit-scrollbar-thumb
+{
+    background-color: #3366FF;
+    border-radius: 10px;
+    background-image: -webkit-linear-gradient(0deg,
+    rgba(255, 255, 255, 0.5) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0.5) 75%,
+    transparent 75%,
+    transparent)
+}
+
+/*
+ *  STYLE 12
+ */
+
+#style-12::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
+    border-radius: 10px;
+    background-color: #444444;
+}
+
+#style-12::-webkit-scrollbar
+{
+    width: 12px;
+    background-color: #F5F5F5;
+}
+
+#style-12::-webkit-scrollbar-thumb
+{
+    border-radius: 10px;
+    background-color: #D62929;
+    background-image: -webkit-linear-gradient(90deg,
+    transparent,
+    rgba(0, 0, 0, 0.4) 50%,
+    transparent,
+    transparent)
+}
+
+/*
+ *  STYLE 13
+ */
+
+#style-13::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
+    border-radius: 10px;
+    background-color: #CCCCCC;
+}
+
+#style-13::-webkit-scrollbar
+{
+    width: 12px;
+    background-color: #F5F5F5;
+}
+
+#style-13::-webkit-scrollbar-thumb
+{
+    border-radius: 10px;
+    background-color: #D62929;
+    background-image: -webkit-linear-gradient(90deg,
+    transparent,
+    rgba(0, 0, 0, 0.4) 50%,
+    transparent,
+    transparent)
+}
+
+/*
+ *  STYLE 14
+ */
+
+#style-14::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
+    background-color: #CCCCCC;
+}
+
+#style-14::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-14::-webkit-scrollbar-thumb
+{
+    background-color: #FFF;
+    background-image: -webkit-linear-gradient(90deg,
+    rgba(0, 0, 0, 1) 0%,
+    rgba(0, 0, 0, 1) 25%,
+    transparent 100%,
+    rgba(0, 0, 0, 1) 75%,
+    transparent)
+}
+
+/*
+ *  STYLE 15
+ */
+
+#style-15::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
+    background-color: #F5F5F5;
+    border-radius: 10px;
+}
+
+#style-15::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-15::-webkit-scrollbar-thumb
+{
+    border-radius: 10px;
+    background-color: #FFF;
+    background-image: -webkit-gradient(linear,
+    40% 0%,
+    75% 84%,
+    from(#4D9C41),
+    to(#19911D),
+    color-stop(.6,#54DE5D))
+}
+
+/*
+ *  STYLE 16
+ */
+
+#style-16::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
+    background-color: #F5F5F5;
+    border-radius: 10px;
+}
+
+#style-16::-webkit-scrollbar
+{
+    width: 10px;
+    background-color: #F5F5F5;
+}
+
+#style-16::-webkit-scrollbar-thumb
+{
+    border-radius: 10px;
+    background-color: #FFF;
+    background-image: -webkit-linear-gradient(top,
+    #e4f5fc 0%,
+    #bfe8f9 50%,
+    #9fd8ef 51%,
+    #2ab0ed 100%);
+}

public/storage/assets/css/search_test.css

@@ -0,0 +1,35 @@
+.autocomplete {
+    position: relative;
+    display: inline-block;
+}
+
+.autocomplete-items {
+    position: absolute;
+    border: 1px solid #d4d4d4;
+    border-bottom: none;
+    border-top: none;
+    z-index: 9999999 !important;
+    /*position the autocomplete items to be the same width as the container:*/
+    top: 100%;
+    left: 0;
+    right: 0;
+}
+
+.autocomplete-items div {
+    padding: 10px 5px;
+    cursor: pointer;
+    font-size: 13px;
+    background-color: #fff;
+    border-bottom: 1px solid #d4d4d4;
+}
+
+/*when hovering an item:*/
+.autocomplete-items div:hover {
+    background-color: #e9e9e9;
+}
+
+/*when navigating through the items using the arrow keys:*/
+.autocomplete-active {
+    background-color: DodgerBlue !important;
+    color: #ffffff;
+}

public/storage/assets/gulpfile.js

@@ -0,0 +1,236 @@
+'use strict'
+
+var gulp = require('gulp');
+var browserSync = require('browser-sync').create();
+var sass = require('gulp-sass');
+var del = require('del');
+var replace = require('gulp-replace');
+var injectPartials = require('gulp-inject-partials');
+var inject = require('gulp-inject');
+var sourcemaps = require('gulp-sourcemaps');
+var concat = require('gulp-concat');
+var merge = require('merge-stream'); 
+
+
+
+gulp.task('sass', function () {
+    return gulp.src('./scss/**/style.scss')
+        .pipe(sourcemaps.init())
+        .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
+        .pipe(sourcemaps.write('./maps'))
+        .pipe(gulp.dest('./css'))
+        .pipe(browserSync.stream());
+});
+
+// Static Server + watching scss/html files
+gulp.task('serve', gulp.series('sass', function() {
+
+    browserSync.init({
+        port: 3001,
+        server: "./",
+        ghostMode: false,
+        notify: false
+    });
+
+    gulp.watch('scss/**/*.scss', gulp.series('sass'));
+    gulp.watch('**/*.html').on('change', browserSync.reload);
+    gulp.watch('js/**/*.js').on('change', browserSync.reload);
+
+}));
+
+
+
+// Static Server without watching scss files
+gulp.task('serve:lite', function() {
+
+    browserSync.init({
+        server: "./",
+        ghostMode: false,
+        notify: false
+    });
+
+    gulp.watch('**/*.css').on('change', browserSync.reload);
+    gulp.watch('**/*.html').on('change', browserSync.reload);
+    gulp.watch('js/**/*.js').on('change', browserSync.reload);
+
+});
+
+
+/* inject partials like sidebar and navbar */
+gulp.task('injectPartial', function () {
+  return gulp.src("./**/*.html", { base: "./" })
+    .pipe(injectPartials())
+    .pipe(gulp.dest("."));
+});
+
+
+
+/* inject Js and CCS assets into HTML */
+gulp.task('injectCommonAssets', function () {
+  return gulp.src('./**/*.html')
+    .pipe(inject(gulp.src([ 
+        './vendors/typicons/typicons.css',
+        './vendors/css/vendor.bundle.base.css', 
+        './vendors/js/vendor.bundle.base.js',
+    ], {read: false}), {name: 'base', relative: true}))
+    .pipe(inject(gulp.src([
+        './css/*.css', 
+        './js/off-canvas.js', 
+        './js/hoverable-collapse.js', 
+        './js/template.js',
+        './js/settings.js', 
+        './js/todolist.js'
+    ], {read: false}), {relative: true}))
+    .pipe(gulp.dest('.'));
+});
+
+/* inject Js and CCS assets into HTML */
+gulp.task('injectLayoutStyles', function () {
+    var verticalLightStream = gulp.src(['./**/vertical-default-light/**/*.html',
+            './**/vertical-boxed/**/*.html',
+            './**/vertical-compact/**/*.html',
+            './**/vertical-dark-sidebar/**/*.html',
+            './**/vertical-fixed/**/*.html',
+            './**/vertical-hidden-toggle/**/*.html',
+            './**/vertical-icon-menu/**/*.html',
+            './**/vertical-toggle-overlay/**/*.html',
+            './index.html'])
+        .pipe(inject(gulp.src([
+            './css/vertical-layout-light/style.css', 
+        ], {read: false}), {relative: true}))
+        .pipe(gulp.dest('.'));
+    var horizontalLightStream = gulp.src('./**/horizontal-default-light/**/*.html')
+        .pipe(inject(gulp.src([
+            './css/horizontal-layout-light/style.css', 
+        ], {read: false}), {relative: true}))
+        .pipe(gulp.dest('.'));
+    var horizontalDarkStream = gulp.src('./**/horizontal-default-dark/**/*.html')
+        .pipe(inject(gulp.src([
+            './css/horizontal-layout-dark/style.css',
+        ], {read: false}), {relative: true}))
+        .pipe(gulp.dest('.'));
+    var verticalDarkStream = gulp.src('./**/vertical-default-dark/**/*.html')
+        .pipe(inject(gulp.src([
+            './css/vertical-layout-dark/style.css', 
+        ], {read: false}), {relative: true}))
+        .pipe(gulp.dest('.'));
+    return merge(verticalLightStream, horizontalLightStream, horizontalDarkStream, verticalDarkStream);
+});
+
+/*replace image path and linking after injection*/
+gulp.task('replacePath', function(){
+    var replacePath1 = gulp.src(['./pages/*/*.html'], { base: "./" })
+        .pipe(replace('="images/', '="../../images/'))
+        .pipe(replace('href="pages/', 'href="../../pages/'))
+        .pipe(replace('href="index.html"', 'href="../../index.html"'))
+        .pipe(gulp.dest('.'));
+    var replacePath2 = gulp.src(['./pages/*.html'], { base: "./" })
+        .pipe(replace('="images/', '="../../../images/'))
+        .pipe(replace('"pages/', '"../pages/'))
+        .pipe(replace('href="index.html"', 'href="../index.html"'))
+        .pipe(gulp.dest('.'));
+    var replacePath3 = gulp.src(['./*/index.html'], { base: "./" })
+        .pipe(replace('="images/', '="../../images/'))
+        .pipe(gulp.dest('.'));
+    return merge(replacePath1, replacePath2, replacePath3);
+});
+
+/*sequence for injecting partials and replacing paths*/
+gulp.task('inject', gulp.series('injectPartial' , 'injectCommonAssets' , 'injectLayoutStyles', 'replacePath'));
+
+gulp.task('clean:vendors', function () {
+    return del([
+      'vendors/**/*'
+    ]);
+});
+
+/*Building vendor scripts needed for basic template rendering*/
+gulp.task('buildBaseVendorScripts', function() {
+    return gulp.src([
+        './node_modules/jquery/dist/jquery.min.js', 
+        './node_modules/popper.js/dist/umd/popper.min.js', 
+        './node_modules/bootstrap/dist/js/bootstrap.min.js', 
+        './node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js'
+    ])
+      .pipe(concat('vendor.bundle.base.js'))
+      .pipe(gulp.dest('./vendors/js'));
+});
+
+/*Building vendor styles needed for basic template rendering*/
+gulp.task('buildBaseVendorStyles', function() {
+    return gulp.src(['./node_modules/perfect-scrollbar/css/perfect-scrollbar.css'])
+      .pipe(concat('vendor.bundle.base.css'))
+      .pipe(gulp.dest('./vendors/css'));
+});
+
+/*Scripts for addons*/
+gulp.task('copyAddonsScripts', function() {
+    var aScript1 = gulp.src(['node_modules/chart.js/dist/Chart.min.js'])
+        .pipe(gulp.dest('./vendors/chart.js'));
+    var aScript2 = gulp.src(['node_modules/moment/moment.js'])
+        .pipe(gulp.dest('./vendors/moment'));
+    var aScript3 = gulp.src(['node_modules/jquery-file-upload/js/jquery.uploadfile.min.js'])
+        .pipe(gulp.dest('./vendors/jquery-file-upload'));
+    var aScript4 = gulp.src(['node_modules/moment/min/moment.min.js'])
+        .pipe(gulp.dest('./vendors/moment'));
+    var aScript5 = gulp.src(['node_modules/codemirror/lib/codemirror.js'])
+        .pipe(gulp.dest('./vendors/codemirror'));
+    var aScript6 = gulp.src(['node_modules/codemirror/mode/javascript/javascript.js'])
+        .pipe(gulp.dest('./vendors/codemirror'));
+    var aScript7 = gulp.src(['node_modules/codemirror/mode/shell/shell.js'])
+        .pipe(gulp.dest('./vendors/codemirror')); 
+    var aScript8 = gulp.src(['node_modules/twbs-pagination/jquery.twbsPagination.min.js'])
+        .pipe(gulp.dest('./vendors/twbs-pagination'));
+    var aScript9 = gulp.src(['node_modules/jquery.avgrund/jquery.avgrund.min.js'])
+        .pipe(gulp.dest('./vendors/jquery.avgrund'));
+    var aScript10 = gulp.src(['node_modules/pwstabs/assets/jquery.pwstabs.min.js'])
+        .pipe(gulp.dest('./vendors/pwstabs'));
+    var aScript11 = gulp.src(['./node_modules/summernote/dist/**/*'])
+        .pipe(gulp.dest('./vendors/summernote/dist'));
+    var aScript12 = gulp.src(['./node_modules/tinymce/**/*'])
+        .pipe(gulp.dest('./vendors/tinymce'));
+    var aScript13 = gulp.src(['./node_modules/ace-builds/src-min/**/*'])
+        .pipe(gulp.dest('./vendors/ace-builds/src-min'));
+    var aScript14 = gulp.src(['node_modules/select2/dist/js/select2.min.js'])
+        .pipe(gulp.dest('./vendors/select2'));
+    var aScript15 = gulp.src(['node_modules/typeahead.js/dist/typeahead.bundle.min.js'])
+        .pipe(gulp.dest('./vendors/typeahead.js'));
+    return merge(aScript1, aScript2, aScript3, aScript4, aScript5, aScript6, aScript7, aScript8, aScript9, aScript10, aScript11, aScript12, aScript13, aScript14, aScript15);
+});
+
+
+/*Styles for addons*/
+gulp.task('copyAddonsStyles', function() {
+    var aStyle1 = gulp.src(['./node_modules/@mdi/font/css/materialdesignicons.min.css'])
+        .pipe(gulp.dest('./vendors/mdi/css'));
+    var aStyle2 = gulp.src(['./node_modules/@mdi/font/fonts/*'])
+        .pipe(gulp.dest('./vendors/mdi/fonts'));
+    var aStyle3 = gulp.src(['./node_modules/font-awesome/css/font-awesome.min.css'])
+        .pipe(gulp.dest('./vendors/font-awesome/css'));
+    var aStyle4 = gulp.src(['./node_modules/font-awesome/fonts/*'])
+        .pipe(gulp.dest('./vendors/font-awesome/fonts'));
+    var aStyle5 = gulp.src(['node_modules/jquery-file-upload/css/uploadfile.css'])
+        .pipe(gulp.dest('./vendors/jquery-file-upload'));
+    var aStyle6 = gulp.src(['node_modules/select2/dist/css/select2.min.css'])
+        .pipe(gulp.dest('./vendors/select2'));
+    var aStyle7 = gulp.src(['node_modules/codemirror/lib/codemirror.css'])
+        .pipe(gulp.dest('./vendors/codemirror'));
+    var aStyle8 = gulp.src(['node_modules/codemirror/theme/ambiance.css'])
+        .pipe(gulp.dest('./vendors/codemirror'));
+    var aStyle9 = gulp.src(['node_modules/quill/dist/quill.snow.css'])
+        .pipe(gulp.dest('./vendors/quill'));
+    var aStyle10 = gulp.src(['node_modules/simplemde/dist/simplemde.min.css'])
+        .pipe(gulp.dest('./vendors/simplemde'));
+    var aStyle11 = gulp.src(['node_modules/jsgrid/dist/jsgrid-theme.min.css'])
+        .pipe(gulp.dest('./vendors/jsgrid'));
+    var aStyle12 = gulp.src(['node_modules/pwstabs/assets/jquery.pwstabs.min.css'])
+        .pipe(gulp.dest('./vendors/pwstabs'));
+    var aStyle13 = gulp.src(['node_modules/typicons.font/src/font/*'])
+        .pipe(gulp.dest('./vendors/typicons'));
+    return merge(aStyle1, aStyle2, aStyle3, aStyle4, aStyle5, aStyle6, aStyle7, aStyle8, aStyle9, aStyle10, aStyle11, aStyle12, aStyle13);
+});
+
+/*sequence for building vendor scripts and styles*/
+gulp.task('bundleVendors', gulp.series('clean:vendors', 'buildBaseVendorStyles','buildBaseVendorScripts', 'copyAddonsStyles', 'copyAddonsScripts'));
+
+gulp.task('default', gulp.series('serve'));

public/storage/assets/images/logo-dark.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="117px" height="34px" viewBox="0 0 117 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
+    <title>Logo_dark</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Dashboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Logo_dark" fill-rule="nonzero">
+            <path d="M39.4,27 L39.4,13.2 C40.6400062,13.0799994 42.3866554,13.02 44.64,13.02 C46.573343,13.02 47.8966631,13.3333302 48.61,13.96 C49.3233369,14.5866698 49.68,15.7733246 49.68,17.52 C49.68,19.2666754 49.3433367,20.4566635 48.67,21.09 C47.9966633,21.7233365 46.7866754,22.04 45.04,22.04 C44.1599956,22.04 43.2933376,21.9866672 42.44,21.88 L42.44,27 L39.4,27 Z M42.44,19.7 L44.58,19.7 C45.3666706,19.6866666 45.9033319,19.5333348 46.19,19.24 C46.4766681,18.9466652 46.62,18.3733376 46.62,17.52 C46.62,16.6666624 46.4766681,16.0933348 46.19,15.8 C45.9033319,15.5066652 45.3666706,15.36 44.58,15.36 L42.44,15.38 L42.44,19.7 Z M56.08,16.86 C57.9200092,16.86 59.2233295,17.2566627 59.99,18.05 C60.7566705,18.8433373 61.14,20.1866572 61.14,22.08 C61.14,23.9733428 60.7566705,25.3099961 59.99,26.09 C59.2233295,26.8700039 57.9200092,27.26 56.08,27.26 C54.2266574,27.26 52.9166705,26.8700039 52.15,26.09 C51.3833295,25.3099961 51,23.9733428 51,22.08 C51,20.1733238 51.3833295,18.8266706 52.15,18.04 C52.9166705,17.2533294 54.2266574,16.86 56.08,16.86 Z M56.08,19.08 C55.2933294,19.08 54.766668,19.279998 54.5,19.68 C54.233332,20.080002 54.1,20.879994 54.1,22.08 C54.1,23.2533392 54.233332,24.039998 54.5,24.44 C54.766668,24.840002 55.2933294,25.04 56.08,25.04 C56.8400038,25.04 57.3566653,24.840002 57.63,24.44 C57.9033347,24.039998 58.04,23.2533392 58.04,22.08 C58.04,20.8933274 57.906668,20.0966687 57.64,19.69 C57.373332,19.2833313 56.8533372,19.08 56.08,19.08 Z M66.12,13 L66.12,23.78 C66.12,24.44667 66.4933296,24.78 67.24,24.78 L68.04,24.78 L68.38,26.84 C67.8733308,27.106668 67.086672,27.24 66.02,27.24 C65.1399956,27.24 64.4466692,27.0033357 63.94,26.53 C63.4333308,26.0566643 63.18,25.386671 63.18,24.52 L63.18,13 L66.12,13 Z M72.66,13 L72.66,23.78 C72.66,24.44667 73.0333296,24.78 73.78,24.78 L74.58,24.78 L74.92,26.84 C74.4133308,27.106668 73.626672,27.24 72.56,27.24 C71.6799956,27.24 70.9866692,27.0033357 70.48,26.53 C69.9733308,26.0566643 69.72,25.386671 69.72,24.52 L69.72,13 L72.66,13 Z M85.6,17.14 L85.6,27 L83.26,27 L83.04,25.64 C81.6799932,26.7200054 80.3200068,27.26 78.96,27.26 C77.1066574,27.26 76.18,26.3466758 76.18,24.52 L76.18,17.14 L79.14,17.14 L79.14,23.62 C79.1266666,24.0466688 79.1999992,24.3466658 79.36,24.52 C79.5200008,24.6933342 79.799998,24.78 80.2,24.78 C80.7733362,24.78 81.593328,24.5066694 82.66,23.96 L82.66,17.14 L85.6,17.14 Z M92.52,22.86 L92.4,22.86 L90.06,27 L87.02,27 L90.06,21.94 L87.24,17.14 L90.26,17.14 L92.36,20.94 L92.56,20.94 L94.66,17.14 L97.68,17.14 L94.86,21.94 L97.9,27 L94.86,27 L92.52,22.86 Z M110.44,13.2 L110.44,21.5 C110.44,23.6066772 110.036671,25.093329 109.23,25.96 C108.423329,26.826671 107.033343,27.26 105.06,27.26 C102.97999,27.26 101.516671,26.826671 100.67,25.96 C99.8233291,25.093329 99.4,23.6066772 99.4,21.5 L99.4,13.2 L102.44,13.2 L102.44,21.5 C102.44,22.766673 102.616665,23.633331 102.97,24.1 C103.323335,24.566669 103.973329,24.8 104.92,24.8 C105.853338,24.8 106.496665,24.566669 106.85,24.1 C107.203335,23.633331 107.38,22.766673 107.38,21.5 L107.38,13.2 L110.44,13.2 Z M116.16,27 L113.12,27 L113.12,13.2 L116.16,13.2 L116.16,27 Z" id="PolluxUI-Copy" fill="#844FC1"></path>
+            <g id="Polluxui-Copy">
+                <path d="M7.49397732,2.99977945 C6.74302902,3.01402476 5.9817655,2.33635499 6.00033291,1.49995176 C6.01890031,0.606567292 6.70176813,-0.0100511473 7.51048168,0.000124074453 C8.36664526,0.0102992962 8.99793696,0.6574434 9,1.49384663 C9,2.32414473 8.3872757,2.96721874 7.49397732,2.99977945 Z" id="Path" fill="#FFFFFF"></path>
+                <path d="M28.8532446,17.7327629 C28.754386,17.1677441 28.6102173,16.6068049 28.4598699,16.051985 C28.2003662,15.0973685 27.8317062,14.1815077 27.2900437,13.3492779 C26.9852299,12.8801288 26.6557013,12.4150592 26.2664458,12.019342 C25.9039644,11.650142 25.4693987,11.3400956 25.0286543,11.0606459 C24.3098703,10.6057752 23.5025254,10.3813995 22.6498704,10.340604 C22.3409374,10.3263255 22.0320045,10.3202062 21.725131,10.3426437 C21.3605901,10.3712006 20.9960492,10.4262747 20.6335679,10.4854283 C20.0857267,10.5751785 19.5420047,10.709804 18.9900444,10.764878 C18.5781338,10.8056736 18.1538658,10.764878 17.7378361,10.7322415 C17.1879354,10.6894062 16.6792258,10.4956272 16.2117072,10.2120979 C15.7174144,9.91225038 15.313742,9.51449349 14.9594989,9.05962278 C14.6279108,8.63738854 14.2695485,8.23555209 13.9235436,7.82555652 C13.4972161,7.31969134 13.0132211,6.88317864 12.4241889,6.56497313 C11.3964719,6.01219303 10.2925514,5.9183632 9.16185666,6.05706817 C8.38746467,6.15293778 7.64808508,6.40587037 6.94371789,6.74039412 C6.11577751,7.13203167 5.37021926,7.65625486 4.69056671,8.26002943 C4.06446255,8.81688909 3.48366855,9.42678299 2.98525668,10.1019498 C2.10170837,11.3054194 1.41175806,12.6108779 0.919524847,14.0162856 C0.579698572,14.9851806 0.309897106,15.9703939 0.198681235,16.9923231 C0.116299108,17.7511209 0.04009564,18.5119584 0.00508323598,19.2748358 C-0.0155122958,19.7378656 0.0297978741,20.204975 0.0812867035,20.6680048 C0.155430618,21.3186943 0.241931851,21.9714235 0.359326382,22.6159937 C0.569400806,23.766429 0.940120378,24.874029 1.45912778,25.9224754 C1.81337093,26.636398 2.21292424,27.3360422 2.66808549,27.9887714 C3.11912764,28.6353814 3.63813504,29.2432355 4.18597619,29.8143736 C4.63289922,30.281483 5.15190663,30.6853592 5.66061626,31.0892354 C6.76659632,31.9704199 8.01056643,32.6272288 9.33485913,33.1147359 C10.9104173,33.6940332 12.5498216,33.981642 14.2407148,34 C14.866819,33.9469657 15.4949827,33.9122895 16.1169677,33.8347779 C16.6606898,33.7654254 17.2064714,33.6777149 17.7378361,33.5451293 C18.8870668,33.2595602 19.9889277,32.837326 21.0372403,32.2804663 C22.1143866,31.7093282 23.1070912,31.0219227 24.0009373,30.2039714 C24.5261234,29.7225835 25.0059993,29.1881615 25.4858751,28.6598587 C26.0852051,28.0010101 26.5856765,27.272809 27.0346591,26.5058521 C27.5619047,25.6042698 28.0047087,24.6720909 28.3218799,23.6766787 C28.6740635,22.5711185 28.8964952,21.4390412 28.9726987,20.2845263 C29.0303662,19.4359783 28.9994729,18.5772314 28.8532446,17.7327629 Z M20.0115828,18.1142015 L20.0115828,20.9535738 L16.2673151,20.9535738 L16.2673151,18.1142015 L12.7331219,18.1142015 L12.7331219,21.3594898 L16.2693747,21.3594898 L16.2693747,25.0086544 L12.7331219,25.0086544 L12.7331219,28.2539427 L8.98885419,28.2539427 L8.98885419,14.465037 L12.7331219,14.465037 L20.0115828,14.465037 L20.0115828,18.1142015 Z" id="Shape" fill="#844FC1"></path>
+            </g>
+        </g>
+    </g>
+</svg>

public/storage/assets/images/logo-mini.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="29px" height="34px" viewBox="0 0 29 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
+    <title>Polluxui</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Dashboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PolluxUI_dashboard" transform="translate(-31.000000, -17.000000)" fill="#FFFFFF" fill-rule="nonzero">
+            <g id="Group">
+                <g id="Group-2">
+                    <g id="Logo" transform="translate(31.000000, 17.000000)">
+                        <g id="Polluxui">
+                            <path d="M7.49397732,2.99977945 C6.74302902,3.01402476 5.9817655,2.33635499 6.00033291,1.49995176 C6.01890031,0.606567292 6.70176813,-0.0100511473 7.51048168,0.000124074453 C8.36664526,0.0102992962 8.99793696,0.6574434 9,1.49384663 C9,2.32414473 8.3872757,2.96721874 7.49397732,2.99977945 Z" id="Path"></path>
+                            <path d="M28.8532446,17.7327629 C28.754386,17.1677441 28.6102173,16.6068049 28.4598699,16.051985 C28.2003662,15.0973685 27.8317062,14.1815077 27.2900437,13.3492779 C26.9852299,12.8801288 26.6557013,12.4150592 26.2664458,12.019342 C25.9039644,11.650142 25.4693987,11.3400956 25.0286543,11.0606459 C24.3098703,10.6057752 23.5025254,10.3813995 22.6498704,10.340604 C22.3409374,10.3263255 22.0320045,10.3202062 21.725131,10.3426437 C21.3605901,10.3712006 20.9960492,10.4262747 20.6335679,10.4854283 C20.0857267,10.5751785 19.5420047,10.709804 18.9900444,10.764878 C18.5781338,10.8056736 18.1538658,10.764878 17.7378361,10.7322415 C17.1879354,10.6894062 16.6792258,10.4956272 16.2117072,10.2120979 C15.7174144,9.91225038 15.313742,9.51449349 14.9594989,9.05962278 C14.6279108,8.63738854 14.2695485,8.23555209 13.9235436,7.82555652 C13.4972161,7.31969134 13.0132211,6.88317864 12.4241889,6.56497313 C11.3964719,6.01219303 10.2925514,5.9183632 9.16185666,6.05706817 C8.38746467,6.15293778 7.64808508,6.40587037 6.94371789,6.74039412 C6.11577751,7.13203167 5.37021926,7.65625486 4.69056671,8.26002943 C4.06446255,8.81688909 3.48366855,9.42678299 2.98525668,10.1019498 C2.10170837,11.3054194 1.41175806,12.6108779 0.919524847,14.0162856 C0.579698572,14.9851806 0.309897106,15.9703939 0.198681235,16.9923231 C0.116299108,17.7511209 0.04009564,18.5119584 0.00508323598,19.2748358 C-0.0155122958,19.7378656 0.0297978741,20.204975 0.0812867035,20.6680048 C0.155430618,21.3186943 0.241931851,21.9714235 0.359326382,22.6159937 C0.569400806,23.766429 0.940120378,24.874029 1.45912778,25.9224754 C1.81337093,26.636398 2.21292424,27.3360422 2.66808549,27.9887714 C3.11912764,28.6353814 3.63813504,29.2432355 4.18597619,29.8143736 C4.63289922,30.281483 5.15190663,30.6853592 5.66061626,31.0892354 C6.76659632,31.9704199 8.01056643,32.6272288 9.33485913,33.1147359 C10.9104173,33.6940332 12.5498216,33.981642 14.2407148,34 C14.866819,33.9469657 15.4949827,33.9122895 16.1169677,33.8347779 C16.6606898,33.7654254 17.2064714,33.6777149 17.7378361,33.5451293 C18.8870668,33.2595602 19.9889277,32.837326 21.0372403,32.2804663 C22.1143866,31.7093282 23.1070912,31.0219227 24.0009373,30.2039714 C24.5261234,29.7225835 25.0059993,29.1881615 25.4858751,28.6598587 C26.0852051,28.0010101 26.5856765,27.272809 27.0346591,26.5058521 C27.5619047,25.6042698 28.0047087,24.6720909 28.3218799,23.6766787 C28.6740635,22.5711185 28.8964952,21.4390412 28.9726987,20.2845263 C29.0303662,19.4359783 28.9994729,18.5772314 28.8532446,17.7327629 Z M20.0115828,18.1142015 L20.0115828,20.9535738 L16.2673151,20.9535738 L16.2673151,18.1142015 L12.7331219,18.1142015 L12.7331219,21.3594898 L16.2693747,21.3594898 L16.2693747,25.0086544 L12.7331219,25.0086544 L12.7331219,28.2539427 L8.98885419,28.2539427 L8.98885419,14.465037 L12.7331219,14.465037 L20.0115828,14.465037 L20.0115828,18.1142015 Z" id="Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

public/storage/assets/images/logo.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="117px" height="34px" viewBox="0 0 117 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
+    <title>Logo</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Dashboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Logo" fill="#FFFFFF" fill-rule="nonzero">
+            <path d="M39.4,27 L39.4,13.2 C40.6400062,13.0799994 42.3866554,13.02 44.64,13.02 C46.573343,13.02 47.8966631,13.3333302 48.61,13.96 C49.3233369,14.5866698 49.68,15.7733246 49.68,17.52 C49.68,19.2666754 49.3433367,20.4566635 48.67,21.09 C47.9966633,21.7233365 46.7866754,22.04 45.04,22.04 C44.1599956,22.04 43.2933376,21.9866672 42.44,21.88 L42.44,27 L39.4,27 Z M42.44,19.7 L44.58,19.7 C45.3666706,19.6866666 45.9033319,19.5333348 46.19,19.24 C46.4766681,18.9466652 46.62,18.3733376 46.62,17.52 C46.62,16.6666624 46.4766681,16.0933348 46.19,15.8 C45.9033319,15.5066652 45.3666706,15.36 44.58,15.36 L42.44,15.38 L42.44,19.7 Z M56.08,16.86 C57.9200092,16.86 59.2233295,17.2566627 59.99,18.05 C60.7566705,18.8433373 61.14,20.1866572 61.14,22.08 C61.14,23.9733428 60.7566705,25.3099961 59.99,26.09 C59.2233295,26.8700039 57.9200092,27.26 56.08,27.26 C54.2266574,27.26 52.9166705,26.8700039 52.15,26.09 C51.3833295,25.3099961 51,23.9733428 51,22.08 C51,20.1733238 51.3833295,18.8266706 52.15,18.04 C52.9166705,17.2533294 54.2266574,16.86 56.08,16.86 Z M56.08,19.08 C55.2933294,19.08 54.766668,19.279998 54.5,19.68 C54.233332,20.080002 54.1,20.879994 54.1,22.08 C54.1,23.2533392 54.233332,24.039998 54.5,24.44 C54.766668,24.840002 55.2933294,25.04 56.08,25.04 C56.8400038,25.04 57.3566653,24.840002 57.63,24.44 C57.9033347,24.039998 58.04,23.2533392 58.04,22.08 C58.04,20.8933274 57.906668,20.0966687 57.64,19.69 C57.373332,19.2833313 56.8533372,19.08 56.08,19.08 Z M66.12,13 L66.12,23.78 C66.12,24.44667 66.4933296,24.78 67.24,24.78 L68.04,24.78 L68.38,26.84 C67.8733308,27.106668 67.086672,27.24 66.02,27.24 C65.1399956,27.24 64.4466692,27.0033357 63.94,26.53 C63.4333308,26.0566643 63.18,25.386671 63.18,24.52 L63.18,13 L66.12,13 Z M72.66,13 L72.66,23.78 C72.66,24.44667 73.0333296,24.78 73.78,24.78 L74.58,24.78 L74.92,26.84 C74.4133308,27.106668 73.626672,27.24 72.56,27.24 C71.6799956,27.24 70.9866692,27.0033357 70.48,26.53 C69.9733308,26.0566643 69.72,25.386671 69.72,24.52 L69.72,13 L72.66,13 Z M85.6,17.14 L85.6,27 L83.26,27 L83.04,25.64 C81.6799932,26.7200054 80.3200068,27.26 78.96,27.26 C77.1066574,27.26 76.18,26.3466758 76.18,24.52 L76.18,17.14 L79.14,17.14 L79.14,23.62 C79.1266666,24.0466688 79.1999992,24.3466658 79.36,24.52 C79.5200008,24.6933342 79.799998,24.78 80.2,24.78 C80.7733362,24.78 81.593328,24.5066694 82.66,23.96 L82.66,17.14 L85.6,17.14 Z M92.52,22.86 L92.4,22.86 L90.06,27 L87.02,27 L90.06,21.94 L87.24,17.14 L90.26,17.14 L92.36,20.94 L92.56,20.94 L94.66,17.14 L97.68,17.14 L94.86,21.94 L97.9,27 L94.86,27 L92.52,22.86 Z M110.44,13.2 L110.44,21.5 C110.44,23.6066772 110.036671,25.093329 109.23,25.96 C108.423329,26.826671 107.033343,27.26 105.06,27.26 C102.97999,27.26 101.516671,26.826671 100.67,25.96 C99.8233291,25.093329 99.4,23.6066772 99.4,21.5 L99.4,13.2 L102.44,13.2 L102.44,21.5 C102.44,22.766673 102.616665,23.633331 102.97,24.1 C103.323335,24.566669 103.973329,24.8 104.92,24.8 C105.853338,24.8 106.496665,24.566669 106.85,24.1 C107.203335,23.633331 107.38,22.766673 107.38,21.5 L107.38,13.2 L110.44,13.2 Z M116.16,27 L113.12,27 L113.12,13.2 L116.16,13.2 L116.16,27 Z" id="PolluxUI"></path>
+            <g id="Polluxui">
+                <path d="M7.49397732,2.99977945 C6.74302902,3.01402476 5.9817655,2.33635499 6.00033291,1.49995176 C6.01890031,0.606567292 6.70176813,-0.0100511473 7.51048168,0.000124074453 C8.36664526,0.0102992962 8.99793696,0.6574434 9,1.49384663 C9,2.32414473 8.3872757,2.96721874 7.49397732,2.99977945 Z" id="Path"></path>
+                <path d="M28.8532446,17.7327629 C28.754386,17.1677441 28.6102173,16.6068049 28.4598699,16.051985 C28.2003662,15.0973685 27.8317062,14.1815077 27.2900437,13.3492779 C26.9852299,12.8801288 26.6557013,12.4150592 26.2664458,12.019342 C25.9039644,11.650142 25.4693987,11.3400956 25.0286543,11.0606459 C24.3098703,10.6057752 23.5025254,10.3813995 22.6498704,10.340604 C22.3409374,10.3263255 22.0320045,10.3202062 21.725131,10.3426437 C21.3605901,10.3712006 20.9960492,10.4262747 20.6335679,10.4854283 C20.0857267,10.5751785 19.5420047,10.709804 18.9900444,10.764878 C18.5781338,10.8056736 18.1538658,10.764878 17.7378361,10.7322415 C17.1879354,10.6894062 16.6792258,10.4956272 16.2117072,10.2120979 C15.7174144,9.91225038 15.313742,9.51449349 14.9594989,9.05962278 C14.6279108,8.63738854 14.2695485,8.23555209 13.9235436,7.82555652 C13.4972161,7.31969134 13.0132211,6.88317864 12.4241889,6.56497313 C11.3964719,6.01219303 10.2925514,5.9183632 9.16185666,6.05706817 C8.38746467,6.15293778 7.64808508,6.40587037 6.94371789,6.74039412 C6.11577751,7.13203167 5.37021926,7.65625486 4.69056671,8.26002943 C4.06446255,8.81688909 3.48366855,9.42678299 2.98525668,10.1019498 C2.10170837,11.3054194 1.41175806,12.6108779 0.919524847,14.0162856 C0.579698572,14.9851806 0.309897106,15.9703939 0.198681235,16.9923231 C0.116299108,17.7511209 0.04009564,18.5119584 0.00508323598,19.2748358 C-0.0155122958,19.7378656 0.0297978741,20.204975 0.0812867035,20.6680048 C0.155430618,21.3186943 0.241931851,21.9714235 0.359326382,22.6159937 C0.569400806,23.766429 0.940120378,24.874029 1.45912778,25.9224754 C1.81337093,26.636398 2.21292424,27.3360422 2.66808549,27.9887714 C3.11912764,28.6353814 3.63813504,29.2432355 4.18597619,29.8143736 C4.63289922,30.281483 5.15190663,30.6853592 5.66061626,31.0892354 C6.76659632,31.9704199 8.01056643,32.6272288 9.33485913,33.1147359 C10.9104173,33.6940332 12.5498216,33.981642 14.2407148,34 C14.866819,33.9469657 15.4949827,33.9122895 16.1169677,33.8347779 C16.6606898,33.7654254 17.2064714,33.6777149 17.7378361,33.5451293 C18.8870668,33.2595602 19.9889277,32.837326 21.0372403,32.2804663 C22.1143866,31.7093282 23.1070912,31.0219227 24.0009373,30.2039714 C24.5261234,29.7225835 25.0059993,29.1881615 25.4858751,28.6598587 C26.0852051,28.0010101 26.5856765,27.272809 27.0346591,26.5058521 C27.5619047,25.6042698 28.0047087,24.6720909 28.3218799,23.6766787 C28.6740635,22.5711185 28.8964952,21.4390412 28.9726987,20.2845263 C29.0303662,19.4359783 28.9994729,18.5772314 28.8532446,17.7327629 Z M20.0115828,18.1142015 L20.0115828,20.9535738 L16.2673151,20.9535738 L16.2673151,18.1142015 L12.7331219,18.1142015 L12.7331219,21.3594898 L16.2693747,21.3594898 L16.2693747,25.0086544 L12.7331219,25.0086544 L12.7331219,28.2539427 L8.98885419,28.2539427 L8.98885419,14.465037 L12.7331219,14.465037 L20.0115828,14.465037 L20.0115828,18.1142015 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>

public/storage/assets/js/ace.js

@@ -0,0 +1,7 @@
+(function($) {
+  'use strict';
+  var editor = ace.edit("aceExample");
+  editor.setTheme("ace/theme/chaos");
+  editor.getSession().setMode("ace/mode/javascript");
+  document.getElementById('aceExample').style.fontSize = '1rem';
+})(jQuery);

public/storage/assets/js/admin/global_funs.js

@@ -0,0 +1,329 @@
+
+let messageDuration = 2000;
+
+function getProvinces(targetSelectorId, selected_province_id = 0) {
+    fetchRefsData(get_refs_base_url + '/provinces/json', targetSelectorId, selected_province_id);
+}
+
+function getDistrictsByProvinceId(targetSelectorId, province_id, selected_district_id = 0) {
+    fetchRefsData(get_refs_base_url + '/districts/json/'+province_id, targetSelectorId, selected_district_id);
+}
+
+function getCommunesByDistrictId(targetSelectorId, district_id, selected_commune_id = 0){
+    fetchRefsData(get_refs_base_url + '/communes/json/'+district_id, targetSelectorId, selected_commune_id);
+}
+
+function getVillagesByCommuneId(targetSelectorId, commune_id, selected_village_id = 0) {
+    fetchRefsData(get_refs_base_url + '/villages/json/'+commune_id, targetSelectorId, selected_village_id);
+}
+
+function fetchRefsData(url, targetSelectorId, selectedId ) {
+    $.ajax({
+        url: url,
+        type:"GET",
+        dataType:"json",
+        success:function(response){
+            $('#'+targetSelectorId).html('');
+            $('#'+targetSelectorId).append('<option selected></option>');
+            response.map(item =>{
+                var patientOption = document.createElement('OPTION');
+                patientOption.setAttribute('value',item.id);
+                if(selectedId == item.id){
+                    patientOption.setAttribute('selected','selected');
+                }
+                patientOption.text = item.name;
+                $('#'+targetSelectorId).append(patientOption);
+            })
+        }
+    });
+}
+
+function generate_uuid (classPrefix, targetDisplayElementId) {
+    $.ajax({
+        url: get_refs_base_url+"/uuid.generate/json",
+        type:"GET",
+        dataType:"json",
+        success:function(response){
+            if(response.success) $(''+targetDisplayElementId).val(classPrefix+'-'+response.data.uuid);
+            else alertify.error("Can't generate uuid.")
+        }
+    });
+}
+
+function deleteEntityRecord(uid, url){
+    var success = false
+    Swal.fire({
+        text: confirm_delete_record,
+        icon: 'question',
+        showCancelButton: true,
+        cancelButtonClass:'danger',
+        confirmButtonText: confirm_ok_delete,
+        cancelButtonText: confirm_cancel
+    }).then((result) => {
+        if (result.value) {
+            $.ajax({
+                url: url,
+                method:'POST',
+                dataType:"JSON",
+                data:{
+                    "_token": csrf_token,
+                    uid : uid,
+                },
+                success:function(response){
+                    handleMessage(response.success, response.message)
+                    setTimeout(function () {location.reload()}, messageDuration)
+                    success = true
+                }
+            })
+
+        }
+    });
+    return success
+}
+
+function restoreEntityRecord(uid, url){
+    Swal.fire({
+        text: confirm_restore_record,
+        icon: 'question',
+        showCancelButton: true,
+        cancelButtonClass:'danger',
+        confirmButtonText: confirm_ok_restore,
+        cancelButtonText: confirm_cancel_restore,
+    }).then((result) => {
+        if (result.value) {
+            $.ajax({
+                url: url,
+                method:'POST',
+                dataType:"JSON",
+                data:{
+                    "_token": csrf_token,
+                    uid : uid,
+                },
+                success:function(response){
+                    handleMessage(response.success, response.message)
+                    setTimeout(function () {location.reload()}, messageDuration)
+                }
+            })
+
+        }
+    });
+}
+
+function isNumber(evt) {
+    evt = (evt) ? evt : window.event;
+    var charCode = (evt.which) ? evt.which : evt.keyCode;
+
+    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
+        return false;
+    }
+    return true;
+}
+
+function addRejectComment(targetSelectorId){
+    Swal.fire({
+        html:"<p style='float: left;'>Reject Comment</p>",
+        input: "text",
+        showCancelButton: !0,
+        position: "center-right",
+        confirmButtonText: "<i class='fa fa-save mr-2'></i>Save",
+        cancelButtonText: "Cancel",
+        showLoaderOnConfirm: !1,
+        confirmButtonColor: "#4fb51a",
+        preConfirm: function (n) {
+            return new Promise(function (t) {
+                $.ajax({
+                    url: get_refs_base_url + '/reject-comment/save',
+                    method:'post',
+                    dataType:'json',
+                    data:{
+                        "_token": csrf_token,
+                        name_en: n
+                    },
+                    success:function(r)
+                    {
+                        if(!r.success){
+                            Swal.showValidationMessage('Failed while saving reject comment. ' + r.errors)
+                            Swal.enableButtons()
+                        }
+                        else {
+                            t(r.data)
+                        }
+                    }
+                })
+            })
+        },
+        allowOutsideClick:!1,
+    }).then(function (t) {
+        if(!t.dismiss){
+            t.value.map(item =>{
+                var patientOption = document.createElement('OPTION');
+                patientOption.setAttribute('value',item.id);
+                patientOption.setAttribute('selected','selected');
+                patientOption.text = item.reject_comment;
+                $('#'+targetSelectorId).append(patientOption);
+                alertify.success("Reject comment successfully added.")
+            })
+        }
+    })
+}
+
+function customErrorAlert(error) {
+    $('.custom-error-alert').remove()
+    var alertComponent = document.createElement('DIV')
+    alertComponent.classList.add('alert', 'text-white','bg-danger', 'custom-error-alert','col-sm-12','col-lg-6')
+    alertComponent.innerHTML= _getResponseErrorMessage(error)
+    document.body.append(alertComponent)
+    setTimeout(function () {
+        $('.custom-error-alert').remove()
+    }, 10000)
+}
+
+
+function _getResponseErrorMessage (error) {
+    if (error.message) return error.message
+    if (error.errors) return 'Internal server error. please contact system administrator.'
+    if (error.responseJSON) return _getCustomResponseErrorMessage(error.statusText, error.responseJSON.errors)
+    return error.message === 'Network Error' ? 'Oops! Network Error. Try again later' : error.message
+}
+
+function _getCustomResponseErrorMessage (message, errObject) {
+    arr = []
+    var errors = [];
+    for(var i in errObject) {
+        errors.push(errObject[i]);
+    }
+    errors.forEach(item=> {
+        if(Array.isArray(item)){
+            item.forEach(v=> {
+                arr.concat(v)
+            })
+        }
+        else{
+            arr.concat(item)
+        }
+        return arr
+    })
+    return errors.join('<br/>')
+}
+
+
+function list_to_tree(list) {
+    var map = {}, node, roots = [], i;
+
+    for (i = 0; i < list.length; i += 1) {
+        map[list[i].id] = i; // initialize the map
+        list[i].children = []; // initialize the children
+    }
+    for (i = 0; i < list.length; i += 1) {
+        node = list[i];
+        if (node.closed_parent_id !== "0") {
+            // if you have dangling branches check that map[node.parentId] exists
+            //console.log('node ', list[map[node.closed_parent_id]])
+            if(typeof map[node.closed_parent_id] !== 'undefined') {
+                list[map[node.closed_parent_id]].children.push(node);
+            }
+        } else {
+            roots.push(node);
+        }
+    }
+    return roots;
+}
+
+function list_to_tree_v2(flatArray, parent = null) {
+    const tree = [];
+    for (const item of obj.values(flatArray)) {
+        if (item.closed_parent_id === parent) {
+            const children = arrayToTree(flatArray, item.id);
+            if (children.length) {
+                item.children = children;
+            }
+            tree.push(item);
+        }
+    }
+    return tree;
+}
+
+function getSampleTypeByDepartmentId(departmentId, sampleTypeControlId, selected_sample_type_id = 0) {
+    $.ajax({
+        url: get_refs_base_url+'/sample-type/department/'+(departmentId>0 ? departmentId : 'null'),
+        type:"GET",
+        dataType:"JSON",
+        success:function(response){
+            $('#'+sampleTypeControlId).html('');
+            $('#'+sampleTypeControlId).append('<option></option>');
+            response.data.map(item =>{
+                var patientOption = document.createElement('OPTION');
+                patientOption.setAttribute('value',item.id);
+                if(selected_sample_type_id == item.id){
+                    patientOption.setAttribute('selected','selected');
+                }
+                patientOption.text = item.name_en;
+                $('#'+sampleTypeControlId).append(patientOption);
+            })
+        },
+        error: function(response) {
+        },
+    });
+}
+
+function removeUserSignature() {
+    $.ajax({
+        url: get_refs_base_url + '/reject-comment/save',
+        method:'post',
+        dataType:'json',
+        data:{
+            "_token": csrf_token
+        },
+        success:function(r)
+        {
+            if(!r.success){
+                Swal.showValidationMessage('Failed while saving reject comment. ' + r.errors)
+                Swal.enableButtons()
+            }
+            else {
+                t(r.data)
+            }
+        }
+    })
+}
+
+function toFixedNumber(num, fixed) {
+    fixed = fixed || 0;
+    fixed = Math.pow(10, fixed);
+    return Math.floor(num * fixed) / fixed;
+}
+
+function handleMessage(actionStatus = true, message) {
+    if(actionStatus) alertify.success(message)
+    else alertify.error(message)
+}
+
+function getDate(date) {
+    if(date) {
+        var d = new Date(date),
+            month = '' + (d.getMonth() + 1),
+            day = '' + d.getDate(),
+            year = d.getFullYear();
+        if (month.length < 2)
+            month = '0' + month;
+        if (day.length < 2)
+            day = '0' + day;
+        return [year, month, day].join('-');
+    } else return '';
+}
+
+function renderArrayString(data) {
+    var options = []
+    if(data!=null){
+        var tags =  JSON.parse(data)
+        options = tags.map(function (val) {
+            return {id: val, text: val, selected: true}
+        })
+    }
+    return  options
+}
+
+function calculateBMI(weight=0, height=1, displayElementId) {
+    let bmi = (weight / ((height * height)/10000)).toFixed(1)
+    $('#'+displayElementId).val(bmi);
+}

public/storage/assets/js/admin/laboratory.js

@@ -0,0 +1,134 @@
+
+$("#btnSave").on('click',function(e){
+    e.preventDefault();
+    labid = $('#lab-id').val();
+    url = parseInt(labid) === 0 ? save_lab_url : update_lab_url;
+    $.ajax({
+        url: url,
+        type:"POST",
+        data:{
+            "_token": csrf_token,
+            organization_id : labid,
+            lab_name_en: $('#lab-name-en').val(),
+            lab_name_kh: $('#lab-name-kh').val(),
+            lab_code: $('#lab-code').val(),
+            address_en: $('#address-en').val(),
+            address_kh: $('#address-kh').val(),
+            sample_number: $('input[name="sample_number"]:checked').attr('data-id'),
+            patient_code: $('input[name="patient_number"]:checked').attr('data-id'),
+            is_auto_make_invoice: $('input[name="is_auto_make_invoice"]:checked').attr('data-id'),
+            start_date : $('#start-date').val(),
+            end_date : $('#end-date').val(),
+            phone_number: $('#phone-number').val(),
+            email: $('#email').val(),
+            shareable_lab_result: $('input[name="shareable_lab_result"]:checked').attr('data-id'),
+            lab_category_id : $('#lab-category-id').val()
+        },
+        success:function(res){
+            handleMessage(res.success, res.message)
+            setTimeout(function () {location.reload()}, messageDuration)
+        }
+    });
+});
+
+function delete_lab(labid){
+    Swal.fire({
+        text: confirm_delete_record,
+        icon: 'question',
+        showCancelButton: true,
+        cancelButtonClass:'danger',
+        confirmButtonText: confirm_ok_delete,
+        cancelButtonText: confirm_cancel
+    }).then((result) => {
+        if (result.value) {
+            $.ajax({
+                url: delete_lab_url,
+                method:'POST',
+                data:{
+                    "_token": csrf_token,
+                    organization_id : labid,
+                },
+                success:function(res){
+                    handleMessage(res.success, res.message)
+                    setTimeout(function () {location.reload()}, messageDuration)
+                }
+            })
+
+        }
+    });
+}
+
+function restore_lab(labid){
+    Swal.fire({
+        text: confirm_restore_record,
+        icon: 'question',
+        showCancelButton: true,
+        cancelButtonClass:'danger',
+        confirmButtonText: confirm_ok_restore,
+        cancelButtonText: confirm_cancel_restore,
+    }).then((result) => {
+        if (result.value) {
+            $.ajax({
+                url: restore_lab_url,
+                method:'POST',
+                data:{
+                    "_token": csrf_token,
+                    organization_id : labid,
+                },
+                success:function(res){
+                    handleMessage(res.success, res.message)
+                    setTimeout(function () {location.reload()}, messageDuration)
+                }
+            })
+
+        }
+    });
+}
+
+$('#modal-laboratory').on('show.bs.modal', function (event) {
+    var button = $(event.relatedTarget) // Button that triggered the modal
+    var action = button.data('action') // Extract info from data-* attributes
+    $('#shareable_lab_result').prop("checked", false)
+    var modal = $(this);
+    if(action === "new"){
+        // Clear inputs
+        modal.find('.modal-body input').val("");
+        modal.find('.modal-body input[name="organization_id"]').val(0);
+        modal.find('.modal-title').html(modal_add_title);
+    }else if(action === "edit"){
+        organization_id = button.data('labid');
+        modal.find('.modal-body input[name="organization_id"]').val(organization_id);
+        modal.find('.modal-title').html(modal_edit_title);
+        //e.preventDefault();
+        $.ajax({
+            url: get_lab_url,
+            type:"POST",
+            data:{
+                "_token": csrf_token,
+                organization_id: organization_id,
+            },
+            success:function(res){
+                if(res.success) {
+                    let data = res.data;
+                    modal.find('.modal-body input[name="lab_name_en"]').val(data.name_en);
+                    modal.find('.modal-body input[name="lab_name_kh"]').val(data.name_kh);
+                    modal.find('.modal-body input[name="lab_code"]').val(data.short_name);
+                    modal.find('.modal-body select[name="lab_category_id"]').val(data.lab_category_id);
+                    modal.find('.modal-body input:radio[name="sample_number"]').filter("[data-id=" + data.sample_number + "]").prop('checked', true);
+                    modal.find('.modal-body input:radio[name="is_auto_make_invoice"]').filter("[data-id=" + data.is_auto_make_invoice + "]").prop('checked', true);
+                    modal.find('.modal-body input[name="address_en"]').val(data.address_en);
+                    modal.find('.modal-body input[name="address_kh"]').val(data.address_kh);
+                    modal.find('.modal-body input[name="start_date"]').val(getDate(data.start_date));
+                    modal.find('.modal-body input[name="end_date"]').val(getDate(data.end_date));
+                    modal.find('.modal-body input:radio[name="patient_number"]').filter("[data-id=" + data.patient_code + "]").prop('checked', true);
+                    modal.find('.modal-body input:checkbox[name="shareable_lab_result"]').filter("[data-id=" + data.shareable_lab_result + "]").prop('checked', true);
+                    modal.find('.modal-body input[name="email"]').val(data.email);
+                    modal.find('.modal-body input[name="phone_number"]').val(data.phone_number);
+                } else{
+                    handleMessage(res.success, res.message)
+                }
+            },
+        });
+    }
+})
+

public/storage/assets/js/admin/role.js

@@ -0,0 +1,170 @@
+
+$("#btnSave").on('click',function(e){
+    e.preventDefault();
+    data_id = $('#data-id').val();
+    let url = parseInt(data_id) === 0 ? save_url : update_url;
+    $.ajax({
+        url: url,
+        type:"POST",
+        data :{
+            "_token": csrf_token,
+            uid : data_id,
+            name_en: $('#name-en').val(),
+            organization_ids: $('#lab-ids').val()
+        },
+        success:function(res){
+            handleMessage(res.success, res.message)
+            if(res.success) setTimeout(function () {location.reload()}, messageDuration)
+        },
+    });
+});
+
+function delete_lab(uid){
+    Swal.fire({
+        text: confirm_delete_record,
+        icon: 'question',
+        showCancelButton: true,
+        cancelButtonClass:'danger',
+        confirmButtonText: confirm_ok_delete,
+        cancelButtonText: confirm_cancel
+    }).then((result) => {
+        if (result.value) {
+            $.ajax({
+                url: delete_url,
+                method:'POST',
+                data:{
+                    "_token": csrf_token,
+                    uid : uid,
+                },
+                success:function(res){
+                    handleMessage(res.success, res.message)
+                    if(res.success) setTimeout(function () {location.reload()}, messageDuration)
+                }
+            })
+        }
+    });
+}
+
+function restore_lab(uid){
+    Swal.fire({
+        text: confirm_restore_record,
+        icon: 'question',
+        showCancelButton: true,
+        cancelButtonClass:'danger',
+        confirmButtonText: confirm_ok_restore,
+        cancelButtonText: confirm_cancel_restore,
+    }).then((result) => {
+        if (result.value) {
+            $.ajax({
+                url: restore_url,
+                method:'POST',
+                data:{
+                    "_token": csrf_token,
+                    uid : uid,
+                },
+                success:function(res){
+                    handleMessage(res.success, res.message)
+                    if(res.success) setTimeout(function () {location.reload()}, messageDuration)
+                }
+            })
+        }
+    });
+}
+
+
+$('#modal-role').on('show.bs.modal', function (event) {
+    var button = $(event.relatedTarget) // Button that triggered the modal
+    var action = button.data('action') // Extract info from data-* attributes
+    var modal = $(this);
+    if(action === "new"){
+        // Clear inputs
+        modal.find('.modal-body input').val("");
+        modal.find('.modal-body input[name="uid"]').val(0);
+        modal.find('.modal-title').html(modal_add_title);
+    }else if(action === "edit"){
+        uid = button.data('uid');
+        modal.find('.modal-body input[name="uid"]').val(uid);
+        modal.find('.modal-title').html(modal_edit_title);
+        $.ajax({
+            url: get_url,
+            type:"POST",
+            data:{
+                "_token": csrf_token,
+                uid: uid,
+            },
+            success:function(res){
+                let data = res.data;
+                modal.find('.modal-body input[name="name_en"]').val(data.name_en);
+                modal.find('.modal-body input[name="name_kh"]').val(data.name_kh);
+                if(!res.success) handleMessage(res.success, res.message)
+            },
+            error: function(response) {
+            },
+        });
+    }
+})
+
+$('#modal-role-permission').on('show.bs.modal', function (event) {
+    var button = $(event.relatedTarget) // Button that triggered the modal
+    uid = button.data('uid');
+    $('#role-id').val(uid)
+    name = button.data('name');
+    $('#modal-role-permission .modal-title').text(name)
+    $.ajax({
+        url: system_url + '/role-permission/'+uid,
+        type:"get",
+        success:function(res){
+            if(res.success){
+                $('#modal-role-permission #role-permission').empty()
+                let permissions = res.data
+                for (var i in permissions){
+                    let permission_group = permissions[i];
+                    group_permissions(permission_group)
+                    // for sub group
+                    permission_group.permissions.map(item => {
+                        for(j in item){
+                            if(item[j].permissions){
+                                group_permissions(item[j], '4')
+                            }
+                        }
+                    })
+
+                }
+            }
+            else handleMessage(res.success, res.message)
+        },
+        error: function(response) {
+        },
+    });
+})
+
+function group_permissions(permission, level = 0)
+{
+    let group_permission = document.createElement('DIV')
+    group_permission.classList.add('col-sm-12', 'pl-'+level)
+    group_permission.style.border="1px dashed gray;"
+    let permission_group_name = document.createElement('h6');
+    permission_group_name.classList.add('my-3', 'font-14', 'text-info'); permission_group_name.innerHTML = permission.name
+    group_permission.append(permission_group_name)
+    group_permission.append(permissions(permission))
+
+    $('#modal-role-permission #role-permission').append(group_permission)
+}
+
+function permissions(permission) {
+
+    let permissions = document.createElement('DIV')
+    permissions.classList.add('row')
+    permission.permissions.map(item => {
+        permissions.append(permissionElement(item))
+    })
+    return permissions
+}
+
+function permissionElement(item) {
+    if(item.name == '') return '';
+    let singlePermission = document.createElement('div')
+    singlePermission.classList.add('col-sm-12','bg-white','rounded','px-4','col-md-12','col-lg-12','col-xl-12','border','border-white')
+    singlePermission.innerHTML = '<div class="form-check my-1"><label class="form-check-label font-14"><input '+(item.is_can>=1 ? 'checked':'')+' name="permission_id[]" value="'+item.id+'" type="checkbox" class="form-check-input">'+item.name+' <i class="input-helper"></i></label></div> ';
+    return singlePermission;
+}

public/storage/assets/js/admin/user.js

@@ -0,0 +1,204 @@
+
+$("#btnSave").on('click',function(e){
+    e.preventDefault();
+    data_id = $('#data-id').val();
+    let url = parseInt(data_id) === 0 ? save_url : update_url;
+    $.ajax({
+        url: url,
+        type:"POST",
+        data :{
+            "_token": csrf_token,
+            uid : data_id,
+            name: $('#name').val(),
+            email: $('#email').val(),
+            is_manager: isManager,
+            role_id: $('#role-id').val(),
+            password: $('#password').val(),
+            default_manager: $('#default-manager').val(),
+            signature: $('#signature').val(),
+            sample_source_id: ($('#role-id').val() == 6 ? $('#sample-source-id').val():0)
+        },
+        success:function(res){
+            handleMessage(res.success, res.message)
+            if(res.success) setTimeout(function () {location.reload()}, messageDuration)
+        },
+    });
+});
+
+function delete_lab(uid){
+    Swal.fire({
+        text: confirm_delete_record,
+        icon: 'question',
+        showCancelButton: true,
+        cancelButtonClass:'danger',
+        confirmButtonText: confirm_ok_delete,
+        cancelButtonText: confirm_cancel
+    }).then((result) => {
+        if (result.value) {
+            $.ajax({
+                url: delete_url,
+                method:'POST',
+                data:{
+                    "_token": csrf_token,
+                    uid : uid,
+                },
+                success:function(res){
+                    handleMessage(res.success, res.message)
+                    if(res.success) setTimeout(function () {location.reload()}, messageDuration)
+                }
+            })
+
+        }
+    });
+}
+
+function restore_lab(uid){
+    Swal.fire({
+        text: confirm_restore_record,
+        icon: 'question',
+        showCancelButton: true,
+        cancelButtonClass:'danger',
+        confirmButtonText: confirm_ok_restore,
+        cancelButtonText: confirm_cancel_restore,
+    }).then((result) => {
+        if (result.value) {
+            $.ajax({
+                url: restore_url,
+                method:'POST',
+                data:{
+                    "_token": csrf_token,
+                    uid : uid,
+                },
+                success:function(res){
+                    handleMessage(res.success, res.message)
+                    if(res.success) setTimeout(function () {location.reload()}, messageDuration)
+                }
+            })
+
+        }
+    });
+}
+
+
+$('#modal-user').on('show.bs.modal', function (event) {
+    var button = $(event.relatedTarget) // Button that triggered the modal
+    var action = button.data('action') // Extract info from data-* attributes
+    var modal = $(this);
+    if(action === "new"){
+        // Clear inputs
+        modal.find('.modal-body input').val("");
+        modal.find('.modal-body input[name="uid"]').val(0);
+        modal.find('.modal-title').html(modal_add_title);
+    }else if(action === "edit"){
+        uid = button.data('uid');
+        modal.find('.modal-body input[name="uid"]').val(uid);
+        modal.find('.modal-title').html(modal_edit_title);
+        $.ajax({
+            url: get_url,
+            type:"POST",
+            data:{
+                "_token": csrf_token,
+                uid: uid,
+            },
+            success:function(res){
+                let data = res.data;
+                console.log();
+                modal.find('.modal-body input[name="name"]').val(data.name);
+                modal.find('.modal-body input[name="email"]').val(data.email);
+                modal.find('.modal-body input[name="password"]').val('***************');
+                modal.find('.modal-body input[name="is_manager"]').prop( "checked", data.is_manager);
+                modal.find('.modal-body select[name="role_id"]').val(data.role_id).trigger('change');
+                isManager = data.is_manager
+                if(data.role_id==6) {
+                    $('#physician-id').show();
+                    $('#sample-source-id').val(data.sample_source_id).trigger('change')
+                } else{
+                    $('#physician-id').hide();
+                    $('#sample-source-id').val(0).trigger('change')
+                }
+                if(!res.success) handleMessage(res.success, res.message)
+            }
+        });
+    }
+})
+
+$('#modal-user-labs').on('show.bs.modal', function (event) {
+    var button = $(event.relatedTarget) // Button that triggered the modal
+    var action = button.data('action') // Extract info from data-* attributes
+    var modal = $(this);
+    if(action === "assign_lab"){
+        uid = button.data('uid');
+        modal.find('.modal-body input[name="uid"]').val(uid);
+        $.ajax({
+            url: get_url,
+            type:"POST",
+            data:{
+                "_token": csrf_token,
+                uid: uid,
+            },
+            success:function(res){
+                let data = res.data;
+                organization_ids = []
+                if(data.lab_covers.length) {
+                    $.each(data.lab_covers, function (key, value) {
+                        organization_ids[key] = value.organization_id
+                    });
+                }
+                else{
+                    organization_ids[0] = base_organization_id
+                }
+                modal.find('.modal-body select[name="organization_ids"]').val(organization_ids).trigger('change');
+                modal.find('.modal-body input[name="email"]').val(data.email);
+
+            },
+            error: function(response) {
+            },
+        });
+    }
+})
+
+$("#btnAssignLab").on('click',function(e){
+    e.preventDefault();
+    data_id = $('#data-user-id').val();
+    $.ajax({
+        url: assignLabUrl,
+        type:"POST",
+        data :{
+            "_token": csrf_token,
+            uid : data_id,
+            organization_ids: $('#organization_ids').val(),
+        },
+        success:function(res){
+            handleMessage(res.success, res.message)
+            if(res.success) setTimeout(function () {location.reload()}, messageDuration)
+        }
+    });
+});
+
+
+
+
+$('#reset-password-modal').on('show.bs.modal', function (event) {
+    var button = $(event.relatedTarget) // Button that triggered the modal
+    var modal = $(this);
+    uid = button.data('uid');
+    modal.find('.modal-body input[name="uid"]').val(uid);
+})
+
+
+$("#btn-reset-password").on('click',function(e){
+    e.preventDefault();
+    $.ajax({
+        url: reset_password_url,
+        type:"POST",
+        data :{
+            "_token": csrf_token,
+            uid : $('#user-id-to-reset-pwd').val(),
+            password: $('#reset-new-password').val()
+        },
+        success:function(res){
+            handleMessage(res.success, res.message)
+            if(res.success) setTimeout(function () {location.reload()}, messageDuration)
+        },
+    });
+});

public/storage/assets/js/alerts.js

@@ -0,0 +1,102 @@
+(function($) {
+  showSwal = function(type) {
+    'use strict';
+    if (type === 'basic') {
+      swal({
+        text: 'Any fool can use a computer',
+        button: {
+          text: "OK",
+          value: true,
+          visible: true,
+          className: "btn btn-primary"
+        }
+      })
+
+    } else if (type === 'title-and-text') {
+      swal({
+        title: 'Read the alert!',
+        text: 'Click OK to close this alert',
+        button: {
+          text: "OK",
+          value: true,
+          visible: true,
+          className: "btn btn-primary"
+        }
+      })
+
+    } else if (type === 'success-message') {
+      swal({
+        title: 'Congratulations!',
+        text: 'You entered the correct answer',
+        icon: 'success',
+        button: {
+          text: "Continue",
+          value: true,
+          visible: true,
+          className: "btn btn-primary"
+        }
+      })
+
+    } else if (type === 'auto-close') {
+      swal({
+        title: 'Auto close alert!',
+        text: 'I will close in 2 seconds.',
+        timer: 2000,
+        button: false
+      }).then(
+        function() {},
+        // handling the promise rejection
+        function(dismiss) {
+          if (dismiss === 'timer') {
+            console.log('I was closed by the timer')
+          }
+        }
+      )
+    } else if (type === 'warning-message-and-cancel') {
+      swal({
+        title: 'Are you sure?',
+        text: "You won't be able to revert this!",
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonColor: '#3f51b5',
+        cancelButtonColor: '#ff4081',
+        confirmButtonText: 'Great ',
+        buttons: {
+          cancel: {
+            text: "Cancel",
+            value: null,
+            visible: true,
+            className: "btn btn-danger",
+            closeModal: true,
+          },
+          confirm: {
+            text: "OK",
+            value: true,
+            visible: true,
+            className: "btn btn-primary",
+            closeModal: true
+          }
+        }
+      })
+
+    } else if (type === 'custom-html') {
+      swal({
+        content: {
+          element: "input",
+          attributes: {
+            placeholder: "Type your password",
+            type: "password",
+            class: 'form-control'
+          },
+        },
+        button: {
+          text: "OK",
+          value: true,
+          visible: true,
+          className: "btn btn-primary"
+        }
+      })
+    }
+  }
+
+})(jQuery);

public/storage/assets/js/avgrund.js

@@ -0,0 +1,21 @@
+(function($) {
+  'use strict';
+  $(function() {
+    $('#show').avgrund({
+      height: 500,
+      holderClass: 'custom',
+      showClose: true,
+      showCloseText: 'x',
+      onBlurContainer: '.container-scroller',
+      template: '<p>So implement your design and place content here! If you want to close modal, please hit "Esc", click somewhere on the screen or use special button.</p>' +
+        '<div>' +
+        '<a href="http://twitter.com/voronianski" target="_blank" class="twitter btn btn-twitter btn-block">Twitter</a>' +
+        '<a href="http://dribbble.com/voronianski" target="_blank" class="dribble btn btn-dribbble btn-block">Dribbble</a>' +
+        '</div>' +
+        '<div class="text-center mt-4">' +
+        '<a href="#" target="_blank" class="btn btn-success mr-2">Great!</a>' +
+        '<a href="#" target="_blank" class="btn btn-light">Cancel</a>' +
+        '</div>'
+    });
+  })
+})(jQuery);

public/storage/assets/js/bootstrap-table.js

@@ -0,0 +1,66 @@
+(function($) {
+  'use strict';
+
+  function monthSorter(a, b) {
+    if (a.month < b.month) return -1;
+    if (a.month > b.month) return 1;
+    return 0;
+  }
+
+  function buildTable($el, cells, rows) {
+    var i, j, row,
+      columns = [],
+      data = [];
+
+    for (i = 0; i < cells; i++) {
+      columns.push({
+        field: 'field' + i,
+        title: 'Cell' + i
+      });
+    }
+    for (i = 0; i < rows; i++) {
+      row = {};
+      for (j = 0; j < cells; j++) {
+        row['field' + j] = 'Row-' + i + '-' + j;
+      }
+      data.push(row);
+    }
+    $el.bootstrapTable('destroy').bootstrapTable({
+      columns: columns,
+      data: data
+    });
+  }
+
+  $(function() {
+    buildTable($('#table'), 50, 50);
+  });
+
+  function actionFormatter(value, row, index) {
+    return [
+      '<a class="like" href="javascript:void(0)" title="Like">',
+      '<i class="glyphicon glyphicon-heart"></i>',
+      '</a>',
+      '<a class="edit ml10" href="javascript:void(0)" title="Edit">',
+      '<i class="glyphicon glyphicon-edit"></i>',
+      '</a>',
+      '<a class="remove ml10" href="javascript:void(0)" title="Remove">',
+      '<i class="glyphicon glyphicon-remove"></i>',
+      '</a>'
+    ].join('');
+  }
+
+  window.actionEvents = {
+    'click .like': function(e, value, row, index) {
+      alert('You click like icon, row: ' + JSON.stringify(row));
+      console.log(value, row, index);
+    },
+    'click .edit': function(e, value, row, index) {
+      alert('You click edit icon, row: ' + JSON.stringify(row));
+      console.log(value, row, index);
+    },
+    'click .remove': function(e, value, row, index) {
+      alert('You click remove icon, row: ' + JSON.stringify(row));
+      console.log(value, row, index);
+    }
+  };
+})(jQuery);

public/storage/assets/js/bt-maxLength.js

@@ -0,0 +1,31 @@
+(function($) {
+  'use strict';
+  $('#defaultconfig').maxlength({
+    warningClass: "badge mt-1 badge-success",
+    limitReachedClass: "badge mt-1 badge-danger"
+  });
+
+  $('#defaultconfig-2').maxlength({
+    alwaysShow: true,
+    threshold: 20,
+    warningClass: "badge mt-1 badge-success",
+    limitReachedClass: "badge mt-1 badge-danger"
+  });
+
+  $('#defaultconfig-3').maxlength({
+    alwaysShow: true,
+    threshold: 10,
+    warningClass: "badge mt-1 badge-success",
+    limitReachedClass: "badge mt-1 badge-danger",
+    separator: ' of ',
+    preText: 'You have ',
+    postText: ' chars remaining.',
+    validate: true
+  });
+
+  $('#maxlength-textarea').maxlength({
+    alwaysShow: true,
+    warningClass: "badge mt-1 badge-success",
+    limitReachedClass: "badge mt-1 badge-danger"
+  });
+})(jQuery);

public/storage/assets/js/c3.js

@@ -0,0 +1,218 @@
+(function($) {
+  'use strict';
+  var c3LineChart = c3.generate({
+    bindto: '#c3-line-chart',
+    data: {
+      columns: [
+        ['data1', 30, 200, 100, 400, 150, 250],
+        ['data2', 50, 20, 10, 40, 15, 25]
+      ]
+    },
+    color: {
+      pattern: ['rgba(88,216,163,1)', 'rgba(237,28,36,0.6)', 'rgba(4,189,254,0.6)']
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 30,
+      left: 0,
+    }
+  });
+
+  setTimeout(function() {
+    c3LineChart.load({
+      columns: [
+        ['data1', 230, 190, 300, 500, 300, 400]
+      ]
+    });
+  }, 1000);
+
+  setTimeout(function() {
+    c3LineChart.load({
+      columns: [
+        ['data3', 130, 150, 200, 300, 200, 100]
+      ]
+    });
+  }, 1500);
+
+  setTimeout(function() {
+    c3LineChart.unload({
+      ids: 'data1'
+    });
+  }, 2000);
+
+  var c3SplineChart = c3.generate({
+    bindto: '#c3-spline-chart',
+    data: {
+      columns: [
+        ['data1', 30, 200, 100, 400, 150, 250],
+        ['data2', 130, 100, 140, 200, 150, 50]
+      ],
+      type: 'spline'
+    },
+    color: {
+      pattern: ['rgba(88,216,163,1)', 'rgba(237,28,36,0.6)', 'rgba(4,189,254,0.6)']
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 30,
+      left: 0,
+    }
+  });
+  var c3BarChart = c3.generate({
+    bindto: '#c3-bar-chart',
+    data: {
+      columns: [
+        ['data1', 30, 200, 100, 400, 150, 250],
+        ['data2', 130, 100, 140, 200, 150, 50]
+      ],
+      type: 'bar'
+    },
+    color: {
+      pattern: ['rgba(88,216,163,1)', 'rgba(4,189,254,0.6)', 'rgba(237,28,36,0.6)']
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 30,
+      left: 0,
+    },
+    bar: {
+      width: {
+        ratio: 0.7 // this makes bar width 50% of length between ticks
+      }
+    }
+  });
+
+  setTimeout(function() {
+    c3BarChart.load({
+      columns: [
+        ['data3', 130, -150, 200, 300, -200, 100]
+      ]
+    });
+  }, 1000);
+
+  var c3StepChart = c3.generate({
+    bindto: '#c3-step-chart',
+    data: {
+      columns: [
+        ['data1', 300, 350, 300, 0, 0, 100],
+        ['data2', 130, 100, 140, 200, 150, 50]
+      ],
+      types: {
+        data1: 'step',
+        data2: 'area-step'
+      }
+    },
+    color: {
+      pattern: ['rgba(88,216,163,1)', 'rgba(4,189,254,0.6)', 'rgba(237,28,36,0.6)']
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 30,
+      left: 0,
+    }
+  });
+  var c3PieChart = c3.generate({
+    bindto: '#c3-pie-chart',
+    data: {
+      // iris data from R
+      columns: [
+        ['data1', 30],
+        ['data2', 120],
+      ],
+      type: 'pie',
+      onclick: function(d, i) {
+        console.log("onclick", d, i);
+      },
+      onmouseover: function(d, i) {
+        console.log("onmouseover", d, i);
+      },
+      onmouseout: function(d, i) {
+        console.log("onmouseout", d, i);
+      }
+    },
+    color: {
+      pattern: ['#6153F9', '#8E97FC', '#A7B3FD']
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 30,
+      left: 0,
+    }
+  });
+
+  setTimeout(function() {
+    c3PieChart.load({
+      columns: [
+        ["Income", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2],
+        ["Outcome", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3],
+        ["Revenue", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8],
+      ]
+    });
+  }, 1500);
+
+  setTimeout(function() {
+    c3PieChart.unload({
+      ids: 'data1'
+    });
+    c3PieChart.unload({
+      ids: 'data2'
+    });
+  }, 2500);
+  var c3DonutChart = c3.generate({
+    bindto: '#c3-donut-chart',
+    data: {
+      columns: [
+        ['data1', 30],
+        ['data2', 120],
+      ],
+      type: 'donut',
+      onclick: function(d, i) {
+        console.log("onclick", d, i);
+      },
+      onmouseover: function(d, i) {
+        console.log("onmouseover", d, i);
+      },
+      onmouseout: function(d, i) {
+        console.log("onmouseout", d, i);
+      }
+    },
+    color: {
+      pattern: ['rgba(88,216,163,1)', 'rgba(4,189,254,0.6)', 'rgba(237,28,36,0.6)']
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 30,
+      left: 0,
+    },
+    donut: {
+      title: "Iris Petal Width"
+    }
+  });
+
+  setTimeout(function() {
+    c3DonutChart.load({
+      columns: [
+        ["setosa", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2],
+        ["versicolor", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3],
+        ["virginica", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8],
+      ]
+    });
+  }, 1500);
+
+  setTimeout(function() {
+    c3DonutChart.unload({
+      ids: 'data1'
+    });
+    c3DonutChart.unload({
+      ids: 'data2'
+    });
+  }, 2500);
+
+
+})(jQuery);

public/storage/assets/js/calendar.js

@@ -0,0 +1,73 @@
+(function($) {
+  'use strict';
+  $(function() {
+    if ($('#calendar').length) {
+      $('#calendar').fullCalendar({
+        header: {
+          left: 'prev,next today',
+          center: 'title',
+          right: 'month,basicWeek,basicDay'
+        },
+        defaultDate: '2017-07-12',
+        navLinks: true, // can click day/week names to navigate views
+        editable: true,
+        eventLimit: true, // allow "more" link when too many events
+        events: [{
+            title: 'All Day Event',
+            start: '2017-07-08'
+          },
+          {
+            title: 'Long Event',
+            start: '2017-07-01',
+            end: '2017-07-07'
+          },
+          {
+            id: 999,
+            title: 'Repeating Event',
+            start: '2017-07-09T16:00:00'
+          },
+          {
+            id: 999,
+            title: 'Repeating Event',
+            start: '2017-07-16T16:00:00'
+          },
+          {
+            title: 'Conference',
+            start: '2017-07-11',
+            end: '2017-07-13'
+          },
+          {
+            title: 'Meeting',
+            start: '2017-07-12T10:30:00',
+            end: '2017-07-12T12:30:00'
+          },
+          {
+            title: 'Lunch',
+            start: '2017-07-12T12:00:00'
+          },
+          {
+            title: 'Meeting',
+            start: '2017-07-12T14:30:00'
+          },
+          {
+            title: 'Happy Hour',
+            start: '2017-07-12T17:30:00'
+          },
+          {
+            title: 'Dinner',
+            start: '2017-07-12T20:00:00'
+          },
+          {
+            title: 'Birthday Party',
+            start: '2017-07-13T07:00:00'
+          },
+          {
+            title: 'Click for Google',
+            url: 'http://google.com/',
+            start: '2017-07-28'
+          }
+        ]
+      })
+    }
+  });
+})(jQuery);

public/storage/assets/js/chart.js

@@ -0,0 +1,352 @@
+$(function() {
+  /* ChartJS
+   * -------
+   * Data and config for chartjs
+   */
+  'use strict';
+  var data = {
+    labels: ["2013", "2014", "2014", "2015", "2016", "2017"],
+    datasets: [{
+      label: '# of Votes',
+      data: [10, 19, 3, 5, 2, 3],
+      backgroundColor: [
+        'rgba(255, 99, 132, 0.2)',
+        'rgba(54, 162, 235, 0.2)',
+        'rgba(255, 206, 86, 0.2)',
+        'rgba(75, 192, 192, 0.2)',
+        'rgba(153, 102, 255, 0.2)',
+        'rgba(255, 159, 64, 0.2)'
+      ],
+      borderColor: [
+        'rgba(255,99,132,1)',
+        'rgba(54, 162, 235, 1)',
+        'rgba(255, 206, 86, 1)',
+        'rgba(75, 192, 192, 1)',
+        'rgba(153, 102, 255, 1)',
+        'rgba(255, 159, 64, 1)'
+      ],
+      borderWidth: 1,
+      fill: false
+    }]
+  };
+  var multiLineData = {
+    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
+    datasets: [{
+        label: 'Dataset 1',
+        data: [12, 19, 3, 5, 2, 3],
+        borderColor: [
+          '#587ce4'
+        ],
+        borderWidth: 2,
+        fill: false
+      },
+      {
+        label: 'Dataset 2',
+        data: [5, 23, 7, 12, 42, 23],
+        borderColor: [
+          '#ede190'
+        ],
+        borderWidth: 2,
+        fill: false
+      },
+      {
+        label: 'Dataset 3',
+        data: [15, 10, 21, 32, 12, 33],
+        borderColor: [
+          '#f44252'
+        ],
+        borderWidth: 2,
+        fill: false
+      }
+    ]
+  };
+  var options = {
+    scales: {
+      yAxes: [{
+        ticks: {
+          beginAtZero: true
+        }
+      }]
+    },
+    legend: {
+      display: false
+    },
+    elements: {
+      point: {
+        radius: 0
+      }
+    }
+
+  };
+  var doughnutPieData = {
+    datasets: [{
+      data: [30, 40, 30],
+      backgroundColor: [
+        'rgba(255, 99, 132, 0.5)',
+        'rgba(54, 162, 235, 0.5)',
+        'rgba(255, 206, 86, 0.5)',
+        'rgba(75, 192, 192, 0.5)',
+        'rgba(153, 102, 255, 0.5)',
+        'rgba(255, 159, 64, 0.5)'
+      ],
+      borderColor: [
+        'rgba(255,99,132,1)',
+        'rgba(54, 162, 235, 1)',
+        'rgba(255, 206, 86, 1)',
+        'rgba(75, 192, 192, 1)',
+        'rgba(153, 102, 255, 1)',
+        'rgba(255, 159, 64, 1)'
+      ],
+    }],
+
+    // These labels appear in the legend and in the tooltips when hovering different arcs
+    labels: [
+      'Pink',
+      'Blue',
+      'Yellow',
+    ]
+  };
+  var doughnutPieOptions = {
+    responsive: true,
+    animation: {
+      animateScale: true,
+      animateRotate: true
+    }
+  };
+  var areaData = {
+    labels: ["2013", "2014", "2015", "2016", "2017"],
+    datasets: [{
+      label: '# of Votes',
+      data: [12, 19, 3, 5, 2, 3],
+      backgroundColor: [
+        'rgba(255, 99, 132, 0.2)',
+        'rgba(54, 162, 235, 0.2)',
+        'rgba(255, 206, 86, 0.2)',
+        'rgba(75, 192, 192, 0.2)',
+        'rgba(153, 102, 255, 0.2)',
+        'rgba(255, 159, 64, 0.2)'
+      ],
+      borderColor: [
+        'rgba(255,99,132,1)',
+        'rgba(54, 162, 235, 1)',
+        'rgba(255, 206, 86, 1)',
+        'rgba(75, 192, 192, 1)',
+        'rgba(153, 102, 255, 1)',
+        'rgba(255, 159, 64, 1)'
+      ],
+      borderWidth: 1,
+      fill: true, // 3: no fill
+    }]
+  };
+
+  var areaOptions = {
+    plugins: {
+      filler: {
+        propagate: true
+      }
+    }
+  }
+
+  var multiAreaData = {
+    labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+    datasets: [{
+        label: 'Facebook',
+        data: [8, 11, 13, 15, 12, 13, 16, 15, 13, 19, 11, 14],
+        borderColor: ['rgba(255, 99, 132, 0.5)'],
+        backgroundColor: ['rgba(255, 99, 132, 0.5)'],
+        borderWidth: 1,
+        fill: true
+      },
+      {
+        label: 'Twitter',
+        data: [7, 17, 12, 16, 14, 18, 16, 12, 15, 11, 13, 9],
+        borderColor: ['rgba(54, 162, 235, 0.5)'],
+        backgroundColor: ['rgba(54, 162, 235, 0.5)'],
+        borderWidth: 1,
+        fill: true
+      },
+      {
+        label: 'Linkedin',
+        data: [6, 14, 16, 20, 12, 18, 15, 12, 17, 19, 15, 11],
+        borderColor: ['rgba(255, 206, 86, 0.5)'],
+        backgroundColor: ['rgba(255, 206, 86, 0.5)'],
+        borderWidth: 1,
+        fill: true
+      }
+    ]
+  };
+
+  var multiAreaOptions = {
+    plugins: {
+      filler: {
+        propagate: true
+      }
+    },
+    elements: {
+      point: {
+        radius: 0
+      }
+    },
+    scales: {
+      xAxes: [{
+        gridLines: {
+          display: false
+        }
+      }],
+      yAxes: [{
+        gridLines: {
+          display: false
+        }
+      }]
+    }
+  }
+
+  var scatterChartData = {
+    datasets: [{
+        label: 'First Dataset',
+        data: [{
+            x: -10,
+            y: 0
+          },
+          {
+            x: 0,
+            y: 3
+          },
+          {
+            x: -25,
+            y: 5
+          },
+          {
+            x: 40,
+            y: 5
+          }
+        ],
+        backgroundColor: [
+          'rgba(255, 99, 132, 0.2)'
+        ],
+        borderColor: [
+          'rgba(255,99,132,1)'
+        ],
+        borderWidth: 1
+      },
+      {
+        label: 'Second Dataset',
+        data: [{
+            x: 10,
+            y: 5
+          },
+          {
+            x: 20,
+            y: -30
+          },
+          {
+            x: -25,
+            y: 15
+          },
+          {
+            x: -10,
+            y: 5
+          }
+        ],
+        backgroundColor: [
+          'rgba(54, 162, 235, 0.2)',
+        ],
+        borderColor: [
+          'rgba(54, 162, 235, 1)',
+        ],
+        borderWidth: 1
+      }
+    ]
+  }
+
+  var scatterChartOptions = {
+    scales: {
+      xAxes: [{
+        type: 'linear',
+        position: 'bottom'
+      }]
+    }
+  }
+  // Get context with jQuery - using jQuery's .get() method.
+  if ($("#barChart").length) {
+    var barChartCanvas = $("#barChart").get(0).getContext("2d");
+    // This will get the first returned node in the jQuery collection.
+    var barChart = new Chart(barChartCanvas, {
+      type: 'bar',
+      data: data,
+      options: options
+    });
+  }
+
+  if ($("#lineChart").length) {
+    var lineChartCanvas = $("#lineChart").get(0).getContext("2d");
+    var lineChart = new Chart(lineChartCanvas, {
+      type: 'line',
+      data: data,
+      options: options
+    });
+  }
+
+  if ($("#linechart-multi").length) {
+    var multiLineCanvas = $("#linechart-multi").get(0).getContext("2d");
+    var lineChart = new Chart(multiLineCanvas, {
+      type: 'line',
+      data: multiLineData,
+      options: options
+    });
+  }
+
+  if ($("#areachart-multi").length) {
+    var multiAreaCanvas = $("#areachart-multi").get(0).getContext("2d");
+    var multiAreaChart = new Chart(multiAreaCanvas, {
+      type: 'line',
+      data: multiAreaData,
+      options: multiAreaOptions
+    });
+  }
+
+  if ($("#doughnutChart").length) {
+    var doughnutChartCanvas = $("#doughnutChart").get(0).getContext("2d");
+    var doughnutChart = new Chart(doughnutChartCanvas, {
+      type: 'doughnut',
+      data: doughnutPieData,
+      options: doughnutPieOptions
+    });
+  }
+
+  if ($("#pieChart").length) {
+    var pieChartCanvas = $("#pieChart").get(0).getContext("2d");
+    var pieChart = new Chart(pieChartCanvas, {
+      type: 'pie',
+      data: doughnutPieData,
+      options: doughnutPieOptions
+    });
+  }
+
+  if ($("#areaChart").length) {
+    var areaChartCanvas = $("#areaChart").get(0).getContext("2d");
+    var areaChart = new Chart(areaChartCanvas, {
+      type: 'line',
+      data: areaData,
+      options: areaOptions
+    });
+  }
+
+  if ($("#scatterChart").length) {
+    var scatterChartCanvas = $("#scatterChart").get(0).getContext("2d");
+    var scatterChart = new Chart(scatterChartCanvas, {
+      type: 'scatter',
+      data: scatterChartData,
+      options: scatterChartOptions
+    });
+  }
+
+  if ($("#browserTrafficChart").length) {
+    var doughnutChartCanvas = $("#browserTrafficChart").get(0).getContext("2d");
+    var doughnutChart = new Chart(doughnutChartCanvas, {
+      type: 'doughnut',
+      data: browserTrafficData,
+      options: doughnutPieOptions
+    });
+  }
+});

public/storage/assets/js/chartist.js

@@ -0,0 +1,217 @@
+(function($) {
+  //simple line
+  'use strict';
+  if ($('#ct-chart-line').length) {
+    new Chartist.Line('#ct-chart-line', {
+      labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
+      series: [
+        [12, 9, 7, 8, 5],
+        [2, 1, 3.5, 7, 3],
+        [1, 3, 4, 5, 6]
+      ]
+    }, {
+      fullWidth: true,
+      chartPadding: {
+        right: 40
+      }
+    });
+  }
+
+  //Line scatterer
+  var times = function(n) {
+    return Array.apply(null, new Array(n));
+  };
+
+  var data = times(52).map(Math.random).reduce(function(data, rnd, index) {
+    data.labels.push(index + 1);
+    for (var i = 0; i < data.series.length; i++) {
+      data.series[i].push(Math.random() * 100)
+    }
+    return data;
+  }, {
+    labels: [],
+    series: times(4).map(function() {
+      return new Array()
+    })
+  });
+
+  var options = {
+    showLine: false,
+    axisX: {
+      labelInterpolationFnc: function(value, index) {
+        return index % 13 === 0 ? 'W' + value : null;
+      }
+    }
+  };
+
+  var responsiveOptions = [
+    ['screen and (min-width: 640px)', {
+      axisX: {
+        labelInterpolationFnc: function(value, index) {
+          return index % 4 === 0 ? 'W' + value : null;
+        }
+      }
+    }]
+  ];
+
+  if ($('#ct-chart-line-scatterer').length) {
+    new Chartist.Line('#ct-chart-line-scatterer', data, options, responsiveOptions);
+  }
+
+  //Stacked bar Chart
+  if ($('#ct-chart-stacked-bar').length) {
+    new Chartist.Bar('#ct-chart-stacked-bar', {
+      labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+      series: [
+        ['800000', '1200000', '1400000', '1300000'],
+        ['200000', '400000', '500000', '300000'],
+        ['100000', '200000', '400000', '600000'],
+        ['400000', '600000', '200000', '0000']
+      ]
+    }, {
+      stackBars: true,
+      axisY: {
+        labelInterpolationFnc: function(value) {
+          return (value / 1000) + 'k';
+        }
+      }
+    }).on('draw', function(data) {
+      if (data.type === 'bar') {
+        data.element.attr({
+          style: 'stroke-width: 30px'
+        });
+      }
+    });
+  }
+
+
+  //Horizontal bar chart
+  if ($('#ct-chart-horizontal-bar').length) {
+    new Chartist.Bar('#ct-chart-horizontal-bar', {
+      labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+      series: [
+        [5, 4, 3, 7, 5, 10, 3],
+        [3, 2, 9, 5, 4, 6, 4],
+        [2, 6, 7, 1, 3, 5, 9],
+        [2, 6, 7, 1, 3, 5, 19],
+      ]
+    }, {
+      seriesBarDistance: 10,
+      reverseData: true,
+      horizontalBars: true,
+      axisY: {
+        offset: 20
+      },
+      axisX: {
+        labelOffset: {
+          x: 0,
+          y: 6
+        },
+      },
+      chartPadding: {
+        left: 20,
+        bottom: 20
+      }
+    });
+  }
+
+  //Pie
+  if ($('#ct-chart-pie').length) {
+    var data = {
+      series: [5, 3, 4]
+    };
+
+    var sum = function(a, b) {
+      return a + b
+    };
+
+    new Chartist.Pie('#ct-chart-pie', data, {
+      labelInterpolationFnc: function(value) {
+        return Math.round(value / data.series.reduce(sum) * 100) + '%';
+      }
+    });
+  }
+
+  //Donut
+  var labels = ['safari', 'chrome', 'explorer', 'firefox'];
+  var data = {
+    series: [20, 40, 10, 30]
+  };
+
+  if ($('#ct-chart-donut').length) {
+    new Chartist.Pie('#ct-chart-donut', data, {
+      donut: true,
+      donutWidth: 60,
+      donutSolid: true,
+      startAngle: 270,
+      showLabel: true,
+      labelInterpolationFnc: function(value, index) {
+        var percentage = Math.round(value / data.series.reduce(sum) * 100) + '%';
+        return labels[index] + ' ' + percentage;
+      }
+    });
+  }
+
+
+
+  //Dashboard Tickets Chart
+  if ($('#ct-chart-dash-barChart').length) {
+    new Chartist.Bar('#ct-chart-dash-barChart', {
+      labels: ['Week 1', 'Week 2', 'Week 3', 'Week 4'],
+      series: [
+        [300, 140, 230, 140],
+        [323, 529, 644, 230],
+        [734, 539, 624, 334],
+      ]
+    }, {
+      stackBars: true,
+      axisY: {
+        labelInterpolationFnc: function(value) {
+          return (value / 100) + 'k';
+        }
+      }
+    }).on('draw', function(data) {
+      if (data.type === 'bar') {
+        data.element.attr({
+          style: 'stroke-width: 50px'
+        });
+      }
+    });
+  }
+
+  //dashboard staked bar chart
+  if ($('#ct-chart-vartical-stacked-bar').length) {
+    new Chartist.Bar('#ct-chart-vartical-stacked-bar', {
+      labels: ['J', 'F', 'M', 'A', 'M', 'J', 'A'],
+      series: [{
+          "name": "Income",
+          "data": [8, 4, 6, 3, 7, 3, 8]
+        },
+        {
+          "name": "Outcome",
+          "data": [2, 7, 4, 8, 4, 6, 1]
+        },
+        {
+          "name": "Revenue",
+          "data": [4, 3, 3, 6, 7, 2, 4]
+        }
+      ]
+    }, {
+      seriesBarDistance: 10,
+      reverseData: true,
+      horizontalBars: false,
+      height: '280px',
+      fullWidth: true,
+      chartPadding: {
+        top: 30,
+        left: 0,
+        right: 0,
+        bottom: 0
+      },
+      plugins: [
+        Chartist.plugins.legend()
+      ]
+    });
+  }
+
+})(jQuery);

public/storage/assets/js/circle-progress.js

@@ -0,0 +1,8 @@
+(function($) {
+  'use strict';
+  if ($(".circle-progress-1").length) {
+    $('.circle-progress-1').circleProgress({}).on('circle-animation-progress', function(event, progress, stepValue) {
+      $(this).find('.value').html(Math.round(100 * stepValue.toFixed(2).substr(1)) + '<i>%</i>');
+    });
+  }
+})(jQuery);

public/storage/assets/js/clipboard.js

@@ -0,0 +1,10 @@
+(function($) {
+  'use strict';
+  var clipboard = new Clipboard('.btn-clipboard');
+  clipboard.on('success', function(e) {
+    console.log(e);
+  });
+  clipboard.on('error', function(e) {
+    console.log(e);
+  });
+})(jQuery);

public/storage/assets/js/codeEditor.js

@@ -0,0 +1,121 @@
+(function($) {
+  'use strict';
+  if ($('textarea[name=code-editable]').length) {
+    var editableCodeMirror = CodeMirror.fromTextArea(document.getElementById('code-editable'), {
+      mode: "javascript",
+      theme: "ambiance",
+      lineNumbers: true
+    });
+  }
+  if ($('#code-readonly').length) {
+    var readOnlyCodeMirror = CodeMirror.fromTextArea(document.getElementById('code-readonly'), {
+      mode: "javascript",
+      theme: "ambiance",
+      lineNumbers: true,
+      readOnly: "nocursor"
+    });
+  }
+  if ($('#cm-js-mode').length) {
+    var cm = CodeMirror(document.getElementById("cm-js-mode"), {
+      mode: "javascript",
+      lineNumbers: true
+    });
+  }
+
+  //Use this method of there are multiple codes with same properties
+  if ($('.multiple-codes').length) {
+    var code_type = '';
+    var editorTextarea = $('.multiple-codes');
+    for (var i = 0; i < editorTextarea.length; i++) {
+      $(editorTextarea[i]).attr('id', 'code-' + i);
+      CodeMirror.fromTextArea(document.getElementById('code-' + i), {
+        mode: "javascript",
+        theme: "ambiance",
+        lineNumbers: true,
+        readOnly: "nocursor",
+        maxHighlightLength: 0,
+        workDelay: 0
+      });
+    }
+  }
+
+  //Use this method of there are multiple codes with same properties in shell mode
+  if ($('.shell-mode').length) {
+    var code_type = '';
+    var shellEditor = $('.shell-mode');
+    for (var i = 0; i < shellEditor.length; i++) {
+      $(shellEditor[i]).attr('id', 'code-' + i);
+      CodeMirror.fromTextArea(document.getElementById('code-' + i), {
+        mode: "shell",
+        theme: "ambiance",
+        readOnly: "nocursor",
+        maxHighlightLength: 0,
+        workDelay: 0
+      });
+    }
+  }
+  if ($('#ace_html').length) {
+    $(function() {
+      var editor = ace.edit("ace_html");
+      editor.setTheme("ace/theme/monokai");
+      editor.getSession().setMode("ace/mode/html");
+      document.getElementById('ace_html');
+    });
+  }
+  if ($('#ace_javaScript').length) {
+    $(function() {
+      var editor = ace.edit("ace_javaScript");
+      editor.setTheme("ace/theme/monokai");
+      editor.getSession().setMode("ace/mode/javascript");
+      document.getElementById('aceExample');
+    });
+  }
+  if ($('#ace_json').length) {
+    $(function() {
+      var editor = ace.edit("ace_json");
+      editor.setTheme("ace/theme/monokai");
+      editor.getSession().setMode("ace/mode/json");
+      document.getElementById('ace_json');
+    });
+  }
+  if ($('#ace_css').length) {
+    $(function() {
+      var editor = ace.edit("ace_css");
+      editor.setTheme("ace/theme/monokai");
+      editor.getSession().setMode("ace/mode/css");
+      document.getElementById('ace_css');
+    });
+  }
+  if ($('#ace_scss').length) {
+    $(function() {
+      var editor = ace.edit("ace_scss");
+      editor.setTheme("ace/theme/monokai");
+      editor.getSession().setMode("ace/mode/scss");
+      document.getElementById('ace_scss');
+    });
+  }
+  if ($('#ace_php').length) {
+    $(function() {
+      var editor = ace.edit("ace_php");
+      editor.setTheme("ace/theme/monokai");
+      editor.getSession().setMode("ace/mode/php");
+      document.getElementById('ace_php');
+    });
+  }
+  if ($('#ace_ruby').length) {
+    $(function() {
+      var editor = ace.edit("ace_ruby");
+      editor.setTheme("ace/theme/monokai");
+      editor.getSession().setMode("ace/mode/ruby");
+      document.getElementById('ace_ruby');
+    });
+  }
+  if ($('#ace_coffee').length) {
+    $(function() {
+      var editor = ace.edit("ace_coffee");
+      editor.setTheme("ace/theme/monokai");
+      editor.getSession().setMode("ace/mode/coffee");
+      document.getElementById('ace_coffee');
+    });
+  }
+})(jQuery);

public/storage/assets/js/codemirror.js

@@ -0,0 +1,51 @@
+(function($) {
+  'use strict';
+  if ($('textarea[name=code-editable]').length) {
+    var editableCodeMirror = CodeMirror.fromTextArea(document.getElementById('code-editable'), {
+      mode: "javascript",
+      theme: "ambiance",
+      lineNumbers: true
+    });
+  }
+  if ($('#code-readonly').length) {
+    var readOnlyCodeMirror = CodeMirror.fromTextArea(document.getElementById('code-readonly'), {
+      mode: "javascript",
+      theme: "ambiance",
+      lineNumbers: true,
+      readOnly: "nocursor"
+    });
+  }
+
+  //Use this method of there are multiple codes with same properties
+  if ($('.multiple-codes').length) {
+    var code_type = '';
+    var editorTextarea = $('.multiple-codes');
+    for (var i = 0; i < editorTextarea.length; i++) {
+      $(editorTextarea[i]).attr('id', 'code-' + i);
+      CodeMirror.fromTextArea(document.getElementById('code-' + i), {
+        mode: "javascript",
+        theme: "ambiance",
+        lineNumbers: true,
+        readOnly: "nocursor",
+        maxHighlightLength: 0,
+        workDelay: 0
+      });
+    }
+  }
+
+  //Use this method of there are multiple codes with same properties in shell mode
+  if ($('.shell-mode').length) {
+    var code_type = '';
+    var shellEditor = $('.shell-mode');
+    for (var i = 0; i < shellEditor.length; i++) {
+      $(shellEditor[i]).attr('id', 'code-' + i);
+      CodeMirror.fromTextArea(document.getElementById('code-' + i), {
+        mode: "shell",
+        theme: "ambiance",
+        readOnly: "nocursor",
+        maxHighlightLength: 0,
+        workDelay: 0
+      });
+    }
+  }
+})(jQuery);

public/storage/assets/js/context-menu.js

@@ -0,0 +1,240 @@
+(function($) {
+  'use strict';
+  $.contextMenu({
+    selector: '#context-menu-simple',
+    callback: function(key, options) {},
+    items: {
+      "edit": {
+        name: "Edit",
+        icon: "edit"
+      },
+      "cut": {
+        name: "Cut",
+        icon: "cut"
+      },
+      copy: {
+        name: "Copy",
+        icon: "copy"
+      },
+      "paste": {
+        name: "Paste",
+        icon: "paste"
+      },
+      "delete": {
+        name: "Delete",
+        icon: "delete"
+      },
+      "sep1": "---------",
+      "quit": {
+        name: "Quit",
+        icon: function() {
+          return 'context-menu-icon context-menu-icon-quit';
+        }
+      }
+    }
+  });
+  $.contextMenu({
+    selector: '#context-menu-access',
+    callback: function(key, options) {
+      var m = "clicked: " + key;
+      window.console && console.log(m) || alert(m);
+    },
+    items: {
+      "edit": {
+        name: "Edit",
+        icon: "edit",
+        accesskey: "e"
+      },
+      "cut": {
+        name: "Cut",
+        icon: "cut",
+        accesskey: "c"
+      },
+      // first unused character is taken (here: o)
+      "copy": {
+        name: "Copy",
+        icon: "copy",
+        accesskey: "c o p y"
+      },
+      // words are truncated to their first letter (here: p)
+      "paste": {
+        name: "Paste",
+        icon: "paste",
+        accesskey: "cool paste"
+      },
+      "delete": {
+        name: "Delete",
+        icon: "delete"
+      },
+      "sep1": "---------",
+      "quit": {
+        name: "Quit",
+        icon: function($element, key, item) {
+          return 'context-menu-icon context-menu-icon-quit';
+        }
+      }
+    }
+  });
+  $.contextMenu({
+    selector: '#context-menu-open',
+    callback: function(key, options) {
+      var m = "clicked: " + key;
+      window.console && console.log(m) || alert(m);
+    },
+    items: {
+      "edit": {
+        name: "Closing on Click",
+        icon: "edit",
+        callback: function() {
+          return true;
+        }
+      },
+      "cut": {
+        name: "Open after Click",
+        icon: "cut",
+        callback: function() {
+          return false;
+        }
+      }
+    }
+  });
+  $.contextMenu({
+    selector: '#context-menu-multi',
+    callback: function(key, options) {
+      var m = "clicked: " + key;
+      window.console && console.log(m) || alert(m);
+    },
+    items: {
+      "edit": {
+        "name": "Edit",
+        "icon": "edit"
+      },
+      "cut": {
+        "name": "Cut",
+        "icon": "cut"
+      },
+      "sep1": "---------",
+      "quit": {
+        "name": "Quit",
+        "icon": "quit"
+      },
+      "sep2": "---------",
+      "fold1": {
+        "name": "Sub group",
+        "items": {
+          "fold1-key1": {
+            "name": "Foo bar"
+          },
+          "fold2": {
+            "name": "Sub group 2",
+            "items": {
+              "fold2-key1": {
+                "name": "alpha"
+              },
+              "fold2-key2": {
+                "name": "bravo"
+              },
+              "fold2-key3": {
+                "name": "charlie"
+              }
+            }
+          },
+          "fold1-key3": {
+            "name": "delta"
+          }
+        }
+      },
+      "fold1a": {
+        "name": "Other group",
+        "items": {
+          "fold1a-key1": {
+            "name": "echo"
+          },
+          "fold1a-key2": {
+            "name": "foxtrot"
+          },
+          "fold1a-key3": {
+            "name": "golf"
+          }
+        }
+      }
+    }
+  });
+  $.contextMenu({
+    selector: '#context-menu-hover',
+    trigger: 'hover',
+    delay: 500,
+    callback: function(key, options) {
+      var m = "clicked: " + key;
+      window.console && console.log(m) || alert(m);
+    },
+    items: {
+      "edit": {
+        name: "Edit",
+        icon: "edit"
+      },
+      "cut": {
+        name: "Cut",
+        icon: "cut"
+      },
+      "copy": {
+        name: "Copy",
+        icon: "copy"
+      },
+      "paste": {
+        name: "Paste",
+        icon: "paste"
+      },
+      "delete": {
+        name: "Delete",
+        icon: "delete"
+      },
+      "sep1": "---------",
+      "quit": {
+        name: "Quit",
+        icon: function($element, key, item) {
+          return 'context-menu-icon context-menu-icon-quit';
+        }
+      }
+    }
+  });
+  $.contextMenu({
+    selector: '#context-menu-hover-autohide',
+    trigger: 'hover',
+    delay: 500,
+    autoHide: true,
+    callback: function(key, options) {
+      var m = "clicked: " + key;
+      window.console && console.log(m) || alert(m);
+    },
+    items: {
+      "edit": {
+        name: "Edit",
+        icon: "edit"
+      },
+      "cut": {
+        name: "Cut",
+        icon: "cut"
+      },
+      "copy": {
+        name: "Copy",
+        icon: "copy"
+      },
+      "paste": {
+        name: "Paste",
+        icon: "paste"
+      },
+      "delete": {
+        name: "Delete",
+        icon: "delete"
+      },
+      "sep1": "---------",
+      "quit": {
+        name: "Quit",
+        icon: function($element, key, item) {
+          return 'context-menu-icon context-menu-icon-quit';
+        }
+      }
+    }
+  });
+})(jQuery);

public/storage/assets/js/data-table.js

@@ -0,0 +1,25 @@
+(function($) {
+  'use strict';
+  $(function() {
+    $('#order-listing').DataTable({
+      "aLengthMenu": [
+        [5, 10, 15, -1],
+        [5, 10, 15, "All"]
+      ],
+      "iDisplayLength": 10,
+      "language": {
+        search: ""
+      }
+    });
+    $('#order-listing').each(function() {
+      var datatable = $(this);
+      // SEARCH - Add the placeholder for Search and Turn this into in-line form control
+      var search_input = datatable.closest('.dataTables_wrapper').find('div[id$=_filter] input');
+      search_input.attr('placeholder', 'Search');
+      search_input.removeClass('form-control-sm');
+      // LENGTH - Inline-Form control
+      var length_sel = datatable.closest('.dataTables_wrapper').find('div[id$=_length] select');
+      length_sel.removeClass('form-control-sm');
+    });
+  });
+})(jQuery);

public/storage/assets/js/db.js

@@ -0,0 +1,907 @@
+(function($) {
+  (function() {
+
+    var db = {
+
+      loadData: function(filter) {
+        return $.grep(this.clients, function(client) {
+          return (!filter.Name || client.Name.indexOf(filter.Name) > -1) &&
+            (filter.Age === undefined || client.Age === filter.Age) &&
+            (!filter.Address || client.Address.indexOf(filter.Address) > -1) &&
+            (!filter.Country || client.Country === filter.Country) &&
+            (filter.Married === undefined || client.Married === filter.Married);
+        });
+      },
+
+      insertItem: function(insertingClient) {
+        this.clients.push(insertingClient);
+      },
+
+      updateItem: function(updatingClient) {},
+
+      deleteItem: function(deletingClient) {
+        var clientIndex = $.inArray(deletingClient, this.clients);
+        this.clients.splice(clientIndex, 1);
+      }
+
+    };
+
+    window.db = db;
+
+
+    db.countries = [{
+        Name: "",
+        Id: 0
+      },
+      {
+        Name: "United States",
+        Id: 1
+      },
+      {
+        Name: "Canada",
+        Id: 2
+      },
+      {
+        Name: "United Kingdom",
+        Id: 3
+      },
+      {
+        Name: "France",
+        Id: 4
+      },
+      {
+        Name: "Brazil",
+        Id: 5
+      },
+      {
+        Name: "China",
+        Id: 6
+      },
+      {
+        Name: "Russia",
+        Id: 7
+      }
+    ];
+
+    db.clients = [{
+        "Name": "Otto Clay",
+        "Age": 61,
+        "Country": 6,
+        "Address": "Ap #897-1459 Quam Avenue",
+        "Married": false
+      },
+      {
+        "Name": "Connor Johnston",
+        "Age": 73,
+        "Country": 7,
+        "Address": "Ap #370-4647 Dis Av.",
+        "Married": false
+      },
+      {
+        "Name": "Lacey Hess",
+        "Age": 29,
+        "Country": 7,
+        "Address": "Ap #365-8835 Integer St.",
+        "Married": false
+      },
+      {
+        "Name": "Timothy Henson",
+        "Age": 78,
+        "Country": 1,
+        "Address": "911-5143 Luctus Ave",
+        "Married": false
+      },
+      {
+        "Name": "Ramona Benton",
+        "Age": 43,
+        "Country": 5,
+        "Address": "Ap #614-689 Vehicula Street",
+        "Married": true
+      },
+      {
+        "Name": "Ezra Tillman",
+        "Age": 51,
+        "Country": 1,
+        "Address": "P.O. Box 738, 7583 Quisque St.",
+        "Married": true
+      },
+      {
+        "Name": "Dante Carter",
+        "Age": 59,
+        "Country": 1,
+        "Address": "P.O. Box 976, 6316 Lorem, St.",
+        "Married": false
+      },
+      {
+        "Name": "Christopher Mcclure",
+        "Age": 58,
+        "Country": 1,
+        "Address": "847-4303 Dictum Av.",
+        "Married": true
+      },
+      {
+        "Name": "Ruby Rocha",
+        "Age": 62,
+        "Country": 2,
+        "Address": "5212 Sagittis Ave",
+        "Married": false
+      },
+      {
+        "Name": "Imelda Hardin",
+        "Age": 39,
+        "Country": 5,
+        "Address": "719-7009 Auctor Av.",
+        "Married": false
+      },
+      {
+        "Name": "Jonah Johns",
+        "Age": 28,
+        "Country": 5,
+        "Address": "P.O. Box 939, 9310 A Ave",
+        "Married": false
+      },
+      {
+        "Name": "Herman Rosa",
+        "Age": 49,
+        "Country": 7,
+        "Address": "718-7162 Molestie Av.",
+        "Married": true
+      },
+      {
+        "Name": "Arthur Gay",
+        "Age": 20,
+        "Country": 7,
+        "Address": "5497 Neque Street",
+        "Married": false
+      },
+      {
+        "Name": "Xena Wilkerson",
+        "Age": 63,
+        "Country": 1,
+        "Address": "Ap #303-6974 Proin Street",
+        "Married": true
+      },
+      {
+        "Name": "Lilah Atkins",
+        "Age": 33,
+        "Country": 5,
+        "Address": "622-8602 Gravida Ave",
+        "Married": true
+      },
+      {
+        "Name": "Malik Shepard",
+        "Age": 59,
+        "Country": 1,
+        "Address": "967-5176 Tincidunt Av.",
+        "Married": false
+      },
+      {
+        "Name": "Keely Silva",
+        "Age": 24,
+        "Country": 1,
+        "Address": "P.O. Box 153, 8995 Praesent Ave",
+        "Married": false
+      },
+      {
+        "Name": "Hunter Pate",
+        "Age": 73,
+        "Country": 7,
+        "Address": "P.O. Box 771, 7599 Ante, Road",
+        "Married": false
+      },
+      {
+        "Name": "Mikayla Roach",
+        "Age": 55,
+        "Country": 5,
+        "Address": "Ap #438-9886 Donec Rd.",
+        "Married": true
+      },
+      {
+        "Name": "Upton Joseph",
+        "Age": 48,
+        "Country": 4,
+        "Address": "Ap #896-7592 Habitant St.",
+        "Married": true
+      },
+      {
+        "Name": "Jeanette Pate",
+        "Age": 59,
+        "Country": 2,
+        "Address": "P.O. Box 177, 7584 Amet, St.",
+        "Married": false
+      },
+      {
+        "Name": "Kaden Hernandez",
+        "Age": 79,
+        "Country": 3,
+        "Address": "366 Ut St.",
+        "Married": true
+      },
+      {
+        "Name": "Kenyon Stevens",
+        "Age": 20,
+        "Country": 3,
+        "Address": "P.O. Box 704, 4580 Gravida Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Jerome Harper",
+        "Age": 31,
+        "Country": 5,
+        "Address": "2464 Porttitor Road",
+        "Married": false
+      },
+      {
+        "Name": "Jelani Patel",
+        "Age": 36,
+        "Country": 2,
+        "Address": "P.O. Box 541, 5805 Nec Av.",
+        "Married": true
+      },
+      {
+        "Name": "Keaton Oconnor",
+        "Age": 21,
+        "Country": 1,
+        "Address": "Ap #657-1093 Nec, Street",
+        "Married": false
+      },
+      {
+        "Name": "Bree Johnston",
+        "Age": 31,
+        "Country": 2,
+        "Address": "372-5942 Vulputate Avenue",
+        "Married": false
+      },
+      {
+        "Name": "Maisie Hodges",
+        "Age": 70,
+        "Country": 7,
+        "Address": "P.O. Box 445, 3880 Odio, Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Kuame Calhoun",
+        "Age": 39,
+        "Country": 2,
+        "Address": "P.O. Box 609, 4105 Rutrum St.",
+        "Married": true
+      },
+      {
+        "Name": "Carlos Cameron",
+        "Age": 38,
+        "Country": 5,
+        "Address": "Ap #215-5386 A, Avenue",
+        "Married": false
+      },
+      {
+        "Name": "Fulton Parsons",
+        "Age": 25,
+        "Country": 7,
+        "Address": "P.O. Box 523, 3705 Sed Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Wallace Christian",
+        "Age": 43,
+        "Country": 3,
+        "Address": "416-8816 Mauris Avenue",
+        "Married": true
+      },
+      {
+        "Name": "Caryn Maldonado",
+        "Age": 40,
+        "Country": 1,
+        "Address": "108-282 Nonummy Ave",
+        "Married": false
+      },
+      {
+        "Name": "Whilemina Frank",
+        "Age": 20,
+        "Country": 7,
+        "Address": "P.O. Box 681, 3938 Egestas. Av.",
+        "Married": true
+      },
+      {
+        "Name": "Emery Moon",
+        "Age": 41,
+        "Country": 4,
+        "Address": "Ap #717-8556 Non Road",
+        "Married": true
+      },
+      {
+        "Name": "Price Watkins",
+        "Age": 35,
+        "Country": 4,
+        "Address": "832-7810 Nunc Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Lydia Castillo",
+        "Age": 59,
+        "Country": 7,
+        "Address": "5280 Placerat, Ave",
+        "Married": true
+      },
+      {
+        "Name": "Lawrence Conway",
+        "Age": 53,
+        "Country": 1,
+        "Address": "Ap #452-2808 Imperdiet St.",
+        "Married": false
+      },
+      {
+        "Name": "Kalia Nicholson",
+        "Age": 67,
+        "Country": 5,
+        "Address": "P.O. Box 871, 3023 Tellus Road",
+        "Married": true
+      },
+      {
+        "Name": "Brielle Baxter",
+        "Age": 45,
+        "Country": 3,
+        "Address": "Ap #822-9526 Ut, Road",
+        "Married": true
+      },
+      {
+        "Name": "Valentine Brady",
+        "Age": 72,
+        "Country": 7,
+        "Address": "8014 Enim. Road",
+        "Married": true
+      },
+      {
+        "Name": "Rebecca Gardner",
+        "Age": 57,
+        "Country": 4,
+        "Address": "8655 Arcu. Road",
+        "Married": true
+      },
+      {
+        "Name": "Vladimir Tate",
+        "Age": 26,
+        "Country": 1,
+        "Address": "130-1291 Non, Rd.",
+        "Married": true
+      },
+      {
+        "Name": "Vernon Hays",
+        "Age": 56,
+        "Country": 4,
+        "Address": "964-5552 In Rd.",
+        "Married": true
+      },
+      {
+        "Name": "Allegra Hull",
+        "Age": 22,
+        "Country": 4,
+        "Address": "245-8891 Donec St.",
+        "Married": true
+      },
+      {
+        "Name": "Hu Hendrix",
+        "Age": 65,
+        "Country": 7,
+        "Address": "428-5404 Tempus Ave",
+        "Married": true
+      },
+      {
+        "Name": "Kenyon Battle",
+        "Age": 32,
+        "Country": 2,
+        "Address": "921-6804 Lectus St.",
+        "Married": false
+      },
+      {
+        "Name": "Gloria Nielsen",
+        "Age": 24,
+        "Country": 4,
+        "Address": "Ap #275-4345 Lorem, Street",
+        "Married": true
+      },
+      {
+        "Name": "Illiana Kidd",
+        "Age": 59,
+        "Country": 2,
+        "Address": "7618 Lacus. Av.",
+        "Married": false
+      },
+      {
+        "Name": "Adria Todd",
+        "Age": 68,
+        "Country": 6,
+        "Address": "1889 Tincidunt Road",
+        "Married": false
+      },
+      {
+        "Name": "Kirsten Mayo",
+        "Age": 71,
+        "Country": 1,
+        "Address": "100-8640 Orci, Avenue",
+        "Married": false
+      },
+      {
+        "Name": "Willa Hobbs",
+        "Age": 60,
+        "Country": 6,
+        "Address": "P.O. Box 323, 158 Tristique St.",
+        "Married": false
+      },
+      {
+        "Name": "Alexis Clements",
+        "Age": 69,
+        "Country": 5,
+        "Address": "P.O. Box 176, 5107 Proin Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Akeem Conrad",
+        "Age": 60,
+        "Country": 2,
+        "Address": "282-495 Sed Ave",
+        "Married": true
+      },
+      {
+        "Name": "Montana Silva",
+        "Age": 79,
+        "Country": 6,
+        "Address": "P.O. Box 120, 9766 Consectetuer St.",
+        "Married": false
+      },
+      {
+        "Name": "Kaseem Hensley",
+        "Age": 77,
+        "Country": 6,
+        "Address": "Ap #510-8903 Mauris. Av.",
+        "Married": true
+      },
+      {
+        "Name": "Christopher Morton",
+        "Age": 35,
+        "Country": 5,
+        "Address": "P.O. Box 234, 3651 Sodales Avenue",
+        "Married": false
+      },
+      {
+        "Name": "Wade Fernandez",
+        "Age": 49,
+        "Country": 6,
+        "Address": "740-5059 Dolor. Road",
+        "Married": true
+      },
+      {
+        "Name": "Illiana Kirby",
+        "Age": 31,
+        "Country": 2,
+        "Address": "527-3553 Mi Ave",
+        "Married": false
+      },
+      {
+        "Name": "Kimberley Hurley",
+        "Age": 65,
+        "Country": 5,
+        "Address": "P.O. Box 637, 9915 Dictum St.",
+        "Married": false
+      },
+      {
+        "Name": "Arthur Olsen",
+        "Age": 74,
+        "Country": 5,
+        "Address": "887-5080 Eget St.",
+        "Married": false
+      },
+      {
+        "Name": "Brody Potts",
+        "Age": 59,
+        "Country": 2,
+        "Address": "Ap #577-7690 Sem Road",
+        "Married": false
+      },
+      {
+        "Name": "Dillon Ford",
+        "Age": 60,
+        "Country": 1,
+        "Address": "Ap #885-9289 A, Av.",
+        "Married": true
+      },
+      {
+        "Name": "Hannah Juarez",
+        "Age": 61,
+        "Country": 2,
+        "Address": "4744 Sapien, Rd.",
+        "Married": true
+      },
+      {
+        "Name": "Vincent Shaffer",
+        "Age": 25,
+        "Country": 2,
+        "Address": "9203 Nunc St.",
+        "Married": true
+      },
+      {
+        "Name": "George Holt",
+        "Age": 27,
+        "Country": 6,
+        "Address": "4162 Cras Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Tobias Bartlett",
+        "Age": 74,
+        "Country": 4,
+        "Address": "792-6145 Mauris St.",
+        "Married": true
+      },
+      {
+        "Name": "Xavier Hooper",
+        "Age": 35,
+        "Country": 1,
+        "Address": "879-5026 Interdum. Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Declan Dorsey",
+        "Age": 31,
+        "Country": 2,
+        "Address": "Ap #926-4171 Aenean Road",
+        "Married": true
+      },
+      {
+        "Name": "Clementine Tran",
+        "Age": 43,
+        "Country": 4,
+        "Address": "P.O. Box 176, 9865 Eu Rd.",
+        "Married": true
+      },
+      {
+        "Name": "Pamela Moody",
+        "Age": 55,
+        "Country": 6,
+        "Address": "622-6233 Luctus Rd.",
+        "Married": true
+      },
+      {
+        "Name": "Julie Leon",
+        "Age": 43,
+        "Country": 6,
+        "Address": "Ap #915-6782 Sem Av.",
+        "Married": true
+      },
+      {
+        "Name": "Shana Nolan",
+        "Age": 79,
+        "Country": 5,
+        "Address": "P.O. Box 603, 899 Eu St.",
+        "Married": false
+      },
+      {
+        "Name": "Vaughan Moody",
+        "Age": 37,
+        "Country": 5,
+        "Address": "880 Erat Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Randall Reeves",
+        "Age": 44,
+        "Country": 3,
+        "Address": "1819 Non Street",
+        "Married": false
+      },
+      {
+        "Name": "Dominic Raymond",
+        "Age": 68,
+        "Country": 1,
+        "Address": "Ap #689-4874 Nisi Rd.",
+        "Married": true
+      },
+      {
+        "Name": "Lev Pugh",
+        "Age": 69,
+        "Country": 5,
+        "Address": "Ap #433-6844 Auctor Avenue",
+        "Married": true
+      },
+      {
+        "Name": "Desiree Hughes",
+        "Age": 80,
+        "Country": 4,
+        "Address": "605-6645 Fermentum Avenue",
+        "Married": true
+      },
+      {
+        "Name": "Idona Oneill",
+        "Age": 23,
+        "Country": 7,
+        "Address": "751-8148 Aliquam Avenue",
+        "Married": true
+      },
+      {
+        "Name": "Lani Mayo",
+        "Age": 76,
+        "Country": 1,
+        "Address": "635-2704 Tristique St.",
+        "Married": true
+      },
+      {
+        "Name": "Cathleen Bonner",
+        "Age": 40,
+        "Country": 1,
+        "Address": "916-2910 Dolor Av.",
+        "Married": false
+      },
+      {
+        "Name": "Sydney Murray",
+        "Age": 44,
+        "Country": 5,
+        "Address": "835-2330 Fringilla St.",
+        "Married": false
+      },
+      {
+        "Name": "Brenna Rodriguez",
+        "Age": 77,
+        "Country": 6,
+        "Address": "3687 Imperdiet Av.",
+        "Married": true
+      },
+      {
+        "Name": "Alfreda Mcdaniel",
+        "Age": 38,
+        "Country": 7,
+        "Address": "745-8221 Aliquet Rd.",
+        "Married": true
+      },
+      {
+        "Name": "Zachery Atkins",
+        "Age": 30,
+        "Country": 1,
+        "Address": "549-2208 Auctor. Road",
+        "Married": true
+      },
+      {
+        "Name": "Amelia Rich",
+        "Age": 56,
+        "Country": 4,
+        "Address": "P.O. Box 734, 4717 Nunc Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Kiayada Witt",
+        "Age": 62,
+        "Country": 3,
+        "Address": "Ap #735-3421 Malesuada Avenue",
+        "Married": false
+      },
+      {
+        "Name": "Lysandra Pierce",
+        "Age": 36,
+        "Country": 1,
+        "Address": "Ap #146-2835 Curabitur St.",
+        "Married": true
+      },
+      {
+        "Name": "Cara Rios",
+        "Age": 58,
+        "Country": 4,
+        "Address": "Ap #562-7811 Quam. Ave",
+        "Married": true
+      },
+      {
+        "Name": "Austin Andrews",
+        "Age": 55,
+        "Country": 7,
+        "Address": "P.O. Box 274, 5505 Sociis Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Lillian Peterson",
+        "Age": 39,
+        "Country": 2,
+        "Address": "6212 A Avenue",
+        "Married": false
+      },
+      {
+        "Name": "Adria Beach",
+        "Age": 29,
+        "Country": 2,
+        "Address": "P.O. Box 183, 2717 Nunc Avenue",
+        "Married": true
+      },
+      {
+        "Name": "Oleg Durham",
+        "Age": 80,
+        "Country": 4,
+        "Address": "931-3208 Nunc Rd.",
+        "Married": false
+      },
+      {
+        "Name": "Casey Reese",
+        "Age": 60,
+        "Country": 4,
+        "Address": "383-3675 Ultrices, St.",
+        "Married": false
+      },
+      {
+        "Name": "Kane Burnett",
+        "Age": 80,
+        "Country": 1,
+        "Address": "759-8212 Dolor. Ave",
+        "Married": false
+      },
+      {
+        "Name": "Stewart Wilson",
+        "Age": 46,
+        "Country": 7,
+        "Address": "718-7845 Sagittis. Av.",
+        "Married": false
+      },
+      {
+        "Name": "Charity Holcomb",
+        "Age": 31,
+        "Country": 6,
+        "Address": "641-7892 Enim. Ave",
+        "Married": false
+      },
+      {
+        "Name": "Kyra Cummings",
+        "Age": 43,
+        "Country": 4,
+        "Address": "P.O. Box 702, 6621 Mus. Av.",
+        "Married": false
+      },
+      {
+        "Name": "Stuart Wallace",
+        "Age": 25,
+        "Country": 7,
+        "Address": "648-4990 Sed Rd.",
+        "Married": true
+      },
+      {
+        "Name": "Carter Clarke",
+        "Age": 59,
+        "Country": 6,
+        "Address": "Ap #547-2921 A Street",
+        "Married": false
+      }
+    ];
+
+    db.users = [{
+        "ID": "x",
+        "Account": "A758A693-0302-03D1-AE53-EEFE22855556",
+        "Name": "Carson Kelley",
+        "RegisterDate": "2002-04-20T22:55:52-07:00"
+      },
+      {
+        "Account": "D89FF524-1233-0CE7-C9E1-56EFF017A321",
+        "Name": "Prescott Griffin",
+        "RegisterDate": "2011-02-22T05:59:55-08:00"
+      },
+      {
+        "Account": "06FAAD9A-5114-08F6-D60C-961B2528B4F0",
+        "Name": "Amir Saunders",
+        "RegisterDate": "2014-08-13T09:17:49-07:00"
+      },
+      {
+        "Account": "EED7653D-7DD9-A722-64A8-36A55ECDBE77",
+        "Name": "Derek Thornton",
+        "RegisterDate": "2012-02-27T01:31:07-08:00"
+      },
+      {
+        "Account": "2A2E6D40-FEBD-C643-A751-9AB4CAF1E2F6",
+        "Name": "Fletcher Romero",
+        "RegisterDate": "2010-06-25T15:49:54-07:00"
+      },
+      {
+        "Account": "3978F8FA-DFF0-DA0E-0A5D-EB9D281A3286",
+        "Name": "Thaddeus Stein",
+        "RegisterDate": "2013-11-10T07:29:41-08:00"
+      },
+      {
+        "Account": "658DBF5A-176E-569A-9273-74FB5F69FA42",
+        "Name": "Nash Knapp",
+        "RegisterDate": "2005-06-24T09:11:19-07:00"
+      },
+      {
+        "Account": "76D2EE4B-7A73-1212-F6F2-957EF8C1F907",
+        "Name": "Quamar Vega",
+        "RegisterDate": "2011-04-13T20:06:29-07:00"
+      },
+      {
+        "Account": "00E46809-A595-CE82-C5B4-D1CAEB7E3E58",
+        "Name": "Philip Galloway",
+        "RegisterDate": "2008-08-21T18:59:38-07:00"
+      },
+      {
+        "Account": "C196781C-DDCC-AF83-DDC2-CA3E851A47A0",
+        "Name": "Mason French",
+        "RegisterDate": "2000-11-15T00:38:37-08:00"
+      },
+      {
+        "Account": "5911F201-818A-B393-5888-13157CE0D63F",
+        "Name": "Ross Cortez",
+        "RegisterDate": "2010-05-27T17:35:32-07:00"
+      },
+      {
+        "Account": "B8BB78F9-E1A1-A956-086F-E12B6FE168B6",
+        "Name": "Logan King",
+        "RegisterDate": "2003-07-08T16:58:06-07:00"
+      },
+      {
+        "Account": "06F636C3-9599-1A2D-5FD5-86B24ADDE626",
+        "Name": "Cedric Leblanc",
+        "RegisterDate": "2011-06-30T14:30:10-07:00"
+      },
+      {
+        "Account": "FE880CDD-F6E7-75CB-743C-64C6DE192412",
+        "Name": "Simon Sullivan",
+        "RegisterDate": "2013-06-11T16:35:07-07:00"
+      },
+      {
+        "Account": "BBEDD673-E2C1-4872-A5D3-C4EBD4BE0A12",
+        "Name": "Jamal West",
+        "RegisterDate": "2001-03-16T20:18:29-08:00"
+      },
+      {
+        "Account": "19BC22FA-C52E-0CC6-9552-10365C755FAC",
+        "Name": "Hector Morales",
+        "RegisterDate": "2012-11-01T01:56:34-07:00"
+      },
+      {
+        "Account": "A8292214-2C13-5989-3419-6B83DD637D6C",
+        "Name": "Herrod Hart",
+        "RegisterDate": "2008-03-13T19:21:04-07:00"
+      },
+      {
+        "Account": "0285564B-F447-0E7F-EAA1-7FB8F9C453C8",
+        "Name": "Clark Maxwell",
+        "RegisterDate": "2004-08-05T08:22:24-07:00"
+      },
+      {
+        "Account": "EA78F076-4F6E-4228-268C-1F51272498AE",
+        "Name": "Reuben Walter",
+        "RegisterDate": "2011-01-23T01:55:59-08:00"
+      },
+      {
+        "Account": "6A88C194-EA21-426F-4FE2-F2AE33F51793",
+        "Name": "Ira Ingram",
+        "RegisterDate": "2008-08-15T05:57:46-07:00"
+      },
+      {
+        "Account": "4275E873-439C-AD26-56B3-8715E336508E",
+        "Name": "Damian Morrow",
+        "RegisterDate": "2015-09-13T01:50:55-07:00"
+      },
+      {
+        "Account": "A0D733C4-9070-B8D6-4387-D44F0BA515BE",
+        "Name": "Macon Farrell",
+        "RegisterDate": "2011-03-14T05:41:40-07:00"
+      },
+      {
+        "Account": "B3683DE8-C2FA-7CA0-A8A6-8FA7E954F90A",
+        "Name": "Joel Galloway",
+        "RegisterDate": "2003-02-03T04:19:01-08:00"
+      },
+      {
+        "Account": "01D95A8E-91BC-2050-F5D0-4437AAFFD11F",
+        "Name": "Rigel Horton",
+        "RegisterDate": "2015-06-20T11:53:11-07:00"
+      },
+      {
+        "Account": "F0D12CC0-31AC-A82E-FD73-EEEFDBD21A36",
+        "Name": "Sylvester Gaines",
+        "RegisterDate": "2004-03-12T09:57:13-08:00"
+      },
+      {
+        "Account": "874FCC49-9A61-71BC-2F4E-2CE88348AD7B",
+        "Name": "Abbot Mckay",
+        "RegisterDate": "2008-12-26T20:42:57-08:00"
+      },
+      {
+        "Account": "B8DA1912-20A0-FB6E-0031-5F88FD63EF90",
+        "Name": "Solomon Green",
+        "RegisterDate": "2013-09-04T01:44:47-07:00"
+      }
+    ];
+
+  }());
+})(jQuery);

public/storage/assets/js/demo.js

@@ -0,0 +1,10 @@
+(function($) {
+  'use strict';
+  $(function() {
+    $("#features-link").on("click", function() {
+        $('html, body').animate({
+            scrollTop: $("#features").offset().top
+        }, 1000);
+    });
+  });
+})(jQuery);

public/storage/assets/js/desktop-notification.js

@@ -0,0 +1,80 @@
+(function($) {
+  'use strict';
+  $.fn.easyNotify = function(options) {
+
+    var settings = $.extend({
+      title: "Notification",
+      options: {
+        body: "",
+        icon: "",
+        lang: 'pt-BR',
+        onClose: "",
+        onClick: "",
+        onError: ""
+      }
+    }, options);
+
+    this.init = function() {
+      var notify = this;
+      if (!("Notification" in window)) {
+        alert("This browser does not support desktop notification");
+      } else if (Notification.permission === "granted") {
+
+        var notification = new Notification(settings.title, settings.options);
+
+        notification.onclose = function() {
+          if (typeof settings.options.onClose === 'function') {
+            settings.options.onClose();
+          }
+        };
+
+        notification.onclick = function() {
+          if (typeof settings.options.onClick === 'function') {
+            settings.options.onClick();
+          }
+        };
+
+        notification.onerror = function() {
+          if (typeof settings.options.onError === 'function') {
+            settings.options.onError();
+          }
+        };
+
+      } else if (Notification.permission !== 'denied') {
+        Notification.requestPermission(function(permission) {
+          if (permission === "granted") {
+            notify.init();
+          }
+
+        });
+      }
+
+    };
+
+    this.init();
+    return this;
+  };
+
+
+  //Initialise notification
+  var myFunction = function() {
+    alert('Click function');
+  };
+  var myImg = "https://unsplash.it/600/600?image=777";
+
+  $("form").submit(function(event) {
+    event.preventDefault();
+
+    var options = {
+      title: $("#title").val(),
+      options: {
+        body: $("#message").val(),
+        icon: myImg,
+        lang: 'en-US',
+        onClick: myFunction
+      }
+    };
+    console.log(options);
+    $("#easyNotify").easyNotify(options);
+  });
+}(jQuery));

public/storage/assets/js/dragula.js

@@ -0,0 +1,16 @@
+(function($) {
+  'use strict';
+  var iconTochange;
+  dragula([document.getElementById("dragula-left"), document.getElementById("dragula-right")]);
+  dragula([document.getElementById("profile-list-left"), document.getElementById("profile-list-right")]);
+  dragula([document.getElementById("dragula-event-left"), document.getElementById("dragula-event-right")])
+    .on('drop', function(el) {
+      console.log($(el));
+      iconTochange = $(el).find('.typcn');
+      if (iconTochange.hasClass('typcn-tick')) {
+        iconTochange.removeClass('typcn-tick text-primary').addClass('typcn-input-checked text-success');
+      } else if (iconTochange.hasClass('typcn-input-checked')) {
+        iconTochange.removeClass('typcn-input-checked text-success').addClass('typcn-tick text-primary');
+      }
+    })
+})(jQuery);

public/storage/assets/js/dropify.js

@@ -0,0 +1,4 @@
+(function($) {
+  'use strict';
+  $('.dropify').dropify();
+})(jQuery);

public/storage/assets/js/dropzone.js

@@ -0,0 +1,6 @@
+(function($) {
+  'use strict';
+  $("my-awesome-dropzone").dropzone({
+    url: "bootstrapdash.com/"
+  });
+})(jQuery);

public/storage/assets/js/editorDemo.js

@@ -0,0 +1,221 @@
+(function($) {
+  'use strict';
+  /*Quill editor*/
+  if ($("#quillExample1").length) {
+    var quill = new Quill('#quillExample1', {
+      modules: {
+        toolbar: [
+          [{
+            header: [1, 2, false]
+          }],
+          ['bold', 'italic', 'underline'],
+          ['image', 'code-block']
+        ]
+      },
+      placeholder: 'Compose an epic...',
+      theme: 'snow' // or 'bubble'
+    });
+  }
+
+  /*simplemde editor*/
+  if ($("#simpleMde").length) {
+    var simplemde = new SimpleMDE({
+      element: $("#simpleMde")[0]
+    });
+  }
+
+  /*Tinymce editor*/
+  if ($("#tinyMceExample").length) {
+    tinymce.init({
+      selector: '#tinyMceExample',
+      height: 500,
+      theme: 'modern',
+      plugins: [
+        'advlist autolink lists link image charmap print preview hr anchor pagebreak',
+        'searchreplace wordcount visualblocks visualchars code fullscreen',
+        'insertdatetime media nonbreaking save table contextmenu directionality',
+        'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc help'
+      ],
+      toolbar1: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
+      toolbar2: 'print preview media | forecolor backcolor emoticons | codesample help',
+      image_advtab: true,
+      templates: [{
+          title: 'Test template 1',
+          content: 'Test 1'
+        },
+        {
+          title: 'Test template 2',
+          content: 'Test 2'
+        }
+      ],
+      content_css: []
+    });
+  }
+
+  /*Summernote editor*/
+  if ($("#summernoteExample").length) {
+    $('#summernoteExample').summernote({
+      height: 300,
+      tabsize: 2
+    });
+  }
+
+  /*X-editable editor*/
+  if ($('#editable-form').length) {
+    $.fn.editable.defaults.mode = 'inline';
+    $.fn.editableform.buttons =
+      '<button type="submit" class="btn btn-primary btn-sm editable-submit">' +
+      '<i class="fa fa-fw fa-check"></i>' +
+      '</button>' +
+      '<button type="button" class="btn btn-default btn-sm editable-cancel">' +
+      '<i class="fa fa-fw fa-times"></i>' +
+      '</button>';
+    $('#username').editable({
+      type: 'text',
+      pk: 1,
+      name: 'username',
+      title: 'Enter username'
+    });
+
+    $('#firstname').editable({
+      validate: function(value) {
+        if ($.trim(value) === '') return 'This field is required';
+      }
+    });
+
+    $('#sex').editable({
+      source: [{
+          value: 1,
+          text: 'Male'
+        },
+        {
+          value: 2,
+          text: 'Female'
+        }
+      ]
+    });
+
+    $('#status').editable();
+
+    $('#group').editable({
+      showbuttons: false
+    });
+
+    $('#vacation').editable({
+      datepicker: {
+        todayBtn: 'linked'
+      }
+    });
+
+    $('#dob').editable();
+
+    $('#event').editable({
+      placement: 'right',
+      combodate: {
+        firstItem: 'name'
+      }
+    });
+
+    $('#meeting_start').editable({
+      format: 'yyyy-mm-dd hh:ii',
+      viewformat: 'dd/mm/yyyy hh:ii',
+      validate: function(v) {
+        if (v && v.getDate() === 10) return 'Day cant be 10!';
+      },
+      datetimepicker: {
+        todayBtn: 'linked',
+        weekStart: 1
+      }
+    });
+
+    $('#comments').editable({
+      showbuttons: 'bottom'
+    });
+
+    $('#note').editable();
+    $('#pencil').on("click", function(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      $('#note').editable('toggle');
+    });
+
+    $('#state').editable({
+      source: ["Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado", "Connecticut", "Delaware", "Florida", "Georgia", "Hawaii", "Idaho", "Illinois", "Indiana", "Iowa", "Kansas", "Kentucky", "Louisiana", "Maine", "Maryland", "Massachusetts", "Michigan", "Minnesota", "Mississippi", "Missouri", "Montana", "Nebraska", "Nevada", "New Hampshire", "New Jersey", "New Mexico", "New York", "North Dakota", "North Carolina", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "Rhode Island", "South Carolina", "South Dakota", "Tennessee", "Texas", "Utah", "Vermont", "Virginia", "Washington", "West Virginia", "Wisconsin", "Wyoming"]
+    });
+
+    $('#state2').editable({
+      value: 'California',
+      typeahead: {
+        name: 'state',
+        local: ["Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado", "Connecticut", "Delaware", "Florida", "Georgia", "Hawaii", "Idaho", "Illinois", "Indiana", "Iowa", "Kansas", "Kentucky", "Louisiana", "Maine", "Maryland", "Massachusetts", "Michigan", "Minnesota", "Mississippi", "Missouri", "Montana", "Nebraska", "Nevada", "New Hampshire", "New Jersey", "New Mexico", "New York", "North Dakota", "North Carolina", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "Rhode Island", "South Carolina", "South Dakota", "Tennessee", "Texas", "Utah", "Vermont", "Virginia", "Washington", "West Virginia", "Wisconsin", "Wyoming"]
+      }
+    });
+
+    $('#fruits').editable({
+      pk: 1,
+      limit: 3,
+      source: [{
+          value: 1,
+          text: 'banana'
+        },
+        {
+          value: 2,
+          text: 'peach'
+        },
+        {
+          value: 3,
+          text: 'apple'
+        },
+        {
+          value: 4,
+          text: 'watermelon'
+        },
+        {
+          value: 5,
+          text: 'orange'
+        }
+      ]
+    });
+
+    $('#tags').editable({
+      inputclass: 'input-large',
+      select2: {
+        tags: ['html', 'javascript', 'css', 'ajax'],
+        tokenSeparators: [",", " "]
+      }
+    });
+
+    $('#address').editable({
+      url: '/post',
+      value: {
+        city: "Moscow",
+        street: "Lenina",
+        building: "12"
+      },
+      validate: function(value) {
+        if (value.city === '') return 'city is required!';
+      },
+      display: function(value) {
+        if (!value) {
+          $(this).empty();
+          return;
+        }
+        var html = '<b>' + $('<div>').text(value.city).html() + '</b>, ' + $('<div>').text(value.street).html() + ' st., bld. ' + $('<div>').text(value.building).html();
+        $(this).html(html);
+      }
+    });
+
+    $('#user .editable').on('hidden', function(e, reason) {
+      if (reason === 'save' || reason === 'nochange') {
+        var $next = $(this).closest('tr').next().find('.editable');
+        if ($('#autoopen').is(':checked')) {
+          setTimeout(function() {
+            $next.editable('show');
+          }, 300);
+        } else {
+          $next.focus();
+        }
+      }
+    });
+  }
+})(jQuery);