diff --git a/src/ui/nehubaContainer/nehubaContainer.component.spec.ts b/src/ui/nehubaContainer/nehubaContainer.component.spec.ts index d1bf6c2729b766d917bd3b899ff4de252b314896..a8e45f21d612af7f801d4a0998514526b22e9043 100644 --- a/src/ui/nehubaContainer/nehubaContainer.component.spec.ts +++ b/src/ui/nehubaContainer/nehubaContainer.component.spec.ts @@ -406,6 +406,19 @@ describe('> nehubaContainer.component.ts', () => { // ).toEqual(true) }) }) + + describe('> side bar content', () => { + + /** + * TODO + */ + it('> if nothing is shown, it should show place holder text') + + /** + * TODO + */ + it('> if something (region features/connectivity) exists, placeh holder text should be hdiden') + }) }) }) }) \ No newline at end of file diff --git a/src/ui/nehubaContainer/nehubaContainer.template.html b/src/ui/nehubaContainer/nehubaContainer.template.html index b23d4cf6ded0908231fe9090e39d367fe85262ff..9be5d81f9eb6e105a7afad321f177b0b8bf905b9 100644 --- a/src/ui/nehubaContainer/nehubaContainer.template.html +++ b/src/ui/nehubaContainer/nehubaContainer.template.html @@ -379,6 +379,14 @@ #iavDbDirective="iavDatabrowserDirective"> </div> + <!-- place holder content, if no regional features or connectivity or change ref space options are available --> + <ng-template [ngIf]="iavDbDirective?.dataentries?.length === 0 + && !(selectedParcellation?.hasAdditionalViewMode?.includes('connectivity'))"> + <div class="p-4"> + No additional information on the selected region. + </div> + </ng-template> + <ng-container *ngTemplateOutlet="ngMatAccordionTmpl; context: { title: 'Regional features', desc: iavDbDirective?.dataentries?.length, @@ -408,9 +416,7 @@ desc: connectedCounterDir.value, iconClass: 'fas fa-braille', iconTooltip: connectedCounterDir.value | regionAccordionTooltipTextPipe : 'connectivity', - iavNgIf: selectedParcellation - && selectedParcellation.hasAdditionalViewMode - && selectedParcellation.hasAdditionalViewMode.includes('connectivity'), + iavNgIf: selectedParcellation?.hasAdditionalViewMode?.includes('connectivity'), content: connectivityContentTmpl }"> </ng-container>