npm.io
20.1.1 • Published 3 months ago

irisa-offcanvas

Licence
—
Version
20.1.1
Deps
1
Size
20 kB
Vulns
0
Weekly
0

<button class="btn btn-primary" (click)="toggleOffcanvas()">toggle

<offcanvas [(isOpen)]="isOffcanvasOpen" position="end" backdrop="static">

<span class="text-black-100 fs-14" [innerText]="'ListLabels.AdvancedSearch' | translate">
<button (click)="isOffcanvasOpen = false" class="btn-close text-gray-90 fs-10">
<label [innerText]="'ListLabels.ProduceDate' | translate">
<span class="me-4px" [innerText]="'ListLabels.From' | translate"> <datepicker [(ngModel)]="sharedService.searchModel.produceDateFrom" autocomplete="off" name="produceDateFrom" id="produceDateFrom"> <span class="mx-4px" [innerText]="'ListLabels.To' | translate"> <datepicker [(ngModel)]="sharedService.searchModel.produceDateTo" autocomplete="off" name="produceDateFrom" id="transactionDateTo">
<button class="btn btn-primary fs-12 font-regular" [disabled]="sharedService.searchState.IsWait" (click)="onApplyFilterClick()" [innerText]="'ListLabels.ApplyFilter' | translate"> <button class="btn btn-outline-dark fs-12 font-regular ms-16px" [disabled]="sharedService.searchState.IsWait" (click)="onResetFilterClick()" [innerText]="'ListLabels.CancelFilter' | translate">

isOffcanvasOpen = false;

toggleOffcanvas() { this.isOffcanvasOpen = !this.isOffcanvasOpen; }

onApplyFilterClick() { this.sharedService.refresh(true); this.isOffcanvasOpen = false; }