39 lines
1.5 KiB
HTML
39 lines
1.5 KiB
HTML
|
|
<div class="flex gap-2 p-6">
|
|
<div class="w-2/3">
|
|
<!-- name of each tab group should be unique -->
|
|
<div class="tabs tabs-lift">
|
|
<label class="tab">
|
|
<input type="radio" name="tabTablas" [checked]="tablaSeleccionada === 'genders'" (click)="tablaSeleccionada = 'genders'"/>
|
|
<div *ngIf="tablaSeleccionada !== 'genders'">
|
|
<ng-icon name="bootstrapBookmarks" size="20" class="me-2 m-1"></ng-icon>
|
|
</div>
|
|
<div *ngIf="tablaSeleccionada == 'genders'">
|
|
<ng-icon name="bootstrapBookmarksFill" size="20" class="me-2 m-1"></ng-icon>
|
|
</div>
|
|
Géneros
|
|
</label>
|
|
<div class="tab-content bg-base-100 border-base-300 p-6">
|
|
<table-genders [eventoFiltro]="tablaSeleccionada == 'genders' ? textoFiltro : ''"></table-genders>
|
|
</div>
|
|
|
|
<label class="tab">
|
|
<input type="radio" name="tabTablas" [checked]="tablaSeleccionada === 'books'" (click)="tablaSeleccionada = 'books'"/>
|
|
<div *ngIf="tablaSeleccionada !== 'books'">
|
|
<ng-icon name="bootstrapBook" size="20" class="me-2 m-1"></ng-icon>
|
|
</div>
|
|
<div *ngIf="tablaSeleccionada === 'books'">
|
|
<ng-icon name="bootstrapBookHalf" size="20" class="me-2 m-1"></ng-icon>
|
|
</div>
|
|
Libros
|
|
</label>
|
|
<div class="tab-content bg-base-100 border-base-300 p-6">
|
|
<table-books [eventoFiltro]="tablaSeleccionada == 'books' ? textoFiltro : ''" (cambiarTabla)="cambiarTabla($event)"></table-books>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="divider divider-horizontal"></div>
|
|
<div class="w-1/3">
|
|
<filter (filtro)="textoFiltro = $event"></filter>
|
|
</div>
|
|
</div> |