From 705d8228d980f8a17396a5bce92c4a57b5b6abc6 Mon Sep 17 00:00:00 2001
From: Sarah Abouzainah <sabouzainah.ext@orange.com>
Date: Mon, 2 Nov 2020 15:58:49 +0200
Subject: HTML: Add Attributes from Function - Modal

Issue-ID: CCSDK-2779

Signed-off-by: Sarah Abouzainah <sabouzainah.ext@orange.com>
Change-Id: I8f10cedad7ee88c658206ab31c69b564af470a7c
---
 .../filter-by-tags/filter-by-tags.component.html   | 25 ++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

(limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard')

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/filter-by-tags/filter-by-tags.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/filter-by-tags/filter-by-tags.component.html
index 494256eea..f2aaf5d3a 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/filter-by-tags/filter-by-tags.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/filter-by-tags/filter-by-tags.component.html
@@ -1,7 +1,8 @@
 <div class="dropdown packagesFilter w-100">
     <input class="dropdown-toggle" type="text">
-    <div class="dropdown-text">Filter By Tags <span class="fillteredTags">{{checkBoxTages.substr(0,checkBoxTages.length-1)}}</span></div>
-    <ul class="dropdown-content w-100">
+    <div class="dropdown-text">Filter By Tags <span
+            class="fillteredTags">{{checkBoxTages.substr(0,checkBoxTages.length-1)}}</span></div>
+    <!-- <ul class="dropdown-content w-100">
         <li>
             <div class="form-group">
                 <input type="text" (input)="reloadChanges($event)" class="form-control" placeholder="Search" autofocus>
@@ -14,5 +15,21 @@
             </div>
         </li>
         <li class="reset-filter"><a (click)="resetFilter()">Reset filter</a></li>
-    </ul>
-</div>
+    </ul> -->
+
+    <div class="dropdown-content w-100">
+        <div class="form-group">
+            <input type="text" (input)="reloadChanges($event)" class="form-control" placeholder="Search" autofocus>
+        </div>
+        <ul>
+            <li *ngFor="let tag of viewedTags">
+                <div class="custom-control custom-checkbox">
+                    <input type="checkbox" (click)="reloadPackages($event)" class="custom-control-input" id={{tag}}
+                        #checkboxes>
+                    <label class="custom-control-label" for={{tag}}>{{tag}}</label>
+                </div>
+            </li>
+        </ul>
+        <div class="reset-filter"><a (click)="resetFilter()">Reset filter</a></div>
+    </div>
+</div>
\ No newline at end of file
-- 
cgit 1.2.3-korg