Disaggregation Application
  1. Components
  2. AboutComponent

File

components/about/about.component.ts

Description

About page for static hazard application.

Metadata

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 static hazard 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>
      The static hazard curve application provides access to precomputed probabilisitic seismic
      hazard curves for USGS national seismic hazard models (NSHMs).
    </nshmp-about-description-title>
  </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>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""