sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Searchbox Update

Browse Source
This commit is contained in:
Lorenz Hilpert
2023-04-27 17:14:49 +02:00
parent 4d1dbaa2f3
commit f2f70e1d83
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/shared/components/searchbox/src/lib/searchbox.component.html
View File

@@ -1,7 +1,7 @@
<div class="ui-searchbox-input-wrapper">
<div class="searchbox-input-wrapper">
<div class="hint-wrapper">
<input
class="ui-searchbox-input"
class="searchbox-input"
#input
type="text"
[placeholder]="placeholder"
@@ -30,4 +30,4 @@
<ui-icon icon="spinner" size="32px"></ui-icon>
</div>
</div>
<ng-content select="ui-autocomplete"></ng-content>
<ng-content select="shared-autocomplete"></ng-content>

2
apps/shared/components/searchbox/src/lib/searchbox.component.scss
View File

@@ -6,7 +6,7 @@
}
}
.ui-searchbox-input-wrapper {
.searchbox-input-wrapper {
@apply flex flex-row h-14 rounded-full;
.hint-wrapper {

4
apps/shared/components/searchbox/src/lib/searchbox.component.ts
View File

@@ -29,10 +29,10 @@ import { ScanAdapterService } from '@adapter/scan';
selector: 'shared-searchbox',
templateUrl: 'searchbox.component.html',
styleUrls: ['searchbox.component.scss'],
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SearchboxNextComponent), multi: true }],
providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SearchboxComponent), multi: true }],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class SearchboxNextComponent extends UiFormControlDirective<any>
export class SearchboxComponent extends UiFormControlDirective<any>
implements AfterViewInit, OnDestroy, AfterContentInit, ControlValueAccessor {
disabled: boolean;
type = 'text';

6
apps/shared/components/searchbox/src/lib/searchbox.module.ts
View File

@@ -1,13 +1,13 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SearchboxNextComponent } from './searchbox.component';
import { SearchboxComponent } from './searchbox.component';
import { UiIconModule } from '@ui/icon';
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [CommonModule, UiIconModule, FormsModule],
exports: [SearchboxNextComponent],
declarations: [SearchboxNextComponent],
exports: [SearchboxComponent],
declarations: [SearchboxComponent],
})
export class SearchboxModule {}