Improve search page

src/app/pages/search/search.page.html

@@ -38,7 +38,7 @@
           <ion-icon name="restaurant-outline" src="assets/images/icons-advance-search-document.svg"></ion-icon>
         </div>
         <div class="input-container d-flex ion-align-items-center">
-          <ion-datetime [(ngModel)]='searchDocumentDate' display-timezone="utc"></ion-datetime>
+          <ion-datetime [(ngModel)]='searchDocumentDate'  placeholder="Date" display-timezone="utc"></ion-datetime>
           <div class="icon" (click)="clearInputDocumentDate()">
             <ion-icon name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
           </div>

src/app/pages/search/search.page.ts

@@ -40,15 +40,6 @@ export class SearchPage implements OnInit {
   height: number = 411;
   width: number = 411;
  
-  data: CloudData[] = [
-    {text: 'Docents', weight: 0.1,  color: '#ffaaee'},
-    {text: '1232', weight: 0.2, tooltip: 'display a tooltip'},
-    {text: 'Dcuments', weight: 0.1,  color: '#ffaaee'},
-    {text: 'Cat', weight: 0.3,  color: '#ffaaee'},
-    {text: 'Dogs', weight: 0.1, tooltip: 'display a tooltip'},
-    {text: 'cars', weight: 0.2,  color: '#ffaaee'},
-  ];
- 
   // See http://idangero.us/swiper/api/ for valid options.
   slideOpts = {
     slidesPerView: 3,
@@ -66,6 +57,10 @@ export class SearchPage implements OnInit {
 
   ngOnInit() {
 
+    this.wordCloud()
+  }
+
+  wordCloud(){
     this.search.mostSeachWord("10").subscribe(res=>{
 
       let list = []
@@ -89,7 +84,6 @@ export class SearchPage implements OnInit {
       );
 
     });
-
   }
 
   close(){
@@ -241,6 +235,13 @@ export class SearchPage implements OnInit {
     */
    clearSearchInput(){
     this.searchSubject = ""
+
+    this.searchCategories = [];
+    this.searchDocuments = [];
+    this.showDocuments = false;
+
+    this.wordCloud();
+
    }
 
   /**