Giter VIP home page Giter VIP logo

dmn-js-examples's Introduction

dmn-js Examples

This repository contains a number of examples showing how use and integrate dmn-js it into your applications.

Starter

Basic

  • bundling - an example how to install dmn-js via npm, use it in a node-style application and package it and the application code for the browser with Webpack.

Intermediate

License

MIT (unless noted otherwise)

dmn-js-examples's People

Contributors

bpmn-io-bot avatar maxtru avatar menski avatar mschoe avatar nikku avatar philippfromme avatar ricardomatias avatar sebastianstamm avatar zeropaper avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dmn-js-examples's Issues

Hyperlinks in starter return error 400

Describe the Bug

Hi, I was looking around at the examples and I noticed that the links on the starter examples page return the following error: 400 Bad Request. The user is not registered with the HTML service. To enable the service please contact https://twitter.com/staticallyio

Steps to Reproduce

Go to the webpage, click on one of the links.

Environment

  • This happened on the latest Firefox.

The simple-bower example produces read only table.

Hi there,

I'm playing with simple-bower example and managed to run and see dmn table editor, however, the table is in readonly mode. I can switch between hide/show details and open script popup dialog, but cannot edit anything.

Add custom-bunde example

Similar to bpmn-js we should provide an example how to roll custom bundles of dmn-js.

This should showcase:

  • Add new editor
  • Configure different editor
  • Extend without override

Add properties panel example

What should we do?

Add properties panel example.

Why should we do it?

So that the users know how to use dmn-js together with dmn-js-properties-panel.

Update diagrams to DMN 1.3

What should we do?

Update all diagrams to DMN 1.3.

Test examples, if they still work.

Why should we do it?

Support dmn-js@8.

Ooops, we could not display the DMN table - Cannot read property 'group' of undefined

I followed the setup-steps decribed here & at dmn-js readme

  • git clones of 5 projects
  • linking within node_modules folders
  • running node install
  • and finally a successful grunt

Then i (npm) linked dmn-js to modelers node_modules and did a

The modeler starts successfully and i can access it via http://localhost:9013/. But when i try to drag a DMN-file (took some of them) or click on "create a new table", i get

Ooops, we could not display the DMN table.
cause of the problem
Cannot read property 'group' of undefined

Any suggestions? Maybe some bootstrap stuff?

modeler example doesnt work with dmn-js 9

Describe the Bug

The dmn-js modeler examples doesnt run correctly with [email protected] (see below).

Steps to Reproduce

Checkout the modeler example and open the modeler.html page.

Screenshot_20200727_154344

I also tested v8.3.1 and with that version everything runs as expected.

Expected Behavior

The panel on the left side is loaded, the drill-downs are working, editing is possible, no errors in console.

Environment

  • Host (Browser/Node version), if applicable: Arch Linux, Chromium 83
  • Library version: See above.

Bundling example is incorrectly updated

Describe the Bug

The automatic update of dmn-js within bundling example is applied only to package.json which makes npm ci impossible due to version missmatch with package-lock.json.

E.g. 4629ba3
Notice how package.json is updated but package-lock.json stays intact.

Steps to Reproduce

Compare current version and version in package-lock.json: https://github.com/bpmn-io/dmn-js-examples/blob/master/bundling/package-lock.json#L1204

Expected Behavior

Both files are updated accordingly.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.