Backbone Groundwork

Provides a structure for creating and displaying layered application views with toolbars, buttons, menus, and actions.

Installing & Using

npm install backbone-groundwork --save

Import the styles into your main less file

@import "node_modules/backbone-groundwork/src/style.less";

Include and create your views

let GW = require('backbone-groundwork')

let View = GW.SheetView.extend({
	title: 'My View',
	// ...
})

let appController = new GW.SheetsController()
let view = new View()

document.body.append(appController.render().el)

// later...
view.open()

Checkout ./demo/index.js for some more examples

Dependencies

• backbone.js stack (backbone, underscore, jquery)
• underscore.string
• kjantzer-backbone-subviews
• basic-buttons (unless you want to roll your own button and icons)

Optional (adds additional features)

• backbone-dropdown
• backbone-modal

TODO

• Sound files are not included yet
• Let user register sounds