@jvsoft/components 0.0.2 → 0.0.3

package/tabla-mantenimiento/tabla-mantenimiento.component.d.ts

@@ -81,6 +81,7 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     userMenu: TemplateRef<any>;
     opcFiltroActual: {};
     protected readonly capitalizarTexto: typeof capitalizarTexto;
+    _seleccionado: any;
     cCampoBusqueda: FormControl<string | null>;
     chkLista: DataModel;
     constructor(fb: FormBuilder, overlay: Overlay, viewContainerRef: ViewContainerRef, tablaMantenimientoService: TablaMantenimientoService, cdRef: ChangeDetectorRef);
@@ -108,8 +109,9 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     set botonesMenu(val: SeccionesBotonesMantenimiento);
     get listaMenuCompleto(): BotonMantenimiento[];
     get objVisibleColumns(): ColumnaTabla<any>[];
-    get visibleColumns(): any[];
-    get tieneCheckbox(): false | ColumnaTabla<any>;
+    get visibleColumns(): string[];
+    get tieneCheckbox(): false | import("@jvsoft/components/tabla-mantenimiento").ColumnaCheckbox<any>;
+    get buscarItemSeleccionado(): any;
     get objSeleccionado(): any;
     set objSeleccionado(val: any);
     get idsSeleccionado(): string;
@@ -118,10 +120,7 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    trackByFn(index: number, item: {
-        id: number;
-        value: number;
-    }): string;
+    trackByFn: (index: number, item: any) => string;
     agregarBotonesExportacion(): void;
     actualizarCrud(): void;
     classFila(item: any): any[];
@@ -132,6 +131,9 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     cargarData(retorno?: boolean): any;
     setData(data: any): void;
     botonDisabled(btn: BotonMantenimiento, item: any): boolean | undefined;
+    propiedadSeleccion(item: any): string;
+    esSeleccionActual(item: any): boolean;
+    seleccionarItem(item: any, forzado?: boolean): void;
     opcMenu(item: any, objMenu: OpcionSeleccionada, modal?: null, retorno?: boolean): OpcionSeleccionada | 1;
     emitirResultados(evento?: {}): void;
     abrirMenuContextual({ x, y }: MouseEvent, user: any): void;

package/tabla-mantenimiento/tabla-mantenimiento.component.scss

