1 files changed, 46 insertions, 0 deletions
diff --git a/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/packages-dashboard/search-by-tags/search-by-tags.component.html b/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/packages-dashboard/search-by-tags/search-by-tags.component.html
new file mode 100644
index 000000000..ea6c742a0
--- /dev/null
+++ b/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/packages-dashboard/search-by-tags/search-by-tags.component.html
@@ -0,0 +1,46 @@
+<!--Nav Search & Filter-->
+<div class="col search-filter-col">
+    <div class="row">
+        <div class="col-7">
+            <div class="searchBox">
+                <input class="searchInput" (input)="searchPackages($event)" type="text" name="" placeholder="Search packages">
+                <button class="searchButton" href="#"></button>
+            </div>
+        </div>
+        <div class="col-5 pl-2">
+            <div class="dropdown packagesFilter w-100">
+                <input class="dropdown-toggle" type="text">
+                <div class="dropdown-text">ALL PACKAGES TAGS</div>
+                <ul class="dropdown-content w-100">
+                    <li>
+                        <div class="form-group">
+                            <input type="text" (input)="reloadChanges($event)" class="form-control" placeholder="Search" autofocus>
+                        </div>
+                    </li>
+                    <li *ngFor="let tag of viewedTags">
+                        <div class="custom-control custom-checkbox">
+                            <input type="checkbox" (click)="reloadPackages($event)" class="custom-control-input" id={{tag}}>
+                            <label class="custom-control-label" for={{tag}}>{{tag}}</label>
+                        </div>
+                        <!--<div class="custom-control custom-checkbox">
+                            <input type="checkbox" class="custom-control-input" id="customCheck2">
+                            <label class="custom-control-label" for="customCheck2">Check this custom
+                                checkbox</label>
+                        </div>
+                        <div class="custom-control custom-checkbox">
+                            <input type="checkbox" class="custom-control-input" id="customCheck3">
+                            <label class="custom-control-label" for="customCheck3">Check this custom
+                                checkbox</label>
+                        </div>
+                        <div class="custom-control custom-checkbox">
+                            <input type="checkbox" class="custom-control-input" id="customCheck4">
+                            <label class="custom-control-label" for="customCheck4">Check this custom
+                                checkbox</label>
+                        </div>-->
+                    </li>
+
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>