From 8f7b20e81da17ea67f3bcba306182d45a5d23d24 Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Tue, 17 Dec 2024 13:22:19 -0700 Subject: [PATCH 01/15] switch to main content --- .../exceedance-explorer.spec.ts | 2 +- .../integration/hazard/disagg/disagg.spec.ts | 20 +++++++++---------- .../cypress/utils/nshmp-template.utils.ts | 18 ++++++++--------- .../cypress/utils/plot-lib.utils.ts | 2 +- projects/nshmp-apps/cypress/utils/utils.ts | 2 +- .../app/designmaps/rtgm/app.component.html | 4 ++-- .../src/app/designmaps/rtgm/app.component.ts | 4 ++-- .../hanging-wall-effects/app.component.html | 4 ++-- .../gmm/hanging-wall-effects/app.component.ts | 4 ++-- .../hazard/dynamic-compare/app.component.html | 4 ++-- .../hazard/dynamic-compare/app.component.ts | 4 ++-- .../exceedance-explorer/app.component.html | 4 ++-- .../math/exceedance-explorer/app.component.ts | 4 ++-- .../src/app/gmm/distance/app.component.html | 4 ++-- .../src/app/gmm/distance/app.component.ts | 4 ++-- .../src/app/gmm/magnitude/app.component.html | 4 ++-- .../src/app/gmm/magnitude/app.component.ts | 4 ++-- .../src/app/gmm/spectra/app.component.html | 4 ++-- .../src/app/gmm/spectra/app.component.ts | 4 ++-- .../src/app/hazard/disagg/app.component.html | 4 ++-- .../src/app/hazard/disagg/app.component.ts | 4 ++-- .../src/app/hazard/dynamic/app.component.html | 4 ++-- .../src/app/hazard/dynamic/app.component.ts | 4 ++-- .../src/app/hazard/static/app.component.html | 4 ++-- .../src/app/hazard/static/app.component.ts | 4 ++-- .../aws/check-haz-jobs/app.component.html | 4 ++-- .../aws/check-haz-jobs/app.component.ts | 4 ++-- .../aws/haz-job-history/app.component.html | 4 ++-- .../aws/haz-job-history/app.component.ts | 4 ++-- .../geophysical-profiles/app.component.html | 4 ++-- .../ncm/geophysical-profiles/app.component.ts | 4 ++-- .../src/app/source/mfd/app.component.html | 4 ++-- .../src/app/source/mfd/app.component.ts | 4 ++-- .../app/source/model-maps/app.component.html | 4 ++-- .../app/source/model-maps/app.component.ts | 4 ++-- .../src/app/source/rates/app.component.html | 4 ++-- .../src/app/source/rates/app.component.ts | 4 ++-- 37 files changed, 86 insertions(+), 86 deletions(-) diff --git a/projects/nshmp-apps/cypress/integration/dev/math/exceedance-explorer/exceedance-explorer.spec.ts b/projects/nshmp-apps/cypress/integration/dev/math/exceedance-explorer/exceedance-explorer.spec.ts index 909653115..f3f644ecb 100644 --- a/projects/nshmp-apps/cypress/integration/dev/math/exceedance-explorer/exceedance-explorer.spec.ts +++ b/projects/nshmp-apps/cypress/integration/dev/math/exceedance-explorer/exceedance-explorer.spec.ts @@ -20,7 +20,7 @@ describe('Exceedance Explorer Application', () => { utils.changePlotSettings('.exceedance-plot', '.exceedance-settings'); it('Has default plot', () => { - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('plotly-plot') .should('be.visible'); }); diff --git a/projects/nshmp-apps/cypress/integration/hazard/disagg/disagg.spec.ts b/projects/nshmp-apps/cypress/integration/hazard/disagg/disagg.spec.ts index ade920cfa..ec8be6590 100644 --- a/projects/nshmp-apps/cypress/integration/hazard/disagg/disagg.spec.ts +++ b/projects/nshmp-apps/cypress/integration/hazard/disagg/disagg.spec.ts @@ -34,7 +34,7 @@ describe('Disagg Application', () => { plotClass: 'hazard-lib-disagg-plot', }); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.export-button') .scrollIntoView() .click(); @@ -47,7 +47,7 @@ describe('Disagg Application', () => { plotClass: 'hazard-lib-disagg-plot', }); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.summary') .find('.summary-report') .scrollIntoView() @@ -68,25 +68,25 @@ describe('Disagg Application', () => { cy.get('.cdk-overlay-container').as('overlay'); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.component-select') .find('mat-select') .should('be.visible') .click(); cy.get('@overlay').find('mat-option').should('not.exist'); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.export-button') .should('be.visible') .should('not.be.enabled'); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.summary') .find('app-disagg-summary') .scrollIntoView() .should('not.be.visible'); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.summary') .find('app-disagg-contributors') .scrollIntoView() @@ -96,7 +96,7 @@ describe('Disagg Application', () => { plotClass: 'hazard-lib-disagg-plot', }); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.component-select') .scrollIntoView() .find('mat-select') @@ -105,20 +105,20 @@ describe('Disagg Application', () => { cy.get('@overlay').find('mat-option').should('have.length.above', 1); utils.selectMatOption('Total'); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.export-button') .scrollIntoView() .should('be.visible') .should('be.enabled') .click(); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.summary') .find('app-disagg-summary') .scrollIntoView() .should('be.visible'); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('.summary') .find('app-disagg-contributors') .scrollIntoView() diff --git a/projects/nshmp-apps/cypress/utils/nshmp-template.utils.ts b/projects/nshmp-apps/cypress/utils/nshmp-template.utils.ts index 86f9982fd..18cd9977a 100644 --- a/projects/nshmp-apps/cypress/utils/nshmp-template.utils.ts +++ b/projects/nshmp-apps/cypress/utils/nshmp-template.utils.ts @@ -121,7 +121,7 @@ export function hasNshmpTemplate(navList: NavigationList[]) { export function hasPlotContent() { it('Has plot content', () => { - cy.get('nshmp-template-plot-content').should('exist'); + cy.get('nshmp-template-main-content').should('exist'); }); } @@ -129,7 +129,7 @@ export function submitFormCheckPlot(options: CheckPlot) { options.intercept = options.intercept === undefined ? true : options.intercept; - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find(options.plotClass) .then(originalPlot => { if (options.intercept) { @@ -145,7 +145,7 @@ export function submitFormCheckPlot(options: CheckPlot) { cy.wait('@service-call'); } - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find(options.plotClass) .should(updatedPlot => { expect(originalPlot).to.not.equal(updatedPlot); @@ -157,10 +157,10 @@ export function submitFormCheckPlots(options: CheckPlots) { options.intercept = options.intercept === undefined ? true : options.intercept; - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find(options.firstPlotClass) .then(originalFirstPlot => { - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find(options.secondPlotClass) .then(originalSecondPlot => { if (options.intercept) { @@ -178,12 +178,12 @@ export function submitFormCheckPlots(options: CheckPlots) { }); } - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find(options.firstPlotClass) .should(updatedFirstPlot => { expect(originalFirstPlot).to.not.equal(updatedFirstPlot); }); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find(options.secondPlotClass) .should(updatedSecondPlot => { expect(originalSecondPlot).to.not.equal(updatedSecondPlot); @@ -214,9 +214,9 @@ export function togglePlotPanel() { .should('be.enabled') .as('plot-button'); - cy.get('nshmp-template-plot-content').should('exist'); + cy.get('nshmp-template-main-content').should('exist'); cy.get('@plot-button').click(); - cy.get('nshmp-template-plot-content').should('not.exist'); + cy.get('nshmp-template-main-content').should('not.exist'); }); } diff --git a/projects/nshmp-apps/cypress/utils/plot-lib.utils.ts b/projects/nshmp-apps/cypress/utils/plot-lib.utils.ts index 3aa50136d..7bd671a79 100644 --- a/projects/nshmp-apps/cypress/utils/plot-lib.utils.ts +++ b/projects/nshmp-apps/cypress/utils/plot-lib.utils.ts @@ -14,7 +14,7 @@ export function changePlotSettings(plotClass: string, settingsClass: string) { .find(settingsClass) .scrollIntoView() .as('plot-settings'); - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find(plotClass) .scrollIntoView() .as('plot'); diff --git a/projects/nshmp-apps/cypress/utils/utils.ts b/projects/nshmp-apps/cypress/utils/utils.ts index d71198b4e..c5fbc4f1e 100644 --- a/projects/nshmp-apps/cypress/utils/utils.ts +++ b/projects/nshmp-apps/cypress/utils/utils.ts @@ -1,7 +1,7 @@ import 'cypress'; export function hasApplicationTab(tabClass: string) { - cy.get('nshmp-template-plot-content') + cy.get('nshmp-template-main-content') .find('mat-tab-group') .find(tabClass) .should('be.visible') diff --git a/projects/nshmp-apps/src/app/designmaps/rtgm/app.component.html b/projects/nshmp-apps/src/app/designmaps/rtgm/app.component.html index cdf8fb7e3..464fe56b0 100644 --- a/projects/nshmp-apps/src/app/designmaps/rtgm/app.component.html +++ b/projects/nshmp-apps/src/app/designmaps/rtgm/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/designmaps/rtgm/app.component.ts b/projects/nshmp-apps/src/app/designmaps/rtgm/app.component.ts index 6131c2f82..b306d8a4a 100644 --- a/projects/nshmp-apps/src/app/designmaps/rtgm/app.component.ts +++ b/projects/nshmp-apps/src/app/designmaps/rtgm/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -21,7 +21,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateControlPanelComponent, NshmpTemplateContentContainerComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpLibNgAboutPageComponent, NshmpTemplateSettingsComponent, ControlPanelComponent, diff --git a/projects/nshmp-apps/src/app/dev/gmm/hanging-wall-effects/app.component.html b/projects/nshmp-apps/src/app/dev/gmm/hanging-wall-effects/app.component.html index ef6d2a880..996e7c48b 100644 --- a/projects/nshmp-apps/src/app/dev/gmm/hanging-wall-effects/app.component.html +++ b/projects/nshmp-apps/src/app/dev/gmm/hanging-wall-effects/app.component.html @@ -6,9 +6,9 @@ </nshmp-template-control-panel> <!-- Plots --> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <!-- Settings --> <nshmp-template-settings> diff --git a/projects/nshmp-apps/src/app/dev/gmm/hanging-wall-effects/app.component.ts b/projects/nshmp-apps/src/app/dev/gmm/hanging-wall-effects/app.component.ts index e892e8917..199bd29b0 100644 --- a/projects/nshmp-apps/src/app/dev/gmm/hanging-wall-effects/app.component.ts +++ b/projects/nshmp-apps/src/app/dev/gmm/hanging-wall-effects/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {devApps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -21,7 +21,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, NshmpLibNgAboutPageComponent, ControlPanelComponent, diff --git a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/app.component.html b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/app.component.html index 375b90fa6..e86be1762 100644 --- a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/app.component.html +++ b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/app.component.html @@ -6,9 +6,9 @@ </nshmp-template-control-panel> <!-- Plots --> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <!-- Settings --> <nshmp-template-settings> diff --git a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/app.component.ts b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/app.component.ts index f239fca48..22774c738 100644 --- a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/app.component.ts +++ b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/app.component.ts @@ -5,7 +5,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {devApps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -22,7 +22,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, NshmpLibNgHazardProvisionalModelComponent, NshmpLibNgAboutPageComponent, diff --git a/projects/nshmp-apps/src/app/dev/math/exceedance-explorer/app.component.html b/projects/nshmp-apps/src/app/dev/math/exceedance-explorer/app.component.html index 5e121fa46..3e40d662b 100644 --- a/projects/nshmp-apps/src/app/dev/math/exceedance-explorer/app.component.html +++ b/projects/nshmp-apps/src/app/dev/math/exceedance-explorer/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-plot /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/dev/math/exceedance-explorer/app.component.ts b/projects/nshmp-apps/src/app/dev/math/exceedance-explorer/app.component.ts index 6fd5c89d2..578861498 100644 --- a/projects/nshmp-apps/src/app/dev/math/exceedance-explorer/app.component.ts +++ b/projects/nshmp-apps/src/app/dev/math/exceedance-explorer/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {devApps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -25,7 +25,7 @@ import {PlotSettingsPanelComponent} from './components/plot-settings-panel/plot- NshmpLibNgTemplateComponent, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, NshmpLibNgAboutPageComponent, ControlPanelComponent, diff --git a/projects/nshmp-apps/src/app/gmm/distance/app.component.html b/projects/nshmp-apps/src/app/gmm/distance/app.component.html index cdf8fb7e3..464fe56b0 100644 --- a/projects/nshmp-apps/src/app/gmm/distance/app.component.html +++ b/projects/nshmp-apps/src/app/gmm/distance/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/gmm/distance/app.component.ts b/projects/nshmp-apps/src/app/gmm/distance/app.component.ts index 9c546cadf..92ff39db7 100644 --- a/projects/nshmp-apps/src/app/gmm/distance/app.component.ts +++ b/projects/nshmp-apps/src/app/gmm/distance/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -28,7 +28,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, NshmpLibNgAboutPageComponent, ControlPanelComponent, diff --git a/projects/nshmp-apps/src/app/gmm/magnitude/app.component.html b/projects/nshmp-apps/src/app/gmm/magnitude/app.component.html index cdf8fb7e3..464fe56b0 100644 --- a/projects/nshmp-apps/src/app/gmm/magnitude/app.component.html +++ b/projects/nshmp-apps/src/app/gmm/magnitude/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/gmm/magnitude/app.component.ts b/projects/nshmp-apps/src/app/gmm/magnitude/app.component.ts index 8e288d5cb..1d80636ca 100644 --- a/projects/nshmp-apps/src/app/gmm/magnitude/app.component.ts +++ b/projects/nshmp-apps/src/app/gmm/magnitude/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -28,7 +28,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateControlPanelComponent, NshmpTemplateContentContainerComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, NshmpLibNgAboutPageComponent, ControlPanelComponent, diff --git a/projects/nshmp-apps/src/app/gmm/spectra/app.component.html b/projects/nshmp-apps/src/app/gmm/spectra/app.component.html index cdf8fb7e3..464fe56b0 100644 --- a/projects/nshmp-apps/src/app/gmm/spectra/app.component.html +++ b/projects/nshmp-apps/src/app/gmm/spectra/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/gmm/spectra/app.component.ts b/projects/nshmp-apps/src/app/gmm/spectra/app.component.ts index d1b310367..ed3a8c451 100644 --- a/projects/nshmp-apps/src/app/gmm/spectra/app.component.ts +++ b/projects/nshmp-apps/src/app/gmm/spectra/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -28,7 +28,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateControlPanelComponent, NshmpTemplateContentContainerComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, NshmpLibNgAboutPageComponent, ControlPanelComponent, diff --git a/projects/nshmp-apps/src/app/hazard/disagg/app.component.html b/projects/nshmp-apps/src/app/hazard/disagg/app.component.html index c38decbf2..12181bf4b 100644 --- a/projects/nshmp-apps/src/app/hazard/disagg/app.component.html +++ b/projects/nshmp-apps/src/app/hazard/disagg/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> </nshmp-template-content-container> <!-- Provisional model warning --> diff --git a/projects/nshmp-apps/src/app/hazard/disagg/app.component.ts b/projects/nshmp-apps/src/app/hazard/disagg/app.component.ts index 048c8b8be..8b970cb29 100644 --- a/projects/nshmp-apps/src/app/hazard/disagg/app.component.ts +++ b/projects/nshmp-apps/src/app/hazard/disagg/app.component.ts @@ -5,7 +5,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; import {navigation} from 'projects/nshmp-apps/src/shared/utils/navigation.utils'; @@ -23,7 +23,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateControlPanelComponent, NshmpTemplateContentContainerComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpLibNgAboutPageComponent, NshmpLibNgHazardProvisionalModelComponent, ControlPanelComponent, diff --git a/projects/nshmp-apps/src/app/hazard/dynamic/app.component.html b/projects/nshmp-apps/src/app/hazard/dynamic/app.component.html index 03bdde34c..b7c70d9bd 100644 --- a/projects/nshmp-apps/src/app/hazard/dynamic/app.component.html +++ b/projects/nshmp-apps/src/app/hazard/dynamic/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/hazard/dynamic/app.component.ts b/projects/nshmp-apps/src/app/hazard/dynamic/app.component.ts index 084042bc4..b1ea4cd94 100644 --- a/projects/nshmp-apps/src/app/hazard/dynamic/app.component.ts +++ b/projects/nshmp-apps/src/app/hazard/dynamic/app.component.ts @@ -5,7 +5,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -25,7 +25,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateControlPanelComponent, NshmpTemplateContentContainerComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpLibNgAboutPageComponent, NshmpLibNgHazardProvisionalModelComponent, NshmpTemplateSettingsComponent, diff --git a/projects/nshmp-apps/src/app/hazard/static/app.component.html b/projects/nshmp-apps/src/app/hazard/static/app.component.html index cdf8fb7e3..464fe56b0 100644 --- a/projects/nshmp-apps/src/app/hazard/static/app.component.html +++ b/projects/nshmp-apps/src/app/hazard/static/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/hazard/static/app.component.ts b/projects/nshmp-apps/src/app/hazard/static/app.component.ts index 04a4ef74d..903650eab 100644 --- a/projects/nshmp-apps/src/app/hazard/static/app.component.ts +++ b/projects/nshmp-apps/src/app/hazard/static/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -24,7 +24,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateControlPanelComponent, NshmpTemplateContentContainerComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpLibNgAboutPageComponent, NshmpTemplateSettingsComponent, ControlPanelComponent, diff --git a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/app.component.html b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/app.component.html index 9e5ed1e20..30ea230dc 100644 --- a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/app.component.html +++ b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> </nshmp-template-content-container> <!-- About page --> diff --git a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/app.component.ts b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/app.component.ts index 0cbfa4c25..3c9c639c2 100644 --- a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/app.component.ts +++ b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, } from '@ghsc/nshmp-template'; import {internalApps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; import {internalNavigation} from 'projects/nshmp-apps/src/shared/utils/navigation.utils'; @@ -27,7 +27,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpLibNgAboutPageComponent, ControlPanelComponent, ContentComponent, diff --git a/projects/nshmp-apps/src/app/internal/aws/haz-job-history/app.component.html b/projects/nshmp-apps/src/app/internal/aws/haz-job-history/app.component.html index 9e5ed1e20..30ea230dc 100644 --- a/projects/nshmp-apps/src/app/internal/aws/haz-job-history/app.component.html +++ b/projects/nshmp-apps/src/app/internal/aws/haz-job-history/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> </nshmp-template-content-container> <!-- About page --> diff --git a/projects/nshmp-apps/src/app/internal/aws/haz-job-history/app.component.ts b/projects/nshmp-apps/src/app/internal/aws/haz-job-history/app.component.ts index 464e02855..c40822124 100644 --- a/projects/nshmp-apps/src/app/internal/aws/haz-job-history/app.component.ts +++ b/projects/nshmp-apps/src/app/internal/aws/haz-job-history/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, } from '@ghsc/nshmp-template'; import {internalApps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; import {internalNavigation} from 'projects/nshmp-apps/src/shared/utils/navigation.utils'; @@ -25,7 +25,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpLibNgAboutPageComponent, ControlPanelComponent, ContentComponent, diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/app.component.html b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/app.component.html index 7b42a2066..3f2a7bef6 100644 --- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/app.component.html +++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/app.component.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/app.component.ts index 32e2387a5..c1327eec0 100644 --- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/app.component.ts +++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/app.component.ts @@ -4,7 +4,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -21,7 +21,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateControlPanelComponent, NshmpTemplateContentContainerComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpLibNgAboutPageComponent, NshmpTemplateSettingsComponent, ControlPanelComponent, diff --git a/projects/nshmp-apps/src/app/source/mfd/app.component.html b/projects/nshmp-apps/src/app/source/mfd/app.component.html index 03bdde34c..b7c70d9bd 100644 --- a/projects/nshmp-apps/src/app/source/mfd/app.component.html +++ b/projects/nshmp-apps/src/app/source/mfd/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/source/mfd/app.component.ts b/projects/nshmp-apps/src/app/source/mfd/app.component.ts index 4caa9b025..509376c6d 100644 --- a/projects/nshmp-apps/src/app/source/mfd/app.component.ts +++ b/projects/nshmp-apps/src/app/source/mfd/app.component.ts @@ -5,7 +5,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateService, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; @@ -29,7 +29,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, NshmpLibNgHazardProvisionalModelComponent, NshmpLibNgAboutPageComponent, diff --git a/projects/nshmp-apps/src/app/source/model-maps/app.component.html b/projects/nshmp-apps/src/app/source/model-maps/app.component.html index 8c5371544..85fc7ab01 100644 --- a/projects/nshmp-apps/src/app/source/model-maps/app.component.html +++ b/projects/nshmp-apps/src/app/source/model-maps/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-map-content> + <nshmp-template-main-content> <app-map /> - </nshmp-template-map-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/source/model-maps/app.component.ts b/projects/nshmp-apps/src/app/source/model-maps/app.component.ts index b893795ad..7fc0ed3d6 100644 --- a/projects/nshmp-apps/src/app/source/model-maps/app.component.ts +++ b/projects/nshmp-apps/src/app/source/model-maps/app.component.ts @@ -6,7 +6,7 @@ import { AppControlsService, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplateMapContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -33,7 +33,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplateMapContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, NshmpLibNgHazardProvisionalModelComponent, NshmpLibNgAboutPageComponent, diff --git a/projects/nshmp-apps/src/app/source/rates/app.component.html b/projects/nshmp-apps/src/app/source/rates/app.component.html index 03bdde34c..b7c70d9bd 100644 --- a/projects/nshmp-apps/src/app/source/rates/app.component.html +++ b/projects/nshmp-apps/src/app/source/rates/app.component.html @@ -4,9 +4,9 @@ <app-control-panel /> </nshmp-template-control-panel> - <nshmp-template-plot-content> + <nshmp-template-main-content> <app-content /> - </nshmp-template-plot-content> + </nshmp-template-main-content> <nshmp-template-settings> <app-plot-settings-panel /> diff --git a/projects/nshmp-apps/src/app/source/rates/app.component.ts b/projects/nshmp-apps/src/app/source/rates/app.component.ts index 637796ffe..7cfe96535 100644 --- a/projects/nshmp-apps/src/app/source/rates/app.component.ts +++ b/projects/nshmp-apps/src/app/source/rates/app.component.ts @@ -5,7 +5,7 @@ import {NshmpLibNgTemplateComponent} from '@ghsc/nshmp-lib-ng/nshmp'; import { NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, } from '@ghsc/nshmp-template'; import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils'; @@ -22,7 +22,7 @@ import {AppService} from './services/app.service'; NshmpLibNgTemplateComponent, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, - NshmpTemplatePlotContentComponent, + NshmpTemplateMainContentComponent, NshmpTemplateSettingsComponent, NshmpLibNgHazardProvisionalModelComponent, NshmpLibNgAboutPageComponent, -- GitLab From 471cae90c03566c6ccfa3ab6fb5605c4b8d1835c Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Tue, 17 Dec 2024 13:24:44 -0700 Subject: [PATCH 02/15] update deps --- .npmrc | 1 + package-lock.json | 16 ++++++++-------- package.json | 4 ++-- 3 files changed, 11 insertions(+), 10 deletions(-) diff --git a/.npmrc b/.npmrc index fcdbb5524..c717fa022 100644 --- a/.npmrc +++ b/.npmrc @@ -1 +1,2 @@ @ghsc:registry=https://code.usgs.gov/api/v4/packages/npm/ +//code.usgs.gov/api/v4/packages/npm/:_authToken=${CI_JOB_TOKEN} diff --git a/package-lock.json b/package-lock.json index be43e15d3..45295cf9a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,8 +21,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^19.0.0", - "@ghsc/nshmp-template": "^19.1.1", + "@ghsc/nshmp-lib-ng": "^20.0.0", + "@ghsc/nshmp-template": "^20.0.0", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", @@ -4852,9 +4852,9 @@ } }, "node_modules/@ghsc/nshmp-lib-ng": { - "version": "19.0.0", - "resolved": "https://code.usgs.gov/api/v4/projects/12416/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-19.0.0.tgz", - "integrity": "sha1-bkwGldODNQFdbEMnMhOxFf8mp50=", + "version": "20.0.0", + "resolved": "https://code.usgs.gov/api/v4/projects/12417/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-20.0.0.tgz", + "integrity": "sha1-fm65gLh4m1jfipF1UnAGRyt/eGE=", "dependencies": { "tslib": "^2.3.0" }, @@ -4864,9 +4864,9 @@ } }, "node_modules/@ghsc/nshmp-template": { - "version": "19.1.1", - "resolved": "https://code.usgs.gov/api/v4/projects/1416/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-19.1.1.tgz", - "integrity": "sha1-p55HT0oEhcSv9ogKZJ33/2CoJc4=", + "version": "20.0.0", + "resolved": "https://code.usgs.gov/api/v4/projects/2650/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-20.0.0.tgz", + "integrity": "sha1-mdA6U3Dq8SgpBIYdMAPkuF1esjQ=", "dependencies": { "tslib": "^2.3.1" }, diff --git a/package.json b/package.json index 23890c4e6..03eb09590 100644 --- a/package.json +++ b/package.json @@ -45,8 +45,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^19.0.0", - "@ghsc/nshmp-template": "^19.1.1", + "@ghsc/nshmp-lib-ng": "^20.0.0", + "@ghsc/nshmp-template": "^20.0.0", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", -- GitLab From 3e2d22bca48af8752235a5f01fe7b38c803ced9b Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Tue, 17 Dec 2024 15:14:00 -0700 Subject: [PATCH 03/15] update deps --- package-lock.json | 16 ++++++++-------- package.json | 4 ++-- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index 45295cf9a..601abdb1c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,8 +21,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^20.0.0", - "@ghsc/nshmp-template": "^20.0.0", + "@ghsc/nshmp-lib-ng": "^20.2.0", + "@ghsc/nshmp-template": "^20.1.0", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", @@ -4852,9 +4852,9 @@ } }, "node_modules/@ghsc/nshmp-lib-ng": { - "version": "20.0.0", - "resolved": "https://code.usgs.gov/api/v4/projects/12417/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-20.0.0.tgz", - "integrity": "sha1-fm65gLh4m1jfipF1UnAGRyt/eGE=", + "version": "20.2.0", + "resolved": "https://code.usgs.gov/api/v4/projects/12417/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-20.2.0.tgz", + "integrity": "sha1-L9kUzY7HOqistFihyDie93a+rC0=", "dependencies": { "tslib": "^2.3.0" }, @@ -4864,9 +4864,9 @@ } }, "node_modules/@ghsc/nshmp-template": { - "version": "20.0.0", - "resolved": "https://code.usgs.gov/api/v4/projects/2650/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-20.0.0.tgz", - "integrity": "sha1-mdA6U3Dq8SgpBIYdMAPkuF1esjQ=", + "version": "20.1.0", + "resolved": "https://code.usgs.gov/api/v4/projects/2650/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-20.1.0.tgz", + "integrity": "sha1-PVpcqRcHucOuZk9FgkNHLvyFhWw=", "dependencies": { "tslib": "^2.3.1" }, diff --git a/package.json b/package.json index 03eb09590..87a2cc15c 100644 --- a/package.json +++ b/package.json @@ -45,8 +45,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^20.0.0", - "@ghsc/nshmp-template": "^20.0.0", + "@ghsc/nshmp-lib-ng": "^20.2.0", + "@ghsc/nshmp-template": "^20.1.0", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", -- GitLab From eebf291163e1b7f9a9602dc028449e7c295b3cc6 Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Tue, 17 Dec 2024 15:14:13 -0700 Subject: [PATCH 04/15] fix style --- projects/nshmp-apps/src/styles/_forms.scss | 2 +- projects/nshmp-apps/src/styles/_settings-panel.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/projects/nshmp-apps/src/styles/_forms.scss b/projects/nshmp-apps/src/styles/_forms.scss index c1f793ac6..b0816e9b0 100644 --- a/projects/nshmp-apps/src/styles/_forms.scss +++ b/projects/nshmp-apps/src/styles/_forms.scss @@ -6,7 +6,7 @@ @use '@ghsc/nshmp-template/styles/variables'; nshmp-template-control-panel form { - padding-bottom: 3em; + padding: 0 0.5em 4em; } /* Form buttons */ diff --git a/projects/nshmp-apps/src/styles/_settings-panel.scss b/projects/nshmp-apps/src/styles/_settings-panel.scss index 5255f646a..af4f946e3 100644 --- a/projects/nshmp-apps/src/styles/_settings-panel.scss +++ b/projects/nshmp-apps/src/styles/_settings-panel.scss @@ -2,11 +2,11 @@ * Styling for plot settings side panel */ -.app-content .app-content--side-panel, +.app-content .side-panel, .settings { /* Plot settings */ .settings-section { - .settings-section--label { + .label { font-weight: 900; font-size: 18px; } -- GitLab From 4ab8e1c20b7b6eab30b39db328caba3980d9af54 Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Tue, 17 Dec 2024 15:14:22 -0700 Subject: [PATCH 05/15] fix mat-icon --- .../disagg-contributors.component.html | 8 ++--- .../components/content/content.component.html | 12 +++---- .../snack-bar/snack-bar.component.html | 4 +-- .../components/form/form.component.html | 36 +++++++++---------- .../components/history/history.component.html | 4 +-- .../components/content/content.component.html | 2 +- .../control-panel.component.html | 4 +-- .../components/content/content.component.html | 16 ++++----- .../control-panel.component.html | 2 +- .../plot-settings-panel.component.html | 2 +- 10 files changed, 40 insertions(+), 50 deletions(-) diff --git a/projects/nshmp-apps/src/app/hazard/disagg/components/disagg-contributors/disagg-contributors.component.html b/projects/nshmp-apps/src/app/hazard/disagg/components/disagg-contributors/disagg-contributors.component.html index f055f198d..7367b3299 100644 --- a/projects/nshmp-apps/src/app/hazard/disagg/components/disagg-contributors/disagg-contributors.component.html +++ b/projects/nshmp-apps/src/app/hazard/disagg/components/disagg-contributors/disagg-contributors.component.html @@ -26,11 +26,9 @@ <tr> <th nowrap> Source Set - <mat-icon - class="down-arrow" - aria-label="Down arrow icon" - fontIcon="subdirectory_arrow_right" - /> + <mat-icon class="down-arrow" aria-label="Down arrow icon"> + subdirectory_arrow_right + </mat-icon> Source </th> <th nowrap>Type</th> diff --git a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/content/content.component.html b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/content/content.component.html index e3d7925dd..d5e18ca03 100644 --- a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/content/content.component.html +++ b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/content/content.component.html @@ -27,19 +27,15 @@ <span class="logs-toolbar-item"> <mat-button-toggle-group> <mat-button-toggle matTooltip="Scroll to Top" (click)="scrollTop()"> - <mat-icon - aria-label="Scroll to top" - fontIcon="vertical_align_top" - /> + <mat-icon aria-label="Scroll to top"> vertical_align_top </mat-icon> </mat-button-toggle> <mat-button-toggle matTooltip="Scroll to Bottom" (click)="scrollBottom()" > - <mat-icon - aria-label="Scroll to bottom" - fontIcon="vertical_align_bottom" - /> + <mat-icon aria-label="Scroll to bottom"> + vertical_align_bottom + </mat-icon> </mat-button-toggle> </mat-button-toggle-group> </span> diff --git a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/snack-bar/snack-bar.component.html b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/snack-bar/snack-bar.component.html index d39af3952..d5fca73b5 100644 --- a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/snack-bar/snack-bar.component.html +++ b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/snack-bar/snack-bar.component.html @@ -15,7 +15,7 @@ class="download-button" (click)="download()" > - <mat-icon aria-label="Download from cloud" fontIcon="cloud_download" /> + <mat-icon aria-label="Download from cloud"> cloud_download </mat-icon> </button> <button @@ -24,6 +24,6 @@ matTooltip="Click to dismiss" (click)="dismiss()" > - <mat-icon aria-label="Close" fontIcon="close" /> + <mat-icon aria-label="Close"> close </mat-icon> </button> </span> diff --git a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.html b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.html index a702754e0..83b088897 100644 --- a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.html +++ b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.html @@ -63,7 +63,7 @@ " /> <span matPrefix> - <mat-icon aria-label="Memory icon" fontIcon="memory" /> + <mat-icon aria-label="Memory icon">memory</mat-icon> </span> <a matSuffix @@ -73,7 +73,7 @@ target="__blank" color="primary" > - <mat-icon aria-label="Info icon" fontIcon="info" /> + <mat-icon aria-label="Info icon">info</mat-icon> </a> <mat-hint> The AWS EC2 instance type </mat-hint> <mat-error>Must not contain spaces</mat-error> @@ -110,7 +110,7 @@ [formControl]="form.controls.nshmpConfig.controls.email" /> <span matPrefix> - <mat-icon aria-label="Email icon" fontIcon="email" /> + <mat-icon aria-label="Email icon">email</mat-icon> </span> <mat-error>Must be a valid USGS email</mat-error> <mat-hint>Email to recieve notifications from AWS</mat-hint> @@ -138,7 +138,7 @@ " /> <span matPrefix> - <mat-icon aria-label="Code icon" fontIcon="code" /> + <mat-icon aria-label="Code icon">code</mat-icon> </span> <a matSuffix @@ -148,7 +148,7 @@ target="__blank" color="primary" > - <mat-icon aria-label="Info icon" fontIcon="info" /> + <mat-icon aria-label="Info icon">info</mat-icon> </a> <mat-error> Must be a valid URL ending in <code>.git</code> @@ -170,7 +170,7 @@ " /> <span matPrefix> - <mat-icon aria-label="Code icon" fontIcon="code" /> + <mat-icon aria-label="Code icon">code</mat-icon> </span> <mat-hint> The branch, tag, or commit of the nshmp-haz repository @@ -195,7 +195,7 @@ } </mat-select> <span matPrefix> - <mat-icon aria-label="Code icon" fontIcon="code" /> + <mat-icon aria-label="Code icon">code</mat-icon> </span> <a matSuffix @@ -205,7 +205,7 @@ target="__blank" color="primary" > - <mat-icon aria-label="Info icon" fontIcon="info" /> + <mat-icon aria-label="Info icon">info</mat-icon> </a> <mat-hint>Java class name of class to run</mat-hint> </mat-form-field> @@ -238,7 +238,7 @@ " /> <span matPrefix> - <mat-icon aria-label="Code icon" fontIcon="code" /> + <mat-icon aria-label="Code icon">code</mat-icon> </span> <a matSuffix @@ -248,7 +248,7 @@ target="__blank" color="primary" > - <mat-icon aria-label="Info icon" fontIcon="info" /> + <mat-icon aria-label="Info icon">info</mat-icon> </a> <mat-error> Must be a valid URL ending in <code>.git</code> @@ -276,7 +276,7 @@ " /> <span matPrefix> - <mat-icon aria-label="Code icon" fontIcon="code" /> + <mat-icon aria-label="Code icon">code</mat-icon> </span> <mat-error> Must be a valid URL ending in <code>.git</code> @@ -311,7 +311,7 @@ " /> <span matPrefix> - <mat-icon aria-label="Plot icon" fontIcon="show_chart" /> + <mat-icon aria-label="Plot icon">show_chart</mat-icon> </span> <a matSuffix @@ -321,7 +321,7 @@ target="__blank" color="primary" > - <mat-icon aria-label="Info icon" fontIcon="info" /> + <mat-icon aria-label="Info icon">info</mat-icon> </a> <mat-hint>The Git URL to the NSHM repository</mat-hint> <mat-error> @@ -343,9 +343,7 @@ " /> <span matPrefix> - <mat-icon aria-label="Code icon" fontIcon="code" - >code</mat-icon - > + <mat-icon aria-label="Code icon">code</mat-icon> </span> <mat-error>Must not contain spaces</mat-error> <mat-hint> @@ -366,7 +364,7 @@ " /> <span matPrefix> - <mat-icon aria-label="Folder icon" fontIcon="folder" /> + <mat-icon aria-label="Folder icon">folder</mat-icon> </span> <mat-error>Must not contain spaces</mat-error> <mat-hint>Path inside tarball to model</mat-hint> @@ -412,7 +410,7 @@ " /> <span matPrefix> - <mat-icon aria-label="Note icon" fontIcon="note_add" /> + <mat-icon aria-label="Note icon">note_add</mat-icon> </span> <a matSuffix @@ -422,7 +420,7 @@ target="__blank" color="primary" > - <mat-icon aria-label="Info icon" fontIcon="info" /> + <mat-icon aria-label="Info icon">info</mat-icon> </a> <mat-error> Must be a valid URL </mat-error> <mat-hint diff --git a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.html b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.html index 100d4e3db..c3018fa9a 100644 --- a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.html +++ b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.html @@ -70,7 +70,7 @@ matTooltip="Download the configuration file" (click)="downloadConfiguration(serviceResponse)" > - <mat-icon fontIcon="download" aria-label="Download icon" /> + <mat-icon aria-label="Download icon">download</mat-icon> </button> <button @@ -81,7 +81,7 @@ service.clearHistory(serviceResponse.response.jobId) " > - <mat-icon fontIcon="delete" aria-label="Delete icon" /> + <mat-icon aria-label="Delete icon">delete</mat-icon> </button> </div> </mat-card-actions> diff --git a/projects/nshmp-apps/src/app/internal/aws/terminate-haz-jobs/components/content/content.component.html b/projects/nshmp-apps/src/app/internal/aws/terminate-haz-jobs/components/content/content.component.html index c227eda60..a741a9566 100644 --- a/projects/nshmp-apps/src/app/internal/aws/terminate-haz-jobs/components/content/content.component.html +++ b/projects/nshmp-apps/src/app/internal/aws/terminate-haz-jobs/components/content/content.component.html @@ -11,7 +11,7 @@ <mat-label>Job ID <span class="form-required">*</span></mat-label> <input matInput type="text" [formControl]="form.controls.id" /> <div matSuffix matTooltip="The id of the running job to terminate"> - <mat-icon aria-label="Info icon" fontIcon="info" /> + <mat-icon aria-label="Info icon">info</mat-icon> </div> <mat-hint>The id of the running job to terminate</mat-hint> </mat-form-field> diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.html b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.html index e09567342..74f774163 100644 --- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.html +++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.html @@ -81,7 +81,7 @@ class="margin-0 margin-top-neg-105" (click)="removeLocation(index)" > - <mat-icon fontIcon="remove" /> + <mat-icon>remove</mat-icon> </button> </span> } @@ -122,7 +122,7 @@ type="button" color="secondary" > - <mat-icon fontIcon="add" /> + <mat-icon>add</mat-icon> Add additional location </button> diff --git a/projects/nshmp-apps/src/app/services/components/content/content.component.html b/projects/nshmp-apps/src/app/services/components/content/content.component.html index fd7dbe5e0..c381cbe8b 100644 --- a/projects/nshmp-apps/src/app/services/components/content/content.component.html +++ b/projects/nshmp-apps/src/app/services/components/content/content.component.html @@ -30,17 +30,15 @@ > @if (sidenavCollapsed === false) { <div class="icon-text"> - <mat-icon - aria-label="Left arrow icon" - fontIcon="keyboard_double_arrow_left" - /> + <mat-icon aria-label="Left arrow icon"> + keyboard_double_arrow_left + </mat-icon> <span>Collapse sidebar</span> </div> } @else { - <mat-icon - aria-label="Right arrow icon" - fontIcon="keyboard_double_arrow_right" - /> + <mat-icon aria-label="Right arrow icon"> + keyboard_double_arrow_right + </mat-icon> } </button> </div> @@ -60,7 +58,7 @@ mat-icon-button (click)="onLinkIconClick(serviceGroup.id)" > - <mat-icon aria-label="Link Icon" fontIcon="link" /> + <mat-icon aria-label="Link Icon">link</mat-icon> </button> {{ serviceGroup.title }} </div> diff --git a/projects/nshmp-apps/src/app/source/model-maps/components/control-panel/control-panel.component.html b/projects/nshmp-apps/src/app/source/model-maps/components/control-panel/control-panel.component.html index 67e0d3417..47f433ac4 100644 --- a/projects/nshmp-apps/src/app/source/model-maps/components/control-panel/control-panel.component.html +++ b/projects/nshmp-apps/src/app/source/model-maps/components/control-panel/control-panel.component.html @@ -1,6 +1,6 @@ <form [formGroup]="formGroup" class="height-full overflow-auto"> <div class="settings-section"> - <mat-label class="settings-section--label">Model Layers</mat-label> + <mat-label class="label">Model Layers</mat-label> <div class="settings-subsection padding-top-1"> <div class="settings-subsection--section"> <nshmp-lib-ng-hazard-model-form diff --git a/projects/nshmp-apps/src/app/source/model-maps/components/plot-settings-panel/plot-settings-panel.component.html b/projects/nshmp-apps/src/app/source/model-maps/components/plot-settings-panel/plot-settings-panel.component.html index a9c8dbb79..9b096a51c 100644 --- a/projects/nshmp-apps/src/app/source/model-maps/components/plot-settings-panel/plot-settings-panel.component.html +++ b/projects/nshmp-apps/src/app/source/model-maps/components/plot-settings-panel/plot-settings-panel.component.html @@ -1,6 +1,6 @@ <div class="height-full overflow-auto"> <div class="settings-section"> - <mat-label class="settings-section--label">Map Settings</mat-label> + <mat-label class="label">Map Settings</mat-label> <div class="padding-x-2"> <div class="padding-top-2"> -- GitLab From 0b08649543042154af36a03d60a4446bc6d0cf6a Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Tue, 17 Dec 2024 15:34:38 -0700 Subject: [PATCH 06/15] switch image --- .gitlab-ci.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index d2c108618..44d8108be 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -4,7 +4,7 @@ variables: IMAGE_NAME: ${CODE_REGISTRY_IMAGE}/${CI_PROJECT_NAME}:${ENVIRONMENT}-${CI_COMMIT_SHORT_SHA} UPSTREAM_PATH: ghsc/nshmp/nshmp-apps -image: ${CI_REGISTRY}/devops/images/usgs/node:20 +image: ${CI_REGISTRY}/devops/images/usgs/node:latest # Do not run for merge requests workflow: -- GitLab From 8f70661364fa2a4c26097f66459c33dcb6e538d2 Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Tue, 17 Dec 2024 15:39:56 -0700 Subject: [PATCH 07/15] change image --- .gitlab-ci.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index 44d8108be..609fbccf5 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -4,7 +4,7 @@ variables: IMAGE_NAME: ${CODE_REGISTRY_IMAGE}/${CI_PROJECT_NAME}:${ENVIRONMENT}-${CI_COMMIT_SHORT_SHA} UPSTREAM_PATH: ghsc/nshmp/nshmp-apps -image: ${CI_REGISTRY}/devops/images/usgs/node:latest +image: ${CI_REGISTRY}/devops/images/usgs/node:lts # Do not run for merge requests workflow: -- GitLab From 0321409b8e2b42e952834fcd06a756d0b09287ed Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Wed, 18 Dec 2024 15:58:30 -0700 Subject: [PATCH 08/15] update deps --- package-lock.json | 16 ++++++++-------- package.json | 4 ++-- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index 601abdb1c..9c03fc72d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,8 +21,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^20.2.0", - "@ghsc/nshmp-template": "^20.1.0", + "@ghsc/nshmp-lib-ng": "^20.6.0", + "@ghsc/nshmp-template": "^20.3.0", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", @@ -4852,9 +4852,9 @@ } }, "node_modules/@ghsc/nshmp-lib-ng": { - "version": "20.2.0", - "resolved": "https://code.usgs.gov/api/v4/projects/12417/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-20.2.0.tgz", - "integrity": "sha1-L9kUzY7HOqistFihyDie93a+rC0=", + "version": "20.6.0", + "resolved": "https://code.usgs.gov/api/v4/projects/12417/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-20.6.0.tgz", + "integrity": "sha1-B5AQu40YIFC8qNQl98lK8Qi/irI=", "dependencies": { "tslib": "^2.3.0" }, @@ -4864,9 +4864,9 @@ } }, "node_modules/@ghsc/nshmp-template": { - "version": "20.1.0", - "resolved": "https://code.usgs.gov/api/v4/projects/2650/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-20.1.0.tgz", - "integrity": "sha1-PVpcqRcHucOuZk9FgkNHLvyFhWw=", + "version": "20.3.0", + "resolved": "https://code.usgs.gov/api/v4/projects/2650/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-20.3.0.tgz", + "integrity": "sha1-vtvBgvDKZTY+e1qNZE1PiekDq7M=", "dependencies": { "tslib": "^2.3.1" }, diff --git a/package.json b/package.json index 87a2cc15c..053e35ef9 100644 --- a/package.json +++ b/package.json @@ -45,8 +45,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^20.2.0", - "@ghsc/nshmp-template": "^20.1.0", + "@ghsc/nshmp-lib-ng": "^20.6.0", + "@ghsc/nshmp-template": "^20.3.0", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", -- GitLab From 9d14f129e82b2a1e400c2c7bc1d7f27c183a6991 Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Wed, 18 Dec 2024 15:58:45 -0700 Subject: [PATCH 09/15] change to signal --- .../components/plots/plots.component.html | 4 +-- .../components/plots/plots.component.ts | 26 +++++++--------- .../control-panel.component.html | 4 ++- .../control-panel/control-panel.component.ts | 2 ++ .../control-panel.component.html | 4 ++- .../control-panel/control-panel.component.ts | 2 ++ .../app/source/model-maps/app.component.ts | 30 +++++++++++-------- projects/nshmp-apps/src/styles/_forms.scss | 6 +--- 8 files changed, 40 insertions(+), 38 deletions(-) diff --git a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.html b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.html index 143182239..895ed83f7 100644 --- a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.html +++ b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.html @@ -6,8 +6,8 @@ <div class="grid-col-12 plots-panel widescreen:grid-col-6" [ngClass]="{ - 'panels-opened': panelsOpened$ | async, - 'desktop-lg:grid-col-6': panelsClosed$ | async, + 'panels-opened': panelsOpened(), + 'desktop-lg:grid-col-6': panelsClosed(), }" > <mat-accordion> diff --git a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.ts b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.ts index 21c9fae9e..2b3fbd277 100644 --- a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.ts +++ b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.ts @@ -13,9 +13,8 @@ import { NshmpLibNgPlotComponent, NshmpLibNgPlotsContainerComponent, } from '@ghsc/nshmp-lib-ng/plot'; -import {AppControlsService} from '@ghsc/nshmp-template'; +import {HeaderService} from '@ghsc/nshmp-template'; import {PlotlyPlot} from '@ghsc/nshmp-utils-ts/libs/plotly'; -import {map} from 'rxjs'; import {Plots} from '../../models/state.model'; import {AppService} from '../../services/app.service'; @@ -50,7 +49,6 @@ interface PlotInfo { MatExpansionPanelTitle, MatDivider, ParameterSummaryComponent, - AsyncPipe, ], selector: 'app-plots', styleUrl: './plots.component.scss', @@ -88,21 +86,17 @@ export class PlotsComponent { ); /** Wheather both the control and settings panels are closed */ - panelsClosed$ = this.controlsService.controlsChanged.pipe( - map( - () => - !this.controlsService.controlPanelIsSelected && - !this.controlsService.settingsIsSelected, - ), + panelsClosed = computed( + () => + !this.headerService.controlPanelSelected() && + !this.headerService.settingsSelected(), ); /** Wheather both the control and settings panels are opened */ - panelsOpened$ = this.controlsService.controlsChanged.pipe( - map( - () => - this.controlsService.controlPanelIsSelected && - this.controlsService.settingsIsSelected, - ), + panelsOpened = computed( + () => + this.headerService.controlPanelSelected() && + this.headerService.settingsSelected(), ); /** The plots */ @@ -132,6 +126,6 @@ export class PlotsComponent { constructor( private service: AppService, - private controlsService: AppControlsService, + private headerService: HeaderService, ) {} } diff --git a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/control-panel/control-panel.component.html b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/control-panel/control-panel.component.html index 71038f642..d5ded724e 100644 --- a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/control-panel/control-panel.component.html +++ b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/control-panel/control-panel.component.html @@ -7,7 +7,9 @@ <!-- Buttons --> <div class="form-buttons form-buttons--left grid-row" - [ngClass]="nshmpService.controlPanelButtonClass$ | async" + [ngClass]="{ + 'full-width': (nshmpTemplateService.isSmallScreen$ | async) === true, + }" > <div class="grid-col-6 padding-x-1"> <button diff --git a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/control-panel/control-panel.component.ts b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/control-panel/control-panel.component.ts index af369d2ad..d828dff8c 100644 --- a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/control-panel/control-panel.component.ts +++ b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/control-panel/control-panel.component.ts @@ -5,6 +5,7 @@ import {MatButton} from '@angular/material/button'; import {MatFormField, MatLabel} from '@angular/material/form-field'; import {MatInput} from '@angular/material/input'; import {NshmpService} from '@ghsc/nshmp-lib-ng/nshmp'; +import {NshmpTemplateService} from '@ghsc/nshmp-template'; import {AppService} from '../../services/app.service'; @@ -36,6 +37,7 @@ export class ControlPanelComponent { constructor( public service: AppService, public nshmpService: NshmpService, + public nshmpTemplateService: NshmpTemplateService, ) {} /** diff --git a/projects/nshmp-apps/src/app/internal/aws/haz-job-history/components/control-panel/control-panel.component.html b/projects/nshmp-apps/src/app/internal/aws/haz-job-history/components/control-panel/control-panel.component.html index 314f2f13c..905b0609c 100644 --- a/projects/nshmp-apps/src/app/internal/aws/haz-job-history/components/control-panel/control-panel.component.html +++ b/projects/nshmp-apps/src/app/internal/aws/haz-job-history/components/control-panel/control-panel.component.html @@ -21,7 +21,9 @@ <!-- Buttons --> <div class="form-buttons form-buttons--left grid-row" - [ngClass]="nshmpService.controlPanelButtonClass$ | async" + [ngClass]="{ + 'full-width': (nshmpTemplateService.isSmallScreen$ | async) === true, + }" > <div class="grid-col-12 padding-x-1"> <button diff --git a/projects/nshmp-apps/src/app/internal/aws/haz-job-history/components/control-panel/control-panel.component.ts b/projects/nshmp-apps/src/app/internal/aws/haz-job-history/components/control-panel/control-panel.component.ts index fc4f64264..00b5e267f 100644 --- a/projects/nshmp-apps/src/app/internal/aws/haz-job-history/components/control-panel/control-panel.component.ts +++ b/projects/nshmp-apps/src/app/internal/aws/haz-job-history/components/control-panel/control-panel.component.ts @@ -8,6 +8,7 @@ import {MatInput} from '@angular/material/input'; import {MatSelect} from '@angular/material/select'; import {JobStatus} from '@ghsc/nshmp-lib-ng/aws'; import {NshmpService, nshmpUtils} from '@ghsc/nshmp-lib-ng/nshmp'; +import {NshmpTemplateService} from '@ghsc/nshmp-template'; import {Subscription} from 'rxjs'; import {AppService} from '../../services/app.service'; @@ -43,6 +44,7 @@ export class ControlPanelComponent implements OnInit, OnDestroy { constructor( public nshmpService: NshmpService, + public nshmpTemplateService: NshmpTemplateService, private service: AppService, ) {} diff --git a/projects/nshmp-apps/src/app/source/model-maps/app.component.ts b/projects/nshmp-apps/src/app/source/model-maps/app.component.ts index 7fc0ed3d6..ead3d47b6 100644 --- a/projects/nshmp-apps/src/app/source/model-maps/app.component.ts +++ b/projects/nshmp-apps/src/app/source/model-maps/app.component.ts @@ -1,9 +1,15 @@ -import {Component, OnDestroy, OnInit, ViewEncapsulation} from '@angular/core'; +import { + Component, + effect, + OnDestroy, + OnInit, + ViewEncapsulation, +} 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 { - AppControlsService, + HeaderService, NshmpTemplateContentContainerComponent, NshmpTemplateControlPanelComponent, NshmpTemplateMainContentComponent, @@ -47,7 +53,7 @@ import {AppService} from './services/app.service'; styleUrl: './app.component.scss', templateUrl: './app.component.html', }) -export class AppComponent implements OnInit, OnDestroy { +export class AppComponent implements OnInit { /** Subscirption on controls change */ controlsSubscription: Subscription; /** Navigation list for meny */ @@ -57,18 +63,16 @@ export class AppComponent implements OnInit, OnDestroy { constructor( public service: AppService, - private controlsService: AppControlsService, - ) {} + private headerService: HeaderService, + ) { + effect(() => { + this.headerService.controlPanelSelected(); + this.headerService.settingsSelected(); + this.service.mapRedraw(); + }); + } ngOnInit() { this.service.init(); - - this.controlsSubscription = this.controlsService.controlsChanged.subscribe( - () => this.service.mapRedraw(), - ); - } - - ngOnDestroy(): void { - this.controlsSubscription?.unsubscribe(); } } diff --git a/projects/nshmp-apps/src/styles/_forms.scss b/projects/nshmp-apps/src/styles/_forms.scss index b0816e9b0..83c47be20 100644 --- a/projects/nshmp-apps/src/styles/_forms.scss +++ b/projects/nshmp-apps/src/styles/_forms.scss @@ -6,7 +6,7 @@ @use '@ghsc/nshmp-template/styles/variables'; nshmp-template-control-panel form { - padding: 0 0.5em 4em; + padding: 1em 0.5em 4em; } /* Form buttons */ @@ -24,10 +24,6 @@ nshmp-template-control-panel form { width: 100%; } -.form-buttons.half-width { - width: 50%; -} - .form-buttons--left { left: 0; } -- GitLab From aa3fecedcf97d1ebaecb3dfc28dc43bb43392ad7 Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Wed, 18 Dec 2024 16:13:47 -0700 Subject: [PATCH 10/15] lint fix --- .../dynamic-compare/components/plots/plots.component.ts | 2 +- .../nshmp-apps/src/app/source/model-maps/app.component.ts | 8 +------- 2 files changed, 2 insertions(+), 8 deletions(-) diff --git a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.ts b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.ts index 2b3fbd277..bec0fcca3 100644 --- a/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.ts +++ b/projects/nshmp-apps/src/app/dev/hazard/dynamic-compare/components/plots/plots.component.ts @@ -1,4 +1,4 @@ -import {AsyncPipe, NgClass} from '@angular/common'; +import {NgClass} from '@angular/common'; import {Component, computed, Signal} from '@angular/core'; import {MatDivider} from '@angular/material/divider'; import { diff --git a/projects/nshmp-apps/src/app/source/model-maps/app.component.ts b/projects/nshmp-apps/src/app/source/model-maps/app.component.ts index ead3d47b6..8e75d6ec5 100644 --- a/projects/nshmp-apps/src/app/source/model-maps/app.component.ts +++ b/projects/nshmp-apps/src/app/source/model-maps/app.component.ts @@ -1,10 +1,4 @@ -import { - Component, - effect, - OnDestroy, - OnInit, - ViewEncapsulation, -} from '@angular/core'; +import {Component, effect, OnInit, ViewEncapsulation} 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'; -- GitLab From 63eb843d82ae26088d67de036373437d6f41d9bb Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Wed, 18 Dec 2024 16:35:13 -0700 Subject: [PATCH 11/15] update deps --- .npmrc | 1 - package-lock.json | 16 ++++++++-------- package.json | 4 ++-- 3 files changed, 10 insertions(+), 11 deletions(-) diff --git a/.npmrc b/.npmrc index c717fa022..fcdbb5524 100644 --- a/.npmrc +++ b/.npmrc @@ -1,2 +1 @@ @ghsc:registry=https://code.usgs.gov/api/v4/packages/npm/ -//code.usgs.gov/api/v4/packages/npm/:_authToken=${CI_JOB_TOKEN} diff --git a/package-lock.json b/package-lock.json index 9c03fc72d..70b436c62 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,8 +21,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^20.6.0", - "@ghsc/nshmp-template": "^20.3.0", + "@ghsc/nshmp-lib-ng": "^19.1.0", + "@ghsc/nshmp-template": "^19.2.0", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", @@ -4852,9 +4852,9 @@ } }, "node_modules/@ghsc/nshmp-lib-ng": { - "version": "20.6.0", - "resolved": "https://code.usgs.gov/api/v4/projects/12417/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-20.6.0.tgz", - "integrity": "sha1-B5AQu40YIFC8qNQl98lK8Qi/irI=", + "version": "19.1.0", + "resolved": "https://code.usgs.gov/api/v4/projects/12416/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-19.1.0.tgz", + "integrity": "sha1-va+xPRwVSJfE+MqBQzPr9cgd4GY=", "dependencies": { "tslib": "^2.3.0" }, @@ -4864,9 +4864,9 @@ } }, "node_modules/@ghsc/nshmp-template": { - "version": "20.3.0", - "resolved": "https://code.usgs.gov/api/v4/projects/2650/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-20.3.0.tgz", - "integrity": "sha1-vtvBgvDKZTY+e1qNZE1PiekDq7M=", + "version": "19.2.0", + "resolved": "https://code.usgs.gov/api/v4/projects/1416/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-19.2.0.tgz", + "integrity": "sha1-GWzVMHsUqJeQ1uzvJ994rgfPUtk=", "dependencies": { "tslib": "^2.3.1" }, diff --git a/package.json b/package.json index 053e35ef9..1487858eb 100644 --- a/package.json +++ b/package.json @@ -45,8 +45,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^20.6.0", - "@ghsc/nshmp-template": "^20.3.0", + "@ghsc/nshmp-lib-ng": "^19.1.0", + "@ghsc/nshmp-template": "^19.2.0", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", -- GitLab From 719f6e67924ffcd5d51602084a0c49fe024a376b Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Thu, 19 Dec 2024 14:59:58 -0700 Subject: [PATCH 12/15] update deps --- package-lock.json | 16 ++++++++-------- package.json | 4 ++-- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index 70b436c62..52e209421 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,8 +21,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^19.1.0", - "@ghsc/nshmp-template": "^19.2.0", + "@ghsc/nshmp-lib-ng": "^19.2.2", + "@ghsc/nshmp-template": "^19.2.4", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", @@ -4852,9 +4852,9 @@ } }, "node_modules/@ghsc/nshmp-lib-ng": { - "version": "19.1.0", - "resolved": "https://code.usgs.gov/api/v4/projects/12416/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-19.1.0.tgz", - "integrity": "sha1-va+xPRwVSJfE+MqBQzPr9cgd4GY=", + "version": "19.2.2", + "resolved": "https://code.usgs.gov/api/v4/projects/12416/packages/npm/@ghsc/nshmp-lib-ng/-/@ghsc/nshmp-lib-ng-19.2.2.tgz", + "integrity": "sha1-qRBBKQrd6vYmo+IGz73WI9QIjM8=", "dependencies": { "tslib": "^2.3.0" }, @@ -4864,9 +4864,9 @@ } }, "node_modules/@ghsc/nshmp-template": { - "version": "19.2.0", - "resolved": "https://code.usgs.gov/api/v4/projects/1416/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-19.2.0.tgz", - "integrity": "sha1-GWzVMHsUqJeQ1uzvJ994rgfPUtk=", + "version": "19.2.4", + "resolved": "https://code.usgs.gov/api/v4/projects/1416/packages/npm/@ghsc/nshmp-template/-/@ghsc/nshmp-template-19.2.4.tgz", + "integrity": "sha1-YniUKBo7ycH/P7YuVE57oo2EWWQ=", "dependencies": { "tslib": "^2.3.1" }, diff --git a/package.json b/package.json index 1487858eb..c03496b4b 100644 --- a/package.json +++ b/package.json @@ -45,8 +45,8 @@ "@bluehalo/ngx-leaflet": "^19.0.0", "@compodoc/compodoc": "^1.1.26", "@ghsc/disagg-d3": "^0.13.0", - "@ghsc/nshmp-lib-ng": "^19.1.0", - "@ghsc/nshmp-template": "^19.2.0", + "@ghsc/nshmp-lib-ng": "^19.2.2", + "@ghsc/nshmp-template": "^19.2.4", "@ghsc/nshmp-utils-ts": "^3.12.1", "angular-plotly.js": "^6.0.0", "d3": "^7.9.0", -- GitLab From ba3d5e307d2c28a60b2d4dcf36a3365100a7b796 Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Thu, 19 Dec 2024 15:00:06 -0700 Subject: [PATCH 13/15] chang to warn --- tsconfig.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tsconfig.json b/tsconfig.json index 6b0b78324..4789584f6 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -27,7 +27,7 @@ "strictStandalone": true, "extendedDiagnostics": { "checks": { - "unusedStandaloneImports": "error" + "unusedStandaloneImports": "warning" } } }, -- GitLab From c9ffa99b2da3fdc43ca9a0aee7e61c0c951ded31 Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Thu, 19 Dec 2024 15:00:25 -0700 Subject: [PATCH 14/15] change to 100 width --- .../control-panel-hazard.component.scss | 5 +++++ .../control-panel-input/control-panel-input.component.scss | 6 ++++++ 2 files changed, 11 insertions(+) diff --git a/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-hazard/control-panel-hazard.component.scss b/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-hazard/control-panel-hazard.component.scss index e69de29bb..2de7e2145 100644 --- a/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-hazard/control-panel-hazard.component.scss +++ b/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-hazard/control-panel-hazard.component.scss @@ -0,0 +1,5 @@ +body.small-screen :host ::ng-deep { + .form-buttons { + width: 100%; + } +} diff --git a/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.scss b/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.scss index 479ce114e..32da3bdb5 100644 --- a/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.scss +++ b/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.scss @@ -1,3 +1,9 @@ .hint { font-size: 10.9px; } + +body.small-screen :host ::ng-deep { + .form-buttons { + width: 100%; + } +} -- GitLab From a1177010d79b3b837d8b892443c73074d9df24f8 Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Thu, 19 Dec 2024 15:00:52 -0700 Subject: [PATCH 15/15] add function --- .../control-panel-input.component.html | 2 +- .../control-panel-input.component.ts | 18 +++++++- .../snack-bar/snack-bar.component.ts | 2 + .../control-panel.component.html | 2 +- .../control-panel/control-panel.component.ts | 11 ++++- .../control-panel/control-panel.component.ts | 43 +++++++++++-------- projects/nshmp-apps/src/styles/_forms.scss | 29 +------------ 7 files changed, 56 insertions(+), 51 deletions(-) diff --git a/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.html b/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.html index 4ac652ac5..cacbe9755 100644 --- a/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.html +++ b/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.html @@ -1,7 +1,7 @@ <form [formGroup]="formGroup" class="height-full overflow-auto padding-top-1" - (submit)="service.callService()" + (submit)="onSubmit()" > <!-- Building code --> <app-building-code-control [control]="formGroup.controls.buildingCode" /> diff --git a/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.ts b/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.ts index 019168b78..58e0d805a 100644 --- a/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.ts +++ b/projects/nshmp-apps/src/app/designmaps/rtgm/components/control-panel-input/control-panel-input.component.ts @@ -3,7 +3,10 @@ import {ReactiveFormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatError, MatHint, MatInputModule} from '@angular/material/input'; import {MatFormField, MatSelectModule} from '@angular/material/select'; -import {NshmpLibNgControlPanelButtonsComponent} from '@ghsc/nshmp-lib-ng/nshmp'; +import { + NshmpLibNgControlPanelButtonsComponent, + NshmpService, +} from '@ghsc/nshmp-lib-ng/nshmp'; import {Subscription} from 'rxjs'; import {AppService} from '../../services/app.service'; @@ -32,7 +35,10 @@ export class ControlPanelInputComponent implements OnInit, OnDestroy { subs: Subscription[] = []; - constructor(public service: AppService) {} + constructor( + public service: AppService, + private nshmpService: NshmpService, + ) {} ngOnInit(): void { const controls = this.formGroup.controls; @@ -55,4 +61,12 @@ export class ControlPanelInputComponent implements OnInit, OnDestroy { ngOnDestroy(): void { this.subs.forEach(sub => sub.unsubscribe()); } + + /** + * On form submit. + */ + onSubmit(): void { + this.service.callService(); + this.nshmpService.selectPlotControl(); + } } diff --git a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/snack-bar/snack-bar.component.ts b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/snack-bar/snack-bar.component.ts index 1fb833f5f..e031177e5 100644 --- a/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/snack-bar/snack-bar.component.ts +++ b/projects/nshmp-apps/src/app/internal/aws/check-haz-jobs/components/snack-bar/snack-bar.component.ts @@ -9,6 +9,7 @@ import { MatSnackBarLabel, } from '@angular/material/snack-bar'; import {MatTooltip} from '@angular/material/tooltip'; +import {NSHMP_TEMPLATE_PROVIDERS} from '@ghsc/nshmp-template'; /** * Angular material snackbar to show link to download results. @@ -24,6 +25,7 @@ import {MatTooltip} from '@angular/material/tooltip'; MatSnackBarAction, MatIcon, ], + providers: [NSHMP_TEMPLATE_PROVIDERS], selector: 'app-snack-bar', styleUrl: './snack-bar.component.scss', templateUrl: './snack-bar.component.html', diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.html b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.html index 74f774163..1defdd802 100644 --- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.html +++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.html @@ -2,7 +2,7 @@ <form class="height-full overflow-auto padding-top-1" [formGroup]="formGroup" - (submit)="service.callService()" + (submit)="onSubmit()" > @let depths = parameters()?.depths; @let location = parameters()?.location; diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.ts index 89484208d..9a76a3dc0 100644 --- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.ts +++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/control-panel/control-panel.component.ts @@ -13,6 +13,7 @@ import { import { FormGroupControls, NshmpLibNgControlPanelButtonsComponent, + NshmpService, } from '@ghsc/nshmp-lib-ng/nshmp'; import {NcmUsageParameter} from '@ghsc/nshmp-utils-ts/libs/ncm/geophysical'; import {Location} from '@ghsc/nshmp-utils-ts/libs/nshmp-lib/geo'; @@ -61,7 +62,10 @@ export class ControlPanelComponent implements OnInit, OnDestroy { private subs: Subscription[] = []; - constructor(public service: AppService) {} + constructor( + public service: AppService, + private nshmpService: NshmpService, + ) {} ngOnInit(): void { const controls = this.formGroup.controls; @@ -86,6 +90,11 @@ export class ControlPanelComponent implements OnInit, OnDestroy { this.subs.forEach(sub => sub.unsubscribe()); } + onSubmit(): void { + this.service.callService(); + this.nshmpService.selectPlotControl(); + } + removeLocation(index: number): void { this.formGroup.controls.locations.removeAt(index); } diff --git a/projects/nshmp-apps/src/app/source/rates/components/control-panel/control-panel.component.ts b/projects/nshmp-apps/src/app/source/rates/components/control-panel/control-panel.component.ts index 2cdb72325..93c1b8534 100644 --- a/projects/nshmp-apps/src/app/source/rates/components/control-panel/control-panel.component.ts +++ b/projects/nshmp-apps/src/app/source/rates/components/control-panel/control-panel.component.ts @@ -10,7 +10,10 @@ import { NshmpLibNgMapSelectSiteComponent, SelectSiteDialogData, } from '@ghsc/nshmp-lib-ng/map'; -import {NshmpLibNgControlPanelButtonsComponent} from '@ghsc/nshmp-lib-ng/nshmp'; +import { + NshmpLibNgControlPanelButtonsComponent, + NshmpService, +} from '@ghsc/nshmp-lib-ng/nshmp'; import {Location} from '@ghsc/nshmp-utils-ts/libs/nshmp-lib/geo'; import {environment} from 'projects/nshmp-apps/src/environments/environment'; import {Subscription} from 'rxjs'; @@ -55,7 +58,10 @@ export class ControlPanelComponent implements OnInit, OnDestroy { private subs: Subscription[] = []; - constructor(public service: AppService) {} + constructor( + public service: AppService, + private nshmpService: NshmpService, + ) {} ngOnInit(): void { const controls = this.formGroup.controls; @@ -83,6 +89,23 @@ export class ControlPanelComponent implements OnInit, OnDestroy { this.subs.forEach(sub => sub.unsubscribe()); } + onSubmit(): void { + this.service.callService(); + this.nshmpService.selectPlotControl(); + } + + /** + * Set the location form fields. + * + * @param location The location + */ + setLocation(location: Location): void { + this.formGroup.patchValue({ + latitude: location.latitude, + longitude: location.longitude, + }); + } + private onModelChange(): void { const {latitude, longitude} = this.formGroup.getRawValue(); const latitudeBounds = this.service.usage().response.latitude; @@ -106,20 +129,4 @@ export class ControlPanelComponent implements OnInit, OnDestroy { this.formGroup.controls.longitude.markAsPristine(); this.service.resetState(); } - - onSubmit(): void { - this.service.callService(); - } - - /** - * Set the location form fields. - * - * @param location The location - */ - setLocation(location: Location): void { - this.formGroup.patchValue({ - latitude: location.latitude, - longitude: location.longitude, - }); - } } diff --git a/projects/nshmp-apps/src/styles/_forms.scss b/projects/nshmp-apps/src/styles/_forms.scss index 83c47be20..bb6488c38 100644 --- a/projects/nshmp-apps/src/styles/_forms.scss +++ b/projects/nshmp-apps/src/styles/_forms.scss @@ -6,32 +6,5 @@ @use '@ghsc/nshmp-template/styles/variables'; nshmp-template-control-panel form { - padding: 1em 0.5em 4em; -} - -/* Form buttons */ -.form-buttons { - bottom: 0; - padding: 1em 0 0 0; - position: absolute; - width: variables.$side-panel-width; - z-index: 10; - background-color: mat.m2-get-color-from-palette(variables.$nshmp-accent); - box-shadow: 0 0 1px rgba(0, 0, 0, 0.8); -} - -.form-buttons.full-width { - width: 100%; -} - -.form-buttons--left { - left: 0; -} - -.form-buttons--right { - right: 0; -} - -body.dark-mode .form-buttons { - background-color: mat.m2-get-color-from-palette(variables.$nshmp-accent, 800); + padding: 1em 0.5em 1em; } -- GitLab