diff --git a/src/app/components/search/search-input-control/search-input-control.component.html b/src/app/components/search/search-input-control/search-input-control.component.html
index 0d4381e68..d3ebc8720 100644
--- a/src/app/components/search/search-input-control/search-input-control.component.html
+++ b/src/app/components/search/search-input-control/search-input-control.component.html
@@ -13,9 +13,9 @@
[(ngModel)]="searchTerm"
(ngModelChange)="inputChange($event)"
(keyup.enter)="searchSubmit($event)">
- {{ 'SEARCH.INPUT.PLACEHOLDER' | translate }}
+ {{ 'SEARCH.INPUT.PLACEHOLDER' | translate }}
-
+
arrow_drop_down
diff --git a/src/app/components/search/search-input-control/search-input-control.component.ts b/src/app/components/search/search-input-control/search-input-control.component.ts
index 3b51d3dde..68490b28b 100644
--- a/src/app/components/search/search-input-control/search-input-control.component.ts
+++ b/src/app/components/search/search-input-control/search-input-control.component.ts
@@ -85,4 +85,10 @@ export class SearchInputControlComponent implements OnDestroy {
this.searchTerm = '';
this.searchChange.emit('');
}
+
+ isTermTooShort() {
+ const alphanumericTerm = this.searchTerm.replace(/[^0-9a-z]/gi, '');
+
+ return this.searchTerm.length && alphanumericTerm.length < 2;
+ }
}
diff --git a/src/app/components/search/search-input/search-input.component.html b/src/app/components/search/search-input/search-input.component.html
index cd58fff94..b2a02add5 100644
--- a/src/app/components/search/search-input/search-input.component.html
+++ b/src/app/components/search/search-input/search-input.component.html
@@ -2,7 +2,7 @@
- {{ 'SEARCH.INPUT.PLACEHOLDER' | translate }}
+ {{ 'SEARCH.INPUT.PLACEHOLDER' | translate }}
-
- arrow_drop_down
-
+
+ arrow_drop_down
+
@@ -24,14 +24,16 @@
(submit)="onSearchSubmit($event)"
(searchChange)="onSearchChange($event)">
+ {{ 'SEARCH.INPUT.HINT' | translate }}
+
-
{{ option.key | translate }}
-
+
diff --git a/src/app/components/search/search-input/search-input.component.theme.scss b/src/app/components/search/search-input/search-input.component.theme.scss
index 18555f475..766c58e14 100644
--- a/src/app/components/search/search-input/search-input.component.theme.scss
+++ b/src/app/components/search/search-input/search-input.component.theme.scss
@@ -88,3 +88,9 @@ $top-margin: 12px;
}
}
}
+
+.app-search-hint {
+ position: absolute;
+ font-size: 12px;
+ padding-left: 17px;
+}
diff --git a/src/app/components/search/search-input/search-input.component.ts b/src/app/components/search/search-input/search-input.component.ts
index 3cd159b61..a767c0e1f 100644
--- a/src/app/components/search/search-input/search-input.component.ts
+++ b/src/app/components/search/search-input/search-input.component.ts
@@ -210,4 +210,11 @@ export class SearchInputComponent implements OnInit {
isContentChecked(): boolean {
return this.isFilesChecked() || this.isFoldersChecked();
}
+
+ hasLibraryConstraint(): boolean {
+ if (this.isLibrariesChecked()) {
+ return this.searchInputControl.isTermTooShort();
+ }
+ return false;
+ }
}
diff --git a/src/app/components/search/search-libraries-results/search-libraries-results.component.html b/src/app/components/search/search-libraries-results/search-libraries-results.component.html
index f33a862d3..94a8dde01 100644
--- a/src/app/components/search/search-libraries-results/search-libraries-results.component.html
+++ b/src/app/components/search/search-libraries-results/search-libraries-results.component.html
@@ -21,7 +21,10 @@
diff --git a/src/app/components/search/search-results/search-results.component.html b/src/app/components/search/search-results/search-results.component.html
index b1d7be4ee..a3795886f 100644
--- a/src/app/components/search/search-results/search-results.component.html
+++ b/src/app/components/search/search-results/search-results.component.html
@@ -24,7 +24,10 @@