diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/phoenix-ui.module.ts b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/phoenix-ui.module.ts index 02c148dac..09f992828 100644 --- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/phoenix-ui.module.ts +++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/phoenix-ui.module.ts @@ -69,6 +69,7 @@ import { EventBrowserOverlayComponent, EtaPhiPanelComponent, EtaPhiPanelOverlayComponent, + MoreInfoComponent, } from './ui-menu'; import { AttributePipe } from '../services/extras/attribute.pipe'; @@ -86,6 +87,7 @@ const PHOENIX_COMPONENTS: Type[] = [ NavComponent, UiMenuWrapperComponent, UiMenuComponent, + MoreInfoComponent, CollectionsInfoComponent, GeometryBrowserComponent, GeometryBrowserOverlayComponent, diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.html b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.html index d5c36407e..dd7804f3a 100644 --- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.html +++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.html @@ -1,6 +1,6 @@ diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/index.ts b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/index.ts index e5223bde1..1dbd47bd2 100644 --- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/index.ts +++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/index.ts @@ -40,4 +40,5 @@ export * from './event-browser/event-browser.component'; export * from './event-browser/event-browser-overlay/event-browser-overlay.component'; export * from './eta-phi-panel/eta-phi-panel.component'; export * from './eta-phi-panel/eta-phi-panel-overlay/eta-phi-panel-overlay.component'; +export * from './more-info/more-info.component'; export * from './ui-menu-wrapper/ui-menu-wrapper.component'; diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.html b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.html index ff9d28e04..f3437591f 100644 --- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.html +++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.html @@ -1,7 +1,7 @@
    diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/more-info/more-info.component.html b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/more-info/more-info.component.html new file mode 100644 index 000000000..b3202be32 --- /dev/null +++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/more-info/more-info.component.html @@ -0,0 +1,101 @@ + +
    + + + + + +
    + + + + + + + + + + + diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/more-info/more-info.component.scss b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/more-info/more-info.component.scss new file mode 100644 index 000000000..e948ec79d --- /dev/null +++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/more-info/more-info.component.scss @@ -0,0 +1,15 @@ +.hidden-panels { + display: none; +} + +.item-content { + display: inline-flex; + align-items: center; +} + +.item-icon { + inline-size: 1.2rem; + block-size: 1.2rem; + margin-inline-end: 0.5rem; + fill: currentColor; +} diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/more-info/more-info.component.ts b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/more-info/more-info.component.ts new file mode 100644 index 000000000..c2d2dbb84 --- /dev/null +++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/more-info/more-info.component.ts @@ -0,0 +1,54 @@ +import { Component, Input, ViewChild } from '@angular/core'; +import { defaultUIMenuConfig, UIMenuConfig } from '../ui-menu.component'; +import { InfoPanelComponent } from '../info-panel/info-panel.component'; +import { EventBrowserComponent } from '../event-browser/event-browser.component'; +import { CollectionsInfoComponent } from '../collections-info/collections-info.component'; +import { EtaPhiPanelComponent } from '../eta-phi-panel/eta-phi-panel.component'; +import { GeometryBrowserComponent } from '../geometry-browser/geometry-browser.component'; + +@Component({ + standalone: false, + selector: 'app-more-info', + templateUrl: './more-info.component.html', + styleUrls: ['./more-info.component.scss'], +}) +export class MoreInfoComponent { + @Input() uiConfig: UIMenuConfig = defaultUIMenuConfig; + + @ViewChild('infoPanel') infoPanel: InfoPanelComponent; + @ViewChild('eventBrowser') eventBrowser: EventBrowserComponent; + @ViewChild('collectionsInfo') collectionsInfo: CollectionsInfoComponent; + @ViewChild('etaPhiPanel') etaPhiPanel: EtaPhiPanelComponent; + @ViewChild('geometryBrowser') geometryBrowser: GeometryBrowserComponent; + + showInfoPanel = false; + showEventBrowser = false; + showCollectionsInfo = false; + showEtaPhiPanel = false; + showGeometryBrowser = false; + + toggleInfoPanel() { + this.showInfoPanel = !this.showInfoPanel; + this.infoPanel?.toggleOverlay(); + } + + toggleEventBrowser() { + this.showEventBrowser = !this.showEventBrowser; + this.eventBrowser?.toggleOverlay(); + } + + toggleCollectionsInfo() { + this.showCollectionsInfo = !this.showCollectionsInfo; + this.collectionsInfo?.toggleOverlay(); + } + + toggleEtaPhiPanel() { + this.showEtaPhiPanel = !this.showEtaPhiPanel; + this.etaPhiPanel?.toggleOverlay(); + } + + toggleGeometryBrowser() { + this.showGeometryBrowser = !this.showGeometryBrowser; + this.geometryBrowser?.toggleOverlay(); + } +} diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/ui-menu.component.html b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/ui-menu.component.html index f0584a5e7..87e63c63c 100644 --- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/ui-menu.component.html +++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/ui-menu.component.html @@ -28,9 +28,6 @@ *ngIf="uiConfig.showObjectSelection" > - - - @@ -40,21 +37,8 @@ [animationPresets]="animationPresets" > - - - - - - - - - - - + +