lww.js

LWW - LightWeight Window

Tiny, simple JS library to create and manage multiple windows.

Demo: https://rawgit.com/yngve-sk/lww.js/master/demo-v2/index.html

Note: The text area inside the windows contain the configuration JSON object to get the window in its current state. Disregard the containerHandles in the config - these are calculated and does not need to be specified at all in the initial config.

Screenshots:

Lightweight JS windowing library. Features:

• Minimize to a dock
• Multiple docks
• Maximize windows
• Collapse windows
• Enable / disable features easily
• Smooth resizing and relocating behavior

Inspired by on drag-resize-snap by arctelix ( https://github.com/arctelix/drag-resize-snap ).

installation:

npm install lww.js

Usage/API:

TODO, see demo/ to see how it is used.

Gotchas

When injecting angular content, the window must be placed within the ng-app container. If your ng-app is simply the body of the document this will not be a problem. Otherwise, if your ng-app is inside another element, pass in that element:

LWWManager.setParent(ngAppContainerElement)

Contibuting:

Contributions + bug reports/fixes are very welcome, the source code is (hopefully) pretty straight forward. The code is divided into only 3 classes, and most of the code in window class is purely boilerplate.

But please note:

I want to keep the dependencies of this project to an absolute minimum, but if it can be justified of course adding an npm import is OK.

If you only need one or two functions, such as underscore.js rather paste the source of those two functions in the helper-bundle file. Otherwise please do not make pull requests requiring Bootstrap, JQuery and such, just use pure javascript.