diff --git a/src/components/dropdown/dropdown.component.ts b/src/components/dropdown/dropdown.component.ts index 7ca769c508b7edecd050f8d09baab7a1a5b0d4bb..69a07cf45af5a244f99f5fa3fe7824b833bbdef9 100644 --- a/src/components/dropdown/dropdown.component.ts +++ b/src/components/dropdown/dropdown.component.ts @@ -2,7 +2,7 @@ import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, HostLi import { dropdownAnimation } from "./dropdown.animation"; @Component({ - selector : 'dropdown', + selector : 'dropdown-component', templateUrl : './dropdown.template.html', styleUrls : [ `./dropdown.style.css` diff --git a/src/ui/banner/banner.style.css b/src/ui/banner/banner.style.css index d19243effd171fcbd4c7c394edf42ba7b9e7aaf9..14efb0cfb9c4d49911c33187701015529d3a3379 100644 --- a/src/ui/banner/banner.style.css +++ b/src/ui/banner/banner.style.css @@ -5,7 +5,7 @@ div[container] height:0px; } -dropdown, div[container] > div[searchRegionPopover] +dropdown-component, div[container] > div[searchRegionPopover] { margin-left:1em; height: 2em; diff --git a/src/ui/banner/banner.template.html b/src/ui/banner/banner.template.html index 4f891826ba06a792e7ae06ae7da03ae119767ec0..ebce3d077ac0b77800785d15eb47d00f64b7786e 100644 --- a/src/ui/banner/banner.template.html +++ b/src/ui/banner/banner.template.html @@ -3,21 +3,21 @@ <img src = "res/image/HBP_Primary_RGB_WhiteText.png" /> </span> <div container> - <dropdown + <dropdown-component (itemSelected) = "selectTemplate($event)" [activeDisplay] = "displayActiveTemplate" [selectedItem] = "selectedTemplate" [inputArray] = "loadedTemplates$ | async"> - </dropdown> + </dropdown-component> - <dropdown + <dropdown-component *ngIf = "selectedTemplate" (itemSelected) = "selectParcellation($event)" [activeDisplay] = "displayActiveParcellation" [selectedItem] = "selectedParcellation" [inputArray] = "selectedTemplate.parcellations"> - </dropdown> + </dropdown-component> <div *ngIf = "selectedTemplate"