Add calendar timeline

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

@@ -94,7 +94,14 @@
       <!-- most searched word-->
       <div class="most-searched-words" *ngIf="!showDocuments">
         <p class="title ion-text-center">Palavras mais pesquisadas</p>
-
+        <div>
+          <angular-tag-cloud class="world-cloud"
+            [data]="data"
+            [width]=width
+            [height]=height
+            [overflow]=true>
+          </angular-tag-cloud>
+        </div>
       </div>
       
       <!-- search result document-->

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

@@ -33,20 +33,18 @@ export class SearchPage implements OnInit {
   showDocuments = false;
   showAdvanceSearch = false;
 
-  options: CloudOptions = {
-    // if width is between 0 and 1 it will be set to the width of the upper element multiplied by the value
-    width: 1000,
-    // if height is between 0 and 1 it will be set to the height of the upper element multiplied by the value
-    height: 400,
-    overflow: false,
-  };
- 
-  data: CloudData[] = [
-    {text: 'Weight-8-link-color', weight: 8, link: 'https://google.com', color: '#ffaaee'},
-    {text: 'Weight-10-link', weight: 10, link: 'https://google.com', tooltip: 'display a tooltip'},
-    // ...
-  ];
+  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,