From 291ae2f704812a0ba61f76be4ce8cfad2393d307 Mon Sep 17 00:00:00 2001
From: amirch1 <amir.chervinsky@kaltura.com>
Date: Wed, 24 Feb 2021 14:03:11 +0200
Subject: [PATCH] add domains filter to webcast and playlist views

---
 .../entry-webcast/filter/filter.component.html        |  8 ++++++++
 .../entry-webcast/filter/filter.component.scss        | 11 ++++++-----
 src/configuration/view-config.ts                      |  2 ++
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/app/modules/entry-webcast/filter/filter.component.html b/src/app/modules/entry-webcast/filter/filter.component.html
index 36da2e0ee..e436e63ad 100644
--- a/src/app/modules/entry-webcast/filter/filter.component.html
+++ b/src/app/modules/entry-webcast/filter/filter.component.html
@@ -26,6 +26,7 @@
                                         [selectedFilters]="_selectedValues['playbackType']"
                                         (itemSelected)="_onItemSelected($event, 'playbackType')"
                                         (itemUnselected)="_onItemUnselected($event, 'playbackType')"></app-checkboxes-list-filter>
+
           </div>
 
           <div class="kFilterContainerCol" *ngIf="_viewConfig.owners">
@@ -39,6 +40,13 @@
                                 [selectedFilters]="_selectedValues['countries']"
                                 (itemSelected)="_onItemSelected($event, 'countries')"
                                 (itemUnselected)="_onItemUnselected($event, 'countries')"></app-country-filter>
+
+            <app-domains-filters *ngIf="_viewConfig?.domains" style="margin-top: 24px"
+                                 [expandWidth]="!showAutocompleteGroup"
+                                 [dateFilter]="_dateFilter"
+                                 [selectedFilters]="_selectedValues['domains']"
+                                 (itemSelected)="_onItemSelected($event, 'domains')"></app-domains-filters>
+
           </div>
 
           <div class="kFilterContainerCol">
diff --git a/src/app/modules/entry-webcast/filter/filter.component.scss b/src/app/modules/entry-webcast/filter/filter.component.scss
index a6e4982ab..c00a295da 100644
--- a/src/app/modules/entry-webcast/filter/filter.component.scss
+++ b/src/app/modules/entry-webcast/filter/filter.component.scss
@@ -82,14 +82,15 @@ app-owners-filter, app-category-filter, app-country-filter, app-webcast-device-f
   padding-right: 24px;
 }
 
-app-webcast-device-filter, app-webcast-browser-filter {
-  margin-bottom: 24px;
-}
-
 :host ::ng-deep {
 
-  app-autocomplete-filter, app-dropdown-filter {
+  app-autocomplete-filter {
+    margin: 0;
+  }
+
+   app-dropdown-filter {
     margin: 0;
+     margin-bottom: 24px;
   }
 
   .ui-autocomplete-multiple-container {
diff --git a/src/configuration/view-config.ts b/src/configuration/view-config.ts
index 5c57f6c70..1cbca621a 100644
--- a/src/configuration/view-config.ts
+++ b/src/configuration/view-config.ts
@@ -200,6 +200,7 @@ export const viewsConfig = {
       owners: {},
       devices: {},
       browsers: {},
+      domains: {},
       os: {},
       geo: {}
     }
@@ -215,6 +216,7 @@ export const viewsConfig = {
       tags: {},
       owners: {},
       categories: {},
+      domains: {},
       geo: {},
     },
     details: {},