Merge pull request #768 from IT-Academy-BCN/feature232/Add-logic-to-manage-language-tags-slected-filters

PR 1/2 - feat(challenge-filters): add logic to manage language tags selected filters

Author: ivilarop

CHANGELOG.md

@@ -4,6 +4,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to
 [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+### [ita-challenges-frontend-3.32.0-RELEASE] - 2026-02-25
+
+### Added
+- Functionality for filtering tags depending on the languages selected.
+
 ### [ita-challenges-frontend-3.31.0-RELEASE] - 2026-02-19
 
 ### Added

conf/.env.CI.dev

@@ -1,2 +1,2 @@
 MICROSERVICE_DEPLOY=ita-challenges-frontend
-MICROSERVICE_VERSION=3.31.0-RELEASE
+MICROSERVICE_VERSION=3.32.0-RELEASE

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ita-challenges-frontend",
-  "version": "3.31.0-RELEASE",
+  "version": "3.32.0-RELEASE",
    "scripts": {
     "ng": "ng",
     "start": "ng serve --proxy-config proxy.conf.dev.json",

src/app/modules/starter/components/challenge-filters-trigger/challenge-filters-trigger.component.html

@@ -86,14 +86,19 @@
         <legend class="h6 m-0 fw-bold">{{ 'modules.starter.challengeFiltersTrigger.tagsTitle' | translate }}</legend>
         <div class="d-flex gap-2"></div>
 
-        <div class="input-group">
-          <span class="input-group-text bg-white" aria-hidden="true">
-            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-              <circle cx="11" cy="11" r="7" />
-              <path d="M20 20l-3.5-3.5" />
-            </svg>
-          </span>
-          <input type="text" class="form-control" [placeholder]="('modules.starter.challengeFiltersTrigger.searchTagsPlaceholder' | translate)" />
+        <div *ngFor="let group of displayTags">
+          <strong>{{ group.language }}</strong>
+          <div class="d-flex flex-wrap gap-2 mt-1 mb-2">
+            <label *ngFor="let tag of group.tags" class="form-check">
+              <input
+                type="checkbox"
+                class="form-check-input"
+                [checked]="isTagSelected(tag.id_tag)"
+                (change)="toggleTag(tag.id_tag)"
+              />
+              {{ tag.tag_name }}
+            </label>
+          </div>
         </div>
       </fieldset>