diff --git a/src/atlasViewer/widgetUnit/widgetUnit.component.ts b/src/atlasViewer/widgetUnit/widgetUnit.component.ts index 4c0392deb9dbee9b7d284364e82e4913a85f6c36..ef4beb9bdfca4e6bc9f8fa6bfa290c8cb921adce 100644 --- a/src/atlasViewer/widgetUnit/widgetUnit.component.ts +++ b/src/atlasViewer/widgetUnit/widgetUnit.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewContainerRef,ComponentRef, HostBinding, HostListener, Output, EventEmitter, Input, ElementRef } from "@angular/core"; +import { Component, ViewChild, ViewContainerRef,ComponentRef, HostBinding, HostListener, Output, EventEmitter, Input, ElementRef, OnInit } from "@angular/core"; import { WidgetServices } from "./widgetService.service"; @@ -9,7 +9,7 @@ import { WidgetServices } from "./widgetService.service"; ] }) -export class WidgetUnit { +export class WidgetUnit implements OnInit{ @ViewChild('container',{read:ViewContainerRef}) container : ViewContainerRef @ViewChild('emptyspan',{read:ElementRef}) emtpy : ElementRef @@ -22,6 +22,13 @@ export class WidgetUnit { @HostBinding('style.height') height : string = this.state === 'docked' ? null : '0px' + get transform(){ + return this.state === 'floating' ? + `translate(${this.position[0]}px, ${this.position[1]}px)` : + `translate(0 , 0)` + } + + public canBeDocked: boolean = false @HostListener('mousedown') clicked(){ this.clickedEmitter.emit(this) @@ -44,6 +51,10 @@ export class WidgetUnit { public cf : ComponentRef<WidgetUnit> public widgetServices:WidgetServices + ngOnInit(){ + this.canBeDocked = typeof this.widgetServices.dockedContainer !== 'undefined' + } + /** * @param {boolean} * @description when new viewer is init, if this viewer will persist @@ -131,10 +142,4 @@ export class WidgetUnit { ev.dataTransfer.setDragImage(this.emtpy.nativeElement, 0, 0) } - get transform(){ - return this.state === 'floating' ? - `translate(${this.position[0]}px, ${this.position[1]}px)` : - `translate(0 , 0)` - } - } \ No newline at end of file diff --git a/src/atlasViewer/widgetUnit/widgetUnit.template.html b/src/atlasViewer/widgetUnit/widgetUnit.template.html index 3155ee86b5eee06ca5ac412c4f18db2110f12838..a036a55361470c9195628a51aee429439812d583 100644 --- a/src/atlasViewer/widgetUnit/widgetUnit.template.html +++ b/src/atlasViewer/widgetUnit/widgetUnit.template.html @@ -19,7 +19,7 @@ </div> </div> <div icons> - <i *ngIf = "state === 'floating'" + <i *ngIf = "canBeDocked && state === 'floating'" (click) = "dock($event)" class = "fas fa-window-minimize" hoverable></i>