postit-js-extensions

A collection of extensions for diagram-js based projects such as postit-js.

Installation

dependencies

• The extensions properties-panel, properties-panel-v2 and image-selection-v2 are dependent on functions in postit-js and the npm packages less, immutable, lodash
• properties-panel-v2 and image-selection-v2 are dependent on the extension entry-factory

npm install

You can install the project via npm directly from git:

npm install --save https://github.com/xanpj/postit-js-extensions

Then in your main loader choose the modules to import from the extensions.

import PostItExtensions from 'postit-js-extensions';
...
var modeler = new DiagramJsModeler({
    ...
    additionalModules: [
       ...
       PostItExtensions.DragDropImages,
       PostItExtensions.SelectionOrganizer,
     ]
 });

Manual install

Drag the folders of your chosen modules from this lib/features/ directory into your project's lib/features/ folder. Ensure you also drag any dependencies if necessary.

Your project needs to be a diagram-js based projects i.e. bpmn-js, postit-js etc.

Import the modules in your modeler.js (or the place where you add your modules)

import SelectionOrganizerModule from './features/selection-organizer';
import DragDropImagesModule from './features/drag-drop-images';

and add them as additionalModules (or _modelingModules in postit-js)

Modeler.prototype._modelingModules = [
  ...
  SelectionOrganizerModule,
  DragDropImagesModule
];

Modules

Drag-Drop-Images

Selection-Organizer

Properties-Panel

Properties-Panel v2

Image-Selection v2