Feature: Add search function to ideas [#1528] (#2326)

* New Crowdin updates (#2289)

* New translations en.json (French)

* New translations en.json (Spanish)

* New translations en.json (Bulgarian)

* New translations en.json (Czech)

* New translations en.json (German)

* New translations en.json (Dutch)

* New translations en.json (Russian)

* New translations en.json (Slovak)

* New translations en.json (Albanian)

* New translations en.json (Ukrainian)

* New translations en.json (Indonesian)

* New translations en.json (Estonian)

* New translations en.json (Swahili)

* New translations en.json (Somali)

* New translations en.json (French)

* New translations en.json (Spanish)

* New translations en.json (Bulgarian)

* New translations en.json (Czech)

* New translations en.json (German)

* New translations en.json (Dutch)

* New translations en.json (Russian)

* New translations en.json (Slovak)

* New translations en.json (Albanian)

* New translations en.json (Ukrainian)

* New translations en.json (Indonesian)

* New translations en.json (Estonian)

* New translations en.json (Swahili)

* New translations en.json (Somali)

* New translations en.json (French)

* New translations en.json (Spanish)

* New translations en.json (Bulgarian)

* New translations en.json (Czech)

* New translations en.json (German)

* New translations en.json (Dutch)

* New translations en.json (Russian)

* New translations en.json (Slovak)

* New translations en.json (Albanian)

* New translations en.json (Ukrainian)

* New translations en.json (Indonesian)

* New translations en.json (Estonian)

* New translations en.json (Swahili)

* New translations en.json (Somali)

* add search field

* clean

* update filters

* add mobile field

* add icon

---------

Co-authored-by: Ilmar Türk <[email protected]>

Author: DiverVM

src/app/ideation/components/topic-ideation/topic-ideation.component.html

@@ -878,6 +878,13 @@
                 <div class="options filter_options">
                   <a
                     class="filter_option"
+                    (click)="mobileIdeaFilters.type = true"
+                  >
+                    <span
+                      class="filter_option_text"
+                      translate="COMPONENTS.TOPIC_IDEATION.IDEA_FILTER_TYPE"
+                    ></span>
+                    <span class="bold">
                       <span
                         *ngIf="!ideaFilters.type"
                         translate="COMPONENTS.TOPIC_IDEATION.FILTER_ALL"
@@ -898,6 +905,7 @@
                         {{
                           "COMPONENTS.TOPIC_IDEATION.FILTER_TYPE_MODERATED"
                             | translate
+                        }}</span
                       >
                     </span>
                   </a>

src/app/ideation/components/topic-ideation/topic-ideation.component.ts

@@ -29,7 +29,6 @@ import { LocationService } from '@services/location.service';
   selector: 'topic-ideation',
   templateUrl: './topic-ideation.component.html',
   styleUrls: ['./topic-ideation.component.scss'],
-  standalone: false
 })
 export class TopicIdeationComponent {
   @Input() ideation!: any;
@@ -247,6 +246,18 @@ export class TopicIdeationComponent {
     });
   }
 
+  get isCountryEstonia() {
+    return this.topic.country === 'Estonia';
+  }
+
+  get hasDemograficsField() {
+    return {
+      age: this.ideation.demographicsConfig?.age,
+      gender: this.ideation.demographicsConfig?.gender,
+      residence: this.ideation.demographicsConfig?.residence,
+    };
+  }
+
   get sortedSelectedAges() {
     return this.ideaFilters.age
       .sort((a, b) => {
@@ -266,18 +277,6 @@ export class TopicIdeationComponent {
     this.ideaFilters.search = value;
   }
 
-  get isCountryEstonia() {
-    return this.topic.country === 'Estonia';
-  }
-
-  get hasDemograficsField() {
-    return {
-      age: this.ideation.demographicsConfig?.age,
-      gender: this.ideation.demographicsConfig?.gender,
-      residence: this.ideation.demographicsConfig?.residence
-    };
-  }
-
   setType(type: string) {
     if (type === 'all' || typeof type !== 'string') type = '';
     this.ideaTypeFilter$.next(type);
@@ -597,9 +596,11 @@ export class TopicIdeationComponent {
   }
 
   showMobileOverlay() {
-    const filtersShow = Object.entries(this.mobileIdeaFilters).find(([key, value]) => {
-      return !!value;
-    });
+    const filtersShow = Object.entries(this.mobileIdeaFilters).find(
+      ([key, value]) => {
+        return !!value;
+      }
+    );
 
     if (filtersShow) return true;