Skip to content
Snippets Groups Projects
Commit 0eaff8df authored by Clayton, Brandon Scott's avatar Clayton, Brandon Scott
Browse files

add container

parent 9e465bc1
No related branches found
No related tags found
1 merge request!549Material Design 3
......@@ -13,12 +13,15 @@
[disabled]="hasData() === false"
>
<ng-template matTabContent>
<nshmp-lib-ng-data-table-panel
[table]="hazardTableData()"
[filename]="hazardFilename() | lowercase"
buttonText="Export Hazard as CSV"
title="Hazard Data"
/>
<div class="grid-container-widescreen">
<nshmp-lib-ng-data-table-panel
[table]="hazardTableData()"
[filename]="hazardFilename() | lowercase"
buttonText="Export Hazard as CSV"
title="Hazard Data"
class="grid-container-widescreen"
/>
</div>
</ng-template>
</mat-tab>
......@@ -29,12 +32,14 @@
[disabled]="hasData() === false"
>
<ng-template matTabContent>
<nshmp-lib-ng-data-table-panel
[table]="spectraTableData()"
[filename]="spectraFilename() | lowercase"
buttonText="Export Response Spectra as CSV"
title="Response Spectra Data"
/>
<div class="grid-container-widescreen">
<nshmp-lib-ng-data-table-panel
[table]="spectraTableData()"
[filename]="spectraFilename() | lowercase"
buttonText="Export Response Spectra as CSV"
title="Response Spectra Data"
/>
</div>
</ng-template>
</mat-tab>
</mat-tab-group>
......@@ -13,7 +13,9 @@
[disabled]="hasData() === false"
>
<ng-template matTabContent>
<app-curve-data />
<div class="grid-container-widescreen">
<app-curve-data />
</div>
</ng-template>
</mat-tab>
......@@ -24,7 +26,9 @@
[disabled]="hasData() === false"
>
<ng-template matTabContent>
<app-spectrum-data />
<div class="grid-container-widescreen">
<app-spectrum-data />
</div>
</ng-template>
</mat-tab>
</mat-tab-group>
@for (table of tables(); track table) {
<nshmp-lib-ng-data-table-panel
[table]="table.tables"
filename="geophysical-profiles.csv"
buttonText="Export to CSV"
[title]="table.title"
/>
}
<div class="grid-container-widescreen">
@for (table of tables(); track table) {
<nshmp-lib-ng-data-table-panel
[table]="table.tables"
filename="geophysical-profiles.csv"
buttonText="Export to CSV"
[title]="table.title"
/>
}
<mat-accordion>
<mat-expansion-panel expanded>
<mat-expansion-panel-header>
......
......@@ -13,7 +13,9 @@
[disabled]="hasData() === false"
>
<ng-template matTabContent>
<app-logic-tree />
<div class="grid-container-widescreen">
<app-logic-tree />
</div>
</ng-template>
</mat-tab>
......@@ -24,7 +26,9 @@
[disabled]="hasData() === false"
>
<ng-template matTabContent>
<app-data />
<div class="grid-container-widescreen">
<app-data />
</div>
</ng-template>
</mat-tab>
</mat-tab-group>
......@@ -9,24 +9,28 @@
<!-- Rate data -->
<mat-tab label="Rate Data" [disabled]="hasData() === false">
<ng-template matTabContent>
<nshmp-lib-ng-data-table-panel
[table]="rateTableData()"
buttonText="Export rates as CSV"
title="Rates"
filename="rates {{ parameters() }}.csv"
/>
<div class="grid-container-widescreen">
<nshmp-lib-ng-data-table-panel
[table]="rateTableData()"
buttonText="Export rates as CSV"
title="Rates"
filename="rates {{ parameters() }}.csv"
/>
</div>
</ng-template>
</mat-tab>
<!-- Probability data -->
<mat-tab label="Probability Data" [disabled]="hasData() === false">
<ng-template matTabContent>
<nshmp-lib-ng-data-table-panel
[table]="probabilityTableData()"
buttonText="Export probabilities as CSV"
title="Probabilities"
filename="probabilities {{ parameters() }}.csv"
/>
<div class="grid-container-widescreen">
<nshmp-lib-ng-data-table-panel
[table]="probabilityTableData()"
buttonText="Export probabilities as CSV"
title="Probabilities"
filename="probabilities {{ parameters() }}.csv"
/>
</div>
</ng-template>
</mat-tab>
</mat-tab-group>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment