view client/docs/developers.md @ 4334:8ac59c8183e8

client: add showNumbers to AvailableFairwayDepth diagram * Add bootstrap button to the diagram legend. Below the the other options because of its lesser importance. * Change calculation of days from hours to use one precision after the decimal point to show that we are coming from summed hours. This shall lead to clarification what users expect, see code comment. * Draw the numbers close to the bars: Above for LDC and highestLevel, below for the "lowerLevels". * Enchance test data in docs/developers.md to cover more interesting cases.
author Bernhard Reiter <bernhard@intevation.de>
date Thu, 05 Sep 2019 14:50:05 +0200
parents 83eb99662a91
children dc5a10542e16
line wrap: on
line source

When developing wamos, check out

* [How translations are handled](dev-translations.md)
* [Rationale of some choices](dev-generalconsiderations.md)

## Hints

When testing the vuex store object can be accessed from the
webbrowsers console like

```javascript
store = document.getElementsByTagName('a')[0].__vue__.$store
```

This allows for setting test values where getting real test data
is complicated. For example testing the diagramm for the
fairwayavailability (tested with Chromium 73 und gemma-2019-09-04):

```javascript
data = store.state.fairwayavailability.csv

data=`#time,# < LDC (164.0) [h],# >= LDC (164.0) [h],# < 230.0 [h],# >= 230.0 [h],# >= 250.0 [h]
01-2019,0  ,744,  0,  0,744
02-2019,324,324,150,174,324
03-2019, 24,696, 80, 45, 50
04-2019,120,600, 24, 24,672.5
05-2019,140,80 , 80, 45, 50
06-2019,  0,  0,  0,  0,  0.000
07-2019,  0,300,  0,  0,  0
08-2019,  0,  0,744,  0,  0
09-2019,  0,720,  0, 96,624
`

store.commit("fairwayavailability/setAvailableFairwayDepthData", data)
```

(Depends on the code structure in store/fairwayavailability.js.)