geolba/tethys.frontend
6
0
Fork 1
Code Issues 7 Pull Requests Packages Projects 3 Releases 1 Wiki Activity

- better formating for datset coverage in dataset-detail.component.vue

Browse Source
This commit is contained in:
Arno Kaimbacher 2022-01-20 16:24:12 +01:00
parent 48c7b2a146
commit ae9ff3c24d
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/models/dataset.ts
View File

@ -206,35 +206,39 @@ export class DbDataset {
const xMax = this.coverage.x_max; const xMax = this.coverage.x_max;
const yMin = this.coverage.y_min; const yMin = this.coverage.y_min;
const yMax = this.coverage.y_max; const yMax = this.coverage.y_max;
let geoLocation = `SOUTH-BOUND LATITUDE: ${xMin}, const elevationAbsolut = this.coverage.elevation_absolut;
* WEST-BOUND LONGITUDE: ${yMin},
* NORTH-BOUND LATITUDE: ${xMax}, let geoLocation =
* EAST-BOUND LONGITUDE: ${yMax}`; "* SOUTH-BOUND LATITUDE: " + xMin + "\n" + "* WEST-BOUND LONGITUDE: " + yMin + "\n" + "* NORTH-BOUND LATITUDE: " + xMax + "\n" + "* EAST-BOUND LONGITUDE: " + yMax;
// geoLocation += elevationAbsolut != null ? ` * ELEVATION ABSOLUT: ${elevationAbsolut}\n` : "";
// ${elevationAbsolut ? ` * ELEVATION ABSOLUT: ${elevationAbsolut}\n` : ""} `;
let elevation = ""; let elevation = "";
if (this.coverage.elevation_max != null && this.coverage.elevation_min != null) { if (this.coverage.elevation_max != null && this.coverage.elevation_min != null) {
elevation += " * ELEVATION MIN: " + this.coverage.elevation_min + " * ELEVATION MAX: " + this.coverage.elevation_max; elevation += "\n* ELEVATION MIN: " + this.coverage.elevation_min + " *\nELEVATION MAX: " + this.coverage.elevation_max;
} }
if (this.coverage.elevation_absolut != null) { if (this.coverage.elevation_absolut != null) {
elevation += " * ELEVATION ABSOLUT: " + this.coverage.elevation_absolut; elevation += "\n* ELEVATION ABSOLUT: " + this.coverage.elevation_absolut;
} }
if (elevation != "") geoLocation += elevation; if (elevation != "") geoLocation += elevation;
let depth = ""; let depth = "";
if (this.coverage.depth_max != null && this.coverage.depth_min != null) { if (this.coverage.depth_max != null && this.coverage.depth_min != null) {
depth += " * DEPTH MIN: " + this.coverage.depth_min + " * DEPTH MAX: " + this.coverage.depth_max; depth += "\n* DEPTH MIN: " + this.coverage.depth_min + "\n* DEPTH MAX: " + this.coverage.depth_max;
} }
if (this.coverage.elevation_absolut != null) { if (this.coverage.elevation_absolut != null) {
depth += " * DEPTH ABSOLUT: " + this.coverage.depth_absolut; depth += "\n* DEPTH ABSOLUT: " + this.coverage.depth_absolut;
} }
if (depth != "") geoLocation += depth; if (depth != "") geoLocation += depth;
let time = ""; let time = "";
if (this.coverage.time_max != null && this.coverage.time_min != null) { if (this.coverage.time_max != null && this.coverage.time_min != null) {
time += " * TIME MIN: " + this.coverage.time_min + " * TIME MAX: " + this.coverage.time_max; time += "\n* TIME MIN: " + this.coverage.time_min + "\n* TIME MAX: " + this.coverage.time_max;
} }
if (this.coverage.time_absolut != null) { if (this.coverage.time_absolut != null) {
time += " * TIME ABSOLUT: " + this.coverage.time_absolut; time += "\n* TIME ABSOLUT: " + this.coverage.time_absolut;
} }
if (time != "") geoLocation += time; if (time != "") geoLocation += time;

2
src/views/dataset-detail.component/dataset-detail.component.vue
View File

@ -185,7 +185,7 @@
<div class="card"> <div class="card">
<div class="column"> <div class="column">
<h3 class="label uppercase">Abdeckung/Coverage</h3> <h3 class="label uppercase">Abdeckung/Coverage</h3>
<p> <p style="white-space: pre-wrap">
{{ dataset.Coverage }} {{ dataset.Coverage }}
</p> </p>
</div> </div>