https://github.com/stadgent/vue_webcomponent_druktemeter
https://github.com/stadgent/vue_webcomponent_druktemeter
d09check22 lod vue web
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/stadgent/vue_webcomponent_druktemeter
- Owner: StadGent
- Created: 2021-02-02T15:55:55.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2022-12-13T23:57:32.000Z (over 3 years ago)
- Last Synced: 2025-05-13T18:03:04.961Z (about 1 year ago)
- Topics: d09check22, lod, vue, web
- Language: Vue
- Homepage:
- Size: 1.2 MB
- Stars: 0
- Watchers: 4
- Forks: 0
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Druktemeter
A vue based web component.
* Uses the [city of Ghent Style guide](https://www.npmjs.com/package/gent_styleguide)
* Uses
the [city of Ghent Open Data](https://data.stad.gent/explore/?disjunctive.keyword&disjunctive.theme&sort=modified)
* WCAG 2.1 AA compliant. If you do encounter problems, we urge you to create an issue.
## Properties
| Property | Type | Optional | Default | Description |
| ------------ | ------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- |
| reset | Boolean | yes | false | Should the gauge return to zero between each data fetch? |
| color | String | yes | undefined | Background color. |
| shadow | String | yes | undefined | Shadow color. |
| value | Number | yes | undefined | Set a fixed value. |
| heading | String | yes | Volg live hoe druk het is in centrum Gent | |
| legend | String | yes |
Groen: het is momenteel rustig in het centrum.
Oranje: er is veel volk in het centrum, je plant je bezoek beter op een ander moment.
Rood: kom niet naar het centrum, het is te druk.
| |
| green | String | yes | groen | |
| red | String | yes | rood | |
| orange | String | yes | oranje | |
| unknown | String | yes | ongekend | |
| nextUpdateIn | String | yes | Volgende update binnen | |
| minutes | String | yes | minuten | |
| minute | String | yes | minuut | |
| dataset | String | yes | druktebarometer-info&q=&sort=tijd_van_voltooien&rows=1 | Dataset ID + querystring. |
| timeout | String | yes | 590000 | Milliseconds between requests. |
| theme | String | yes | cs--cyan | Ghent Styleguide color scheme indicator. |
## Project setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn serve
```
### Build a single vue component as web component
```
yarn build
```
Take a look at the [demo page](./demo).
### Lints and fixes files
```
yarn lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).