components/about/about.component.ts
About page for GMM spectra application.
| selector | app-about |
| imports |
NshmpAboutContentComponent
NshmpAboutDescriptionComponent
NshmpAboutDescriptionTitleComponent
NshmpAboutUsingApplicationExpansionPanelComponent
NshmpAboutPlotlyComponent
NshmpAboutOptionsComponent
NshmpAboutNavMenuComponent
|
| templateUrl | ./about.component.html |
| styleUrl | ./about.component.scss |
import {Component} from '@angular/core';
import {
NshmpAboutContentComponent,
NshmpAboutDescriptionComponent,
NshmpAboutDescriptionTitleComponent,
NshmpAboutNavMenuComponent,
NshmpAboutOptionsComponent,
NshmpAboutPlotlyComponent,
NshmpAboutUsingApplicationExpansionPanelComponent,
} from '@ghsc/nshmp-lib-ng/about';
/**
* About page for GMM spectra application.
*/
@Component({
imports: [
NshmpAboutContentComponent,
NshmpAboutDescriptionComponent,
NshmpAboutDescriptionTitleComponent,
NshmpAboutUsingApplicationExpansionPanelComponent,
NshmpAboutPlotlyComponent,
NshmpAboutOptionsComponent,
NshmpAboutNavMenuComponent,
],
selector: 'app-about',
styleUrl: './about.component.scss',
templateUrl: './about.component.html',
})
export class AboutComponent {}
<nshmp-about-content>
<nshmp-about-description>
<nshmp-about-description-title>
This application computes deterministic response spectra for all GMMs supported by USGS hazard
software.
</nshmp-about-description-title>
The application control panel provides selectors for all parameters used by the supported set of
GMMs. Note that not all parameters may be used (or required) by a specific GMM. The application
supports selecting multiple GMMs for comparison, or a single GMM in combination with multiple
magnitudes or site classes (V<sub>S30</sub>). 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.
</nshmp-about-description>
<!-- Using this application panel -->
<nshmp-about-using-application-expansion-panel>
<nshmp-about-nav-menu />
<nshmp-about-options />
<nshmp-about-plotly />
</nshmp-about-using-application-expansion-panel>
</nshmp-about-content>