changing of placeholder text in post search page (#901)

Co-authored-by: Mh-Asmi <[email protected]>

Author: MMwandigha

apps/mobile-mzima-client/src/app/profile/posts/posts.page.html

@@ -1,4 +1,10 @@
-<app-main-layout title="My posts" (back)="back()" [isSearch]="true" (search)="searchPosts($event)">
+<app-main-layout
+  title="My posts"
+  (back)="back()"
+  [isSearch]="true"
+  [placeholderText]="'Search for Posts'"
+  (search)="searchPosts($event)"
+>
   <app-button
     header-end
     fill="clear"

apps/mobile-mzima-client/src/app/shared/components/choose-deployment/choose-deployment.component.html

@@ -5,6 +5,7 @@
   [isSearch]="showSearch"
   [header]="isProfile"
   (back)="backHandle()"
+  [placeholderText]="'Search for site or Enter URL'"
   (search)="searchDeployments($event)"
   (searchFocus)="isSearchView = true"
   (searchBlur)="isSearchView = false"

apps/mobile-mzima-client/src/app/shared/components/main-layout/main-layout.component.html

@@ -22,6 +22,7 @@
     #searchForm
     *ngIf="isSearch"
     class="search-form"
+    [placeholder]="placeholderText"
     (formFocus)="searchFocusHandle()"
     (formBlur)="searchBlurHandle()"
     [(ngModel)]="searchFormValue"

apps/mobile-mzima-client/src/app/shared/components/main-layout/main-layout.component.ts

@@ -11,6 +11,7 @@ export class MainLayoutComponent {
   @Input() public title?: string;
   @Input() public header = true;
   @Input() public isSearch = false;
+  @Input() public placeholderText: string;
   @Output() back = new EventEmitter();
   @Output() search = new EventEmitter<string>();
   @Output() searchFocus = new EventEmitter();

apps/mobile-mzima-client/src/app/shared/components/search-form/search-form.component.html

@@ -1,7 +1,7 @@
 <app-form-control
   #searchControl
   class="search-form"
-  placeholder="Search for site or Enter URL"
+  [placeholder]="placeholder"
   [(ngModel)]="value"
   [rounded]="!isSearchView"
   [clearable]="!!value?.length"

apps/mobile-mzima-client/src/app/shared/components/search-form/search-form.component.ts

@@ -22,6 +22,7 @@ export class SearchFormComponent implements ControlValueAccessor {
   @Output() public back = new EventEmitter();
 
   @Input() public value?: string;
+  @Input() public placeholder: string;
   @ViewChild('searchControl') public searchControl: FormControlComponent;
 
   public isSearchView = false;