deltares / fews-web-oc-components Goto Github PK

Add functionality to show a v-slider in combination with DateTimeSlider.
There are two options to implement this.

1. Include the v-slider in the DateTimeSlider component and add a property to disable showing the slider (as currently in use for the data-dashboard).
2. Add a slot slider to the DateTimeSlider component and pass the required data to the slot. When using the the DateSliderCompontent the v-slider can be put in the correct slot

Add a component for navigating a nested list of items with a column menu.

• Add value property with current object path + @input event
• Add tests + storybook
• Remove dependency on vue-router

Example: https://rwsos-dataservices-ont.avi.deltares.nl/iwp/

Use a Github workflow to build and deploy the component library to Github packages npm regristry.

Steps:

• test: npm ci & npm test
• publish: npm ci & npm publish

Deploy should only trigger for releases.
Example (but deploys to npmjs.com instead of Github packages)
https://github.com/Deltares/fews-pi-requests/blob/main/.github/workflows/npm-publish.yml

For more information:
https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry

Dependencies should be moved to devDepencies:

• @cypress/vue
• cross-env:
• cypress
• shx

The complete dist folder is missing from the published package.

The npm build step is required in the Github publish-ghp workflow.

Currently the components can't be imported in the Web-OC

• tree view with topology endpoint
• show display group depending on selected topology

The DateTimeSlider should work with date formats for the user Locale.