fsmview.js

var Backbone = require('backbone');




var FSM = Backbone.Model.extend({
	states: {
		"full": {
			: []
		},
		"guessed": {
			transitions: {}
		},
		"partial": {
			transitions: {}
		},
		"reset": {
			transitions: {}
		}
	},
	transition: function(options){
		this.emit('transition', {
			from: options.from,
			to: options.to,
			data: options.data
		});

		
	}
});


var FSMView = Backbone.View.extend({
	initialize: function  (options) {
		this.fsm = options.fsm;
		this.listenTo(this.fsm, 'transition', this.onTransition);
		// views have same names as states in model?

		this.viewForFull = FullView
		this.viewForPartial = PartialView
		this.viewForGuess = GuessView
	},
	onTransition: function(data){
		var old = data.from;
		var to = data.to;

		// this.toggle(this.currentView, this.views[to]);
		this.detach(this.currentView);
		this.attach(this.views[to]);
		
		this.emit('transitioned');
		
	}
});


module.exports = FSM;