@@ -0,0 +1,219 @@
+
+:root {
+
+  // SOBREESCRIBIR VARIABLES - DE SELECCION
+  //--tabla-mantenimiento-seleccion-fondo: rgb(var(--color-primary));
+  //--tabla-mantenimiento-seleccion-fondo: rgb(var(--color-primary));
+  --tabla-mantenimiento-seleccion-fondo: rgb(179, 217, 252);
+  --tabla-mantenimiento-seleccion-texto: rgb(1, 84, 164);
+
+  --mat-paginator-container-size: 30px;
+
+  /*
+	"--tabla-mantenimiento-seleccion-fondo": "rgb(179,217,252)",
+	"--tabla-mantenimiento-seleccion-texto": "rgb(1,84,164)"
+   */
+
+  .table-mantenimiento {
+    .elemento-seleccionado {
+      background-color: var(--tabla-mantenimiento-seleccion-fondo) !important;
+      color: var(--tabla-mantenimiento-seleccion-texto) !important;
+      border-color: var(--tabla-mantenimiento-seleccion-texto) !important;
+    }
+  }
+}
+
+.jvs-tabla-mantenimiento {
+  width: inherit;
+
+  .contenedor-botones {
+    > *:first-child {
+      @apply rounded-l;
+    }
+
+    > *:last-child {
+      @apply rounded-r;
+    }
+  }
+
+
+  .mat-mdc-menu-content:not(:empty) {
+    @apply flex flex-col items-start;
+    padding: 0 !important;
+  }
+
+  .mat-mdc-menu-item {
+    line-height: 24px !important;
+    height: 24px !important;
+    min-height: 24px !important;
+  }
+
+  .mat-mdc-menu-panel {
+    min-height: auto !important;
+  }
+
+  .mat-mdc-table .mat-mdc-cell, .mat-mdc-table .mat-mdc-header-cell .mat-mdc-footer-cell {
+    white-space: unset;
+  }
+
+  .table-container {
+    max-height: 600px !important;
+  }
+
+
+  .table-mantenimiento {
+
+    .mat-mdc-table-sticky-border-elem-right {
+      border-left: 1px solid #e0e0e0;
+    }
+
+    .mat-mdc-table-sticky-border-elem-left {
+      border-right: 1px solid #e0e0e0;
+    }
+
+    tr.regAnulado {
+      .mat-mdc-cell {
+        color: unset !important;
+      }
+    }
+
+    .bg-primary-activo .numeracionFila {
+      @apply rounded-full bg-primary-contrast text-primary mx-1 p-1 w-6 h-6;
+    }
+
+    th {
+      .form-input {
+        @apply w-auto;
+      }
+    }
+
+    th.mat-mdc-header-cell,
+    td.mat-mdc-cell,
+    td.mat-mdc-footer-cell {
+      &:not(.celda-numeracion-fila) {
+        padding: 0.05rem 0.25rem;
+      }
+
+      //@apply px-1;
+      border-width: 1px;
+      //border-width: 1px 1px 1px 1px;
+      border-style: solid;
+    }
+
+    th.mat-mdc-header-cell:first-of-type,
+    th.mat-mdc-header-cell:last-of-type,
+    td.mat-mdc-cell:first-of-type,
+    td.mat-mdc-cell:last-of-type,
+    td.mat-mdc-footer-cell:first-of-type,
+    td.mat-mdc-footer-cell:last-of-type {
+      //@apply px-2;
+      &:not(.celda-numeracion-fila) {
+        padding: 0 0.25rem;
+      }
+    }
+
+    tr.student-detail-row {
+      //height: 0 !important;
+    }
+
+    //.student-element-row td {
+    //	border-bottom-width: 0 !important;
+    //}
+
+    .student-element-detail {
+      overflow: hidden;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      //background-color: #e1e1e1;
+      //box-shadow: inset 0 0 4px 0;
+      //border-radius: 3px;
+    }
+
+    .mat-mdc-header-row {
+      height: 25px !important;
+      color: rgb(var(--color-primary)) !important;
+      background-color: rgb(var(--color-primary-contrast)) !important;
+    }
+
+    .mat-mdc-header-cell {
+      padding: 5px;
+      font-size: 10px;
+      line-height: 10px;
+      font-weight: bold !important;
+      color: inherit;
+    }
+
+    .mat-mdc-row {
+      &:hover {
+        //background-color: rgba(var(--color-primary-contrast), 0.04);
+        //background-color: unset !important;
+      }
+    }
+
+    .mdc-data-table__row {
+      //&:not(.bg-primary-activo),
+      &:not(.mdc-data-table__row--selected) {
+        &:not(.elemento-seleccionado) {
+          &:hover, &:focus {
+            background-color: rgba(var(--color-primary-contrast), 0.04);
+          }
+        }
+      }
+    }
+
+    .mat-mdc-row,
+    .mat-mdc-footer-row {
+      //height: unset !important;
+      .mat-mdc-cell {
+        //@apply text-2xs;
+        font-size: 10px;
+        //font-size: unset;
+      }
+
+      //.mat-mdc-footer-cell:not(:empty) {
+      .mat-mdc-footer-cell:empty {
+        /* Styles */
+        border-width: 0 !important;
+      }
+    }
+
+    .mat-mdc-cell {
+      @apply leading-tight;
+    }
+
+    //style="height: 1.5rem !important; font-size: 0.75rem !important;"
+    /*
+    th.mat-mdc-header-cell:last-of-type, td.mat-mdc-cell:last-of-type, td.mat-mdc-footer-cell:last-of-type {
+        padding-right: 0 !important;
+    }
+    */
+
+    th.mat-mdc-header-cell {
+      //text-align: center !important;
+      border-color: rgb(212, 208, 208);
+      //border-right-color: rgb(var(--color-primary));
+      //border-left-color: rgb(var(--color-primary));
+      @apply text-center uppercase;
+      //&:first-child {
+      //}
+      .mat-sort-header-container {
+        @apply flex items-center justify-between w-full;
+        .mat-sort-header-content {
+          @apply inline w-full text-center;
+        }
+
+        .mat-sort-header-arrow {
+          @apply flex-none;
+        }
+      }
+    }
+
+    .mat-mdc-sort-header-content {
+      width: 100%;
+      text-align: center;
+      display: unset;
+      align-items: center;
+    }
+  }
+}