CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

System views updated

Browse Source
This commit is contained in:
Jose Alberto Hernandez
2025-05-24 22:46:53 -05:00
parent 7ab980c2ba
commit 14c539a605
34 changed files with 291 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/search-tool/search-tool.component.html
+20 -18
View File
@@ -1,21 +1,23 @@
<div *ngIf="searchVisible" class="search-bar flex-auto layout-row gap-2percent hide-lt-sm" [@fadeInOut]>
<mat-form-field class="search">
<mat-label>{{ 'labels.text.Search' | translate }}</mat-label>
<input matInput type="text" [formControl]="query" (keydown.enter)="search()" />
</mat-form-field>
<div class="flex-100 layout-row">
<div *ngIf="searchVisible" class="search-bar flex-90 layout-row hide-lt-sm" [@fadeInOut]>
<mat-form-field class="search flex-45">
<mat-label>{{ 'labels.text.Search' | translate }}</mat-label>
<input matInput type="text" [formControl]="query" (keydown.enter)="search()" />
</mat-form-field>
<mat-form-field class="resource">
<mat-label>{{ 'labels.inputs.Resource' | translate }}</mat-label>
<mat-select [formControl]="resource">
<mat-option *ngFor="let option of resourceOptions" [value]="option.value">
{{ 'labels.text.' + option.name | translate }}
</mat-option>
</mat-select>
</mat-form-field>
</div>
<mat-form-field class="resource flex-50">
<mat-label>{{ 'labels.inputs.Resource' | translate }}</mat-label>
<mat-select [formControl]="resource">
<mat-option *ngFor="let option of resourceOptions" [value]="option.value">
{{ 'labels.text.' + option.name | translate }}
</mat-option>
</mat-select>
</mat-form-field>
</div>
<div class="search-icon">
<button mat-icon-button (click)="toggleSearchVisibility()" class="hide-lt-sm">
<fa-icon icon="search" size="lg" matTooltip="{{ 'labels.text.Search' | translate }}"></fa-icon>
</button>
<div class="search-icon flex-10">
<button mat-icon-button (click)="toggleSearchVisibility()" class="hide-lt-sm">
<fa-icon icon="search" size="lg" matTooltip="{{ 'labels.text.Search' | translate }}"></fa-icon>
</button>
</div>
</div>