kaiarn/geomon.viewer
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Wiki Activity

- start with first timestamp of first dataset in timeseries chart

Browse source
This commit is contained in:
Arno Kaimbacher 2021-10-27 11:43:43 +02:00
parent 799d08bd0b
commit 02fc2f26f4
4 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app/services/dataset.service.ts
View file

@ -60,6 +60,11 @@ export class DatasetService<T extends DatasetOptions> {
// } // }
options.visible = true; options.visible = true;
this.datasetOptions.set(internalId, options); this.datasetOptions.set(internalId, options);
if(this.datasetOptions.size == 1){
// this._timespan = new Timespan(options.firstValue.timestamp, options.lastValue.timestamp);
this._timespan = this.timeService.centerTimespan(this._timespan, new Date(options.firstValue.timestamp));
}
this.datasetIdsChanged.emit(this.datasetIds); this.datasetIdsChanged.emit(this.datasetIds);
return true; return true;

3
src/index.html
View file

@ -3,7 +3,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Geomonitoring GBA</title> <title>Geomonitoring GBA</title>
<base href="/"> <base href="/">

5
src/shared/models/options.ts
View file

@ -1,3 +1,5 @@
import { FirstLastValue } from './dataset';
export class DatasetOptions { export class DatasetOptions {
/** /**
@ -67,6 +69,9 @@ export class DatasetOptions {
*/ */
public yAxisRange?: MinMaxRange; public yAxisRange?: MinMaxRange;
public firstValue: FirstLastValue;
public lastValue: FirstLastValue;
constructor( constructor(
internalId: string, internalId: string,
color: string color: string

6
src/styles.scss
View file

@ -140,6 +140,10 @@ ul {
left: 30px; left: 30px;
right: 30px; right: 30px;
} }
// .canvas-area.column {
// padding: 0rem;
// }
@media only screen and (max-width:768px) { @media only screen and (max-width:768px) {
.mapDesktop { .mapDesktop {
bottom: 0px; bottom: 0px;
@ -148,7 +152,7 @@ ul {
right: 0px; right: 0px;
} }
.canvas-area.column { .canvas-area.column {
padding: 0%; padding: 0;
} }
} }