add domains filter to webcast and playlist views

kaltura · Feb 24, 2021 · 291ae2f · 291ae2f
1 parent 039338c
commit 291ae2f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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: {},