Commit realizando cambios en los roles de los usuarios

httpdocs/themes/focus2/scss/components/tables/_table-basic.scss

@@ -0,0 +1,108 @@
+//style for all basic tables
+.table {
+
+    th, td {
+        border-color: $border;
+        @at-root [data-theme-version="dark"] & {
+            border-color: $d-border;
+        }
+    }
+
+
+
+    thead th {
+        border-bottom-width: 1px;
+        text-transform: uppercase;
+        // color: $dark ;
+        font-size: 12px;
+        font-weight: 600;
+        letter-spacing: 0.5px;
+        border-color: $border;
+        @at-root [data-theme-version="dark"] & {
+            border-color: $d-border;
+        }
+    }
+    tbody  tr td {
+        // color: $l-ctd;
+        // line-height: 2.5rem;
+        vertical-align: middle;
+        border-color: $border;
+        @at-root [data-theme-version="dark"] & {
+            border-color: $d-border;
+        }
+    }
+
+    //delete header borders without '.borders tables'
+    &:not(.table-bordered) {
+        thead th {
+            border-top: none;
+        }
+    }
+
+    //heading background
+    .thead-primary th {
+        background-color: $primary;
+        color: $white;
+    }
+
+    //table border
+    &.primary-table-bordered {
+        border: 1px solid #989ca0;
+    }
+
+    //table hover
+    &.primary-table-bg-hover {
+        thead th {
+            background-color: darken($color: $primary, $amount: 5%);
+            color: $white;
+            border-bottom: none;
+        }
+
+        tbody tr {
+            background-color: $primary;
+            color: $white;
+            transition: all .1s ease;
+
+            &:hover {
+                background-color: lighten($color: $primary, $amount: 5%);
+            }
+
+            &:not(:last-child) {
+                td, th {
+                    border-bottom: 1px solid darken($color: $primary, $amount: 5%);
+                }
+            }
+        }
+    }
+
+    //responsive table width
+    &-responsive {
+        &-tiny {
+            // @include media-breakpoint-down(xs) {
+                min-width: 18.75rem;
+            // }
+        }
+
+        &-sm {
+            // @include media-breakpoint-down(sm) {
+                min-width: 30rem !important;
+            // }
+        }
+
+        &-md {
+            // @include media-breakpoint-down(sm) {
+                min-width: 50.9375rem !important;
+            // }
+        }
+
+        &-lg {
+            min-width: 60.9375rem !important;
+        }
+
+        &-xl {
+            min-width: 70.9375rem !important;
+        }
+    }
+}
+
+

httpdocs/themes/focus2/scss/components/tables/_table-bootgrid.scss

@@ -0,0 +1,14 @@
+.bootgrid-header {
+    padding: 0 !important;
+    margin: 0;
+
+    @include respond(phone) {
+        .actionBar {
+            padding: 0;
+        }
+    
+        .search {
+            margin: 0 0 10px 0;
+        }
+    }
+}

httpdocs/themes/focus2/scss/components/tables/_table-datatable.scss

@@ -0,0 +1,127 @@
+//demo styles
+table#example{
+    padding: 3rem 0 4rem 0;
+}
+
+#example2_wrapper {
+    .dataTables_scrollBody {
+        max-height: 33.25rem !important;
+    }
+}
+
+#employees, #custommers {
+    padding: .5rem 0 1rem 0;
+}
+//////////
+
+
+
+
+table.dataTable thead th, table.dataTable thead td{
+    border-bottom: 0;
+    border-top: 0;
+}
+
+table.dataTable tfoot th, table.dataTable tfoot td{
+    border-top: 0;
+}
+
+table.dataTable tbody tr, table.dataTable tbody td{
+    background: transparent !important;
+}
+
+table.dataTable thead th{
+    color: $dark;
+    font-weight: 600;
+    @at-root [data-theme-version="dark"] & {
+        color: $white;
+    }
+}
+
+table.dataTable tbody td{
+    padding: 15px 18px;
+}
+
+table.dataTable tr.selected{
+    color: $primary;
+}
+
+table.dataTable tfoot th{
+    color: $dark;
+    font-weight: 600;
+    @at-root [data-theme-version="dark"] & {
+        color: $white;
+    }
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.current{
+    border-radius: 50%;
+    color: $primary !important;
+    background: rgba($primary, .1);
+    border: 0 !important;
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
+    border-radius: 50%;
+    color: $primary !important;
+    background: rgba($primary, .1);
+    border: 0;
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button{
+    border: 0;
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover{
+    background: transparent;
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
+    background: transparent;
+}
+
+.dataTables_wrapper {
+    input[type="search"], input[type="text"], select {
+        border: 1px solid #e2e2e2;
+        padding: .3rem 0.5rem;
+        color: rgba(113, 93, 93, 1);
+        border-radius: 5px;
+        @at-root [data-theme-version="dark"] & {
+            background: $d-bg;
+            border-color: $d-border;
+            color: $white;
+        }
+    }
+}
+
+table.dataTable.no-footer{
+    border-bottom: 0;
+}
+
+
+
+.dataTables_scroll{
+    padding: 2.5rem 0;
+
+    &Foot{
+        padding-top: 1rem;
+    }
+}
+
+.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
+    @include media-breakpoint-down(md) {
+        text-align: left;
+    }
+}
+
+table.dataTable.row-border tbody th, 
+table.dataTable.row-border tbody td, 
+table.dataTable.display tbody th, 
+table.dataTable.display tbody td {
+    border-color: $border;
+    @at-root [data-theme-version="dark"] & {
+        border-color: $d-border;
+    }
+}
+
+

httpdocs/themes/focus2/scss/components/tables/_table-footable.scss

@@ -0,0 +1,4 @@
+.fooicon {
+    font-size: 1.25rem;
+    color: $dark;
+}

httpdocs/themes/focus2/scss/components/tables/_table-jsgrid.scss

@@ -0,0 +1,25 @@
+.jsgrid-table{
+
+    .jsgrid-header-row{
+
+        & > .jsgrid-header-cell{
+            color: $dark;
+        }
+    }
+
+    & > tbody > tr > td{
+        padding: 1.2em;
+    }
+
+    .jsgrid-insert-row, .jsgrid-edit-row{
+
+        input, select{
+            border: 1px solid #DDDFE1;
+        }
+    }
+}
+
+.jsgrid .jsgrid-button{
+    border: 0 !important;
+    margin-left: 10px;
+}

httpdocs/themes/focus2/scss/components/tables/_table.scss

@@ -0,0 +1,5 @@
+@import "./table-basic";
+@import "./table-bootgrid";
+@import "./table-datatable";
+@import "./table-footable";
+@import "./table-jsgrid";