app.component.ts
OnInit
selector | app-app |
imports |
NshmpLibNgTemplateComponent
NshmpTemplateContentContainerComponent
NshmpTemplateControlPanelComponent
NshmpTemplateMainContentComponent
NshmpTemplateSettingsComponent
NshmpLibNgHazardProvisionalModelComponent
NshmpLibNgAboutPageComponent
ControlPanelComponent
ContentComponent
PlotSettingsPanelComponent
AboutComponent
|
templateUrl | ./app.component.html |
styleUrl | ./app.component.scss |
Properties |
|
Methods |
constructor(service: AppService)
|
||||||
Defined in app.component.ts:42
|
||||||
Parameters :
|
ngOnInit |
ngOnInit()
|
Defined in app.component.ts:46
|
Returns :
void
|
navigationList |
Default value : devNavigation()
|
Defined in app.component.ts:40
|
Navigation list for menu |
Public service |
Type : AppService
|
Defined in app.component.ts:44
|
title |
Default value : devApps().hazard.dynamicCompare.display
|
Defined in app.component.ts:42
|
Application title |
import {Component, OnInit} from '@angular/core';
import {NshmpLibNgAboutPageComponent} from '@ghsc/nshmp-lib-ng/about';
import {NshmpLibNgHazardProvisionalModelComponent} from '@ghsc/nshmp-lib-ng/hazard';
import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp';
import {
NshmpTemplateContentContainerComponent,
NshmpTemplateControlPanelComponent,
NshmpTemplateMainContentComponent,
NshmpTemplateSettingsComponent,
} from '@ghsc/nshmp-template';
import {devApps} from 'projects/nshmp-apps/src/shared/utils/applications.utils';
import {devNavigation} from 'projects/nshmp-apps/src/shared/utils/navigation.utils';
import {AboutComponent} from './components/about/about.component';
import {ContentComponent} from './components/content/content.component';
import {ControlPanelComponent} from './components/control-panel/control-panel.component';
import {PlotSettingsPanelComponent} from './components/plot-settings-panel/plot-settings-panel.component';
import {AppService} from './services/app.service';
@Component({
imports: [
NshmpLibNgTemplateComponent,
NshmpTemplateContentContainerComponent,
NshmpTemplateControlPanelComponent,
NshmpTemplateMainContentComponent,
NshmpTemplateSettingsComponent,
NshmpLibNgHazardProvisionalModelComponent,
NshmpLibNgAboutPageComponent,
ControlPanelComponent,
ContentComponent,
PlotSettingsPanelComponent,
AboutComponent,
],
selector: 'app-app',
styleUrl: './app.component.scss',
templateUrl: './app.component.html',
})
export class AppComponent implements OnInit {
/** Navigation list for menu */
navigationList = devNavigation();
/** Application title */
title = devApps().hazard.dynamicCompare.display;
constructor(public service: AppService) {}
ngOnInit(): void {
this.service.init();
}
}
<nshmp-lib-ng-template [navigationList]="navigationList" [title]="title">
<nshmp-template-content-container>
<!-- Control panel -->
<nshmp-template-control-panel>
<app-control-panel />
</nshmp-template-control-panel>
<!-- Plots -->
<nshmp-template-main-content>
<app-content />
</nshmp-template-main-content>
<!-- Settings -->
<nshmp-template-settings>
<app-plot-settings-panel />
</nshmp-template-settings>
</nshmp-template-content-container>
<!-- Provisional model warning -->
<nshmp-lib-ng-hazard-provisional-model
[name]="service.usageModelA()?.response?.model?.name"
/>
<!-- Provisional model warning -->
<nshmp-lib-ng-hazard-provisional-model
[name]="service.usageModelB()?.response?.model?.name"
/>
<!-- About page -->
<nshmp-lib-ng-about-page>
<app-about />
</nshmp-lib-ng-about-page>
</nshmp-lib-ng-template>