Clemens Stolle klaemo

## package.json
npm i -D chokidar-cli

## gist:5b4ab529b2e02fb42361
function MyThing (name) {
  this.name = name
}

MyThing.prototype.sayHello = function () {
  return 'hello ' + this.name
}

var thing = new MyThing('Erik')
thing.sayHello()

## ablauf
AppView.renderSubview(starplot)
  -> starplot.initialize()
  -> starplot.render() (automatisch aufgerufen durch AppView.rendersubview)
    -> starplot.renderWithTemplate() (aufgerufen in starplot.render())
    // jetzt exisitert das HTML element starplot.el inklusive svg
    -> d3.select()...


## gist:61ff0bc2fd3b81490be6
var context = canvas.getContext('2d')
var img = new Image()

img.onload = function() {
  context.drawImage(img, 0, 0)
  window.URL.revokeObjectURL(this.src)
}

img.src = window.URL.createObjectURL(new Blob([data], {'type': 'image\/jpeg'}))

## schema
/*
Products flow from one location to another. This is tracked with deliveries.

Delivery:
  amount
  sourceId
  targetId
  productId
*/
Delivery.belongsTo(Location, { as: 'source' })

## mixin.js
var transitionend = require('transitionend-property')

module.exports = {
  onTransitionEnd: function(el, fn) {
    var self = this
    function handler(event) {
      fn.call(self, event)
      el.removeEventListener(event.type, handler)
    }
    el.addEventListener(transitionend, handler, false)

## style.css
body {
  font-family: Georgia, serif;
  color: #222;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

## index.html
<!-- in den <head> -->
<meta name="viewport" content="width=device-width, initial-scale=1">

## main.css
/* ganz ans Ende der main.css  */
body {
  margin: 0;
  padding: 14px;
  font-family: Georgia, serif;
  font-size: 16px;
  color: #222;
  line-height:1.5;
  background-color:white;
  background-position: top left;

## transaction.js
{
  "product": "product-id",
  "from": "storage",
  "to": "sold",
  "volume": 10
}
// or
{
  "product": "product-id",
  "from": "delivery",
	function MyThing (name) {
	this.name = name
	}

	MyThing.prototype.sayHello = function () {
	return 'hello ' + this.name
	}

	var thing = new MyThing('Erik')
	thing.sayHello()
	AppView.renderSubview(starplot)
	-> starplot.initialize()
	-> starplot.render() (automatisch aufgerufen durch AppView.rendersubview)
	-> starplot.renderWithTemplate() (aufgerufen in starplot.render())
	// jetzt exisitert das HTML element starplot.el inklusive svg
	-> d3.select()...
	var context = canvas.getContext('2d')
	var img = new Image()

	img.onload = function() {
	context.drawImage(img, 0, 0)
	window.URL.revokeObjectURL(this.src)
	}

	img.src = window.URL.createObjectURL(new Blob([data], {'type': 'image\/jpeg'}))
	/*
	Products flow from one location to another. This is tracked with deliveries.

	Delivery:
	amount
	sourceId
	targetId
	productId
	*/
	Delivery.belongsTo(Location, { as: 'source' })
	var transitionend = require('transitionend-property')

	module.exports = {
	onTransitionEnd: function(el, fn) {
	var self = this
	function handler(event) {
	fn.call(self, event)
	el.removeEventListener(event.type, handler)
	}
	el.addEventListener(transitionend, handler, false)
	body {
	font-family: Georgia, serif;
	color: #222;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
	<!-- in den <head> -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	/* ganz ans Ende der main.css */
	body {
	margin: 0;
	padding: 14px;
	font-family: Georgia, serif;
	font-size: 16px;
	color: #222;
	line-height:1.5;
	background-color:white;
	background-position: top left;
	{
	"product": "product-id",
	"from": "storage",
	"to": "sold",
	"volume": 10
	}
	// or
	{
	"product": "product-id",
	"from": "delivery",