systemjs-seed/src/app/login/login.js

seed project for systemjs and angular

import angular from 'angular';
import selectModule from 'common/components/select';
import dateModule from 'common/components/date';
import modalModule from 'common/components/modal';
import userModule from 'common/services/user';
import loginTpl from 'app/login/login.tpl';
import signupTpl from 'app/login/signup.tpl';
import './login.css!';


export var loginModule = angular.module('login',
	[selectModule.name, dateModule.name, modalModule.name, userModule.name, loginTpl.name, signupTpl.name]);

loginModule.config(function($stateProvider) {
	$stateProvider.state('login', {
		url: '/login',
		templateUrl: 'app/login/login.tpl.html',
		controller: 'LoginController'
	});

	$stateProvider.state('login.signup', {
		url: '/login/signup',
		templateUrl: 'app/login/signup.tpl.html'
	});
});

loginModule.controller('LoginController', $scope => {
	$scope.loggedin = false;

	$scope.$watch('theme', function(newVal, oldVal) {
		if (!newVal) return;

		System.import('assets/themes/' + newVal + '.css!').then(() => {
			angular.element(document.body).addClass(newVal).removeClass(oldVal);
		});

	});

});