components/about/about.component.ts
About page for ground motion vs magnitude.
| selector | app-about |
| imports |
NshmpLibNgAboutContentComponent
NshmpLibNgAboutDescriptionComponent
NshmpLibNgAboutDescriptionTitleComponent
NshmpLibNgAboutUsingApplicationExpansionPanelComponent
NshmpLibNgAboutHeaderControlsComponent
NshmpLibNgAboutControlPanelComponent
NshmpLibNgAboutMainContentTabsComponent
NshmpLibNgAboutPlotlyComponent
NshmpLibNgAboutSettingsComponent
|
| templateUrl | ./about.component.html |
| styleUrl | ./about.component.scss |
Properties |
constructor()
|
|
Defined in components/about/about.component.ts:51
|
| tabInfo |
Type : AboutMainContentTab[]
|
Default value : [
{
tabDescription: 'Shows the ground motion vs. magnitude plots.',
tabTitle: 'Plots',
},
{
tabDescription:
'Shows the ground motion vs. magnitude median data in tabular form.',
tabTitle: 'Medians',
},
{
tabDescription:
'Shows the ground motion vs. magnitude standard deviation data in tabular form.',
tabTitle: 'Sigmas',
},
]
|
|
Defined in components/about/about.component.ts:36
|
|
About main content tabs |
import {Component} from '@angular/core';
import {
AboutMainContentTab,
NshmpLibNgAboutContentComponent,
NshmpLibNgAboutControlPanelComponent,
NshmpLibNgAboutDescriptionComponent,
NshmpLibNgAboutDescriptionTitleComponent,
NshmpLibNgAboutHeaderControlsComponent,
NshmpLibNgAboutMainContentTabsComponent,
NshmpLibNgAboutPlotlyComponent,
NshmpLibNgAboutSettingsComponent,
NshmpLibNgAboutUsingApplicationExpansionPanelComponent,
} from '@ghsc/nshmp-lib-ng/about';
/**
* About page for ground motion vs magnitude.
*/
@Component({
imports: [
NshmpLibNgAboutContentComponent,
NshmpLibNgAboutDescriptionComponent,
NshmpLibNgAboutDescriptionTitleComponent,
NshmpLibNgAboutUsingApplicationExpansionPanelComponent,
NshmpLibNgAboutHeaderControlsComponent,
NshmpLibNgAboutControlPanelComponent,
NshmpLibNgAboutMainContentTabsComponent,
NshmpLibNgAboutPlotlyComponent,
NshmpLibNgAboutSettingsComponent,
],
selector: 'app-about',
styleUrl: './about.component.scss',
templateUrl: './about.component.html',
})
export class AboutComponent {
/** About main content tabs */
tabInfo: AboutMainContentTab[] = [
{
tabDescription: 'Shows the ground motion vs. magnitude plots.',
tabTitle: 'Plots',
},
{
tabDescription:
'Shows the ground motion vs. magnitude median data in tabular form.',
tabTitle: 'Medians',
},
{
tabDescription:
'Shows the ground motion vs. magnitude standard deviation data in tabular form.',
tabTitle: 'Sigmas',
},
];
constructor() {}
}
<nshmp-lib-ng-about-content [showSavingSettingPanel]="false">
<nshmp-lib-ng-about-description>
<nshmp-lib-ng-about-description-title>
This application computes ground motions as a function of earthquake
magnitude for all GMMs supported by USGS hazard software.
</nshmp-lib-ng-about-description-title>
Use <code>ctrl</code>-click (Windows) or <code>command</code>-click (Mac) to
select multiple GMMs; use <code>shift</code>-click to select a range of
GMMs. When multiple GMMs are selected, the intensity measure type (IMT)
selector shows the set of spectral periods or other IMTs common to all
selected GMMs.
</nshmp-lib-ng-about-description>
<!-- Using this application panel -->
<nshmp-lib-ng-about-using-application-expansion-panel>
<!-- About the header controls -->
<nshmp-lib-ng-about-header-controls />
<!-- About the control panel -->
<nshmp-lib-ng-about-control-panel />
<!-- About main content -->
<nshmp-lib-ng-about-main-content-tabs [tabInfo]="tabInfo" />
<!-- About Plotly -->
<nshmp-lib-ng-about-plotly />
<!-- About settings -->
<nshmp-lib-ng-about-settings />
</nshmp-lib-ng-about-using-application-expansion-panel>
</nshmp-lib-ng-about-content>