soma.js/demos/clock-typescript/js/app/clock.ts

soma.js is a javascript framework created to build scalable and maintainable applications.

///<reference path='../../../../build/soma.d.ts'/>
///<reference path='models/timer.ts'/>
///<reference path='mediators/clock.ts'/>
///<reference path='views/selector.ts'/>
///<reference path='views/clocks/analog/analog.ts'/>
///<reference path='views/clocks/analog/face.ts'/>
///<reference path='views/clocks/analog/needle-hours.ts'/>
///<reference path='views/clocks/analog/needle-minutes.ts'/>
///<reference path='views/clocks/analog/needle-seconds.ts'/>

module clock {

	export class ClockApplication extends soma.Application {

		public element:HTMLElement;

		constructor(element) {
			this.element = element;
			super();
		}

		init():void {
			// mapping rules
			this.injector.mapClass('timer', TimerModel, true);
			this.injector.mapClass('face', FaceView);
			this.injector.mapClass('needleSeconds', NeedleSeconds);
			this.injector.mapClass('needleMinutes', NeedleMinutes);
			this.injector.mapClass('needleHours', NeedleHours);
			// clock mediator
			this.mediators.create(ClockMediator, <HTMLElement>this.element.querySelector('.clock'));
			// clock selector template
			this.createTemplate(SelectorView, <HTMLElement>this.element.querySelector('.clock-selector'));
		}

		start():void {
			this.dispatcher.dispatch('create', AnalogView);
		}

	}

}

new clock.ClockApplication(document.querySelector('.clock-app'));