/* use strict */
var app = angular.module('MyApp', []);

app.directive('restrictions', function ()
{
	return {
		restrict: 'A',
		link: function ()
		{
			console.log('I am an attribute');
		}
	}
})

.directive('elementrest', function ()
{
	return {
		restrict: 'E',
		link: function ()
		{
			console.log('I am an element');
		}
	}
})

.directive('classrest', function ()
{
	return {
		restrict: 'C',
		link: function ()
		{
			console.log('I am a class');
		}
	}
})

.directive('commentsrest', function ()
{
	return {
		restrict: 'M',
		link: function ()
		{
			console.log('I am a comment restriction');
		}
	}
})

.controller('ShieldCtrl', function ($scope)
{
	$scope.shieldNames = [];

	this.addReigns = function ()
	{
		$scope.shieldNames.push("Roman Reigns: Juggernaut");
	};

	this.addRollins = function ()
	{
		$scope.shieldNames.push("Seth Rollins: Architect");
	};

	this.addAmbrose = function ()
	{
		$scope.shieldNames.push("Dean Ambrose: Lunatic Fringe");
	};
})

.directive('theshield', function ()
{
	return {
		restrict: 'E',
		scope: {},
		controller: 'ShieldCtrl',
		link: function (scope, element, attrs)
		{
			element.bind('mouseenter', function ()
			{
				console.log(scope.shieldNames);
			});
		}
	}
})

.directive('reigns', function ()
{
	return {
		require: 'theshield',
		link: function (scope, element, attrs, ShieldCtrl)
		{
			ShieldCtrl.addReigns();
		}
	}
})

.directive('rollins', function ()
{
	return {
		require: 'theshield',
		link: function (scope, element, attrs, ShieldCtrl)
		{
			ShieldCtrl.addRollins();
		}
	}
})

.directive('ambrose', function ()
{
	return {
		require: 'theshield',
		link: function (scope, element, attrs, ShieldCtrl)
		{
			ShieldCtrl.addAmbrose();
		}
	}
})

.directive('interactiveBtn', function ()
{
	return {
		restrict: 'A',
		link: function (scope, element, attrs)
		{
			element.bind('mouseenter', function ()
			{
				element[0].innerText = "Rolled Over";
			});

			element.bind('mouseleave', function ()
			{
				element[0].innerText = "Rolled Out";
			});
		}
	}
})

.directive('walterwhite', function () 
{
	return {
		restrict: 'E',
		transclude: true,
		link: function (scope, element, attrs)
		{
			console.log(scope);
			console.log(element);
			console.log(attrs);
		}
	}
	/*return {
		restrict: 'E',
		transclude: true,
		template: '<h2>I am Heisenberg</h2>'
	}*/
})

/* use strict */
var app = angular.module("isolateApp", []);

app.controller("AppCtrl", function ($scope, $element)
{
	$scope.getMove = function (name, movetype, move)
	{
		console.log('' + name + ' performed a ' + movetype +
			' ' + move );
	}

	$scope.movetypes 	= ['Finisher', 'Offensive Move', 'Defensive Move'];
	$scope.movetype 	= $scope.movetypes[0];
})

.directive("character", function ()
{
	return {
		restrict: 'E',
		scope: {
			name: "@",
			image: "@",
			movetype: "=",
			useMove: '&'
		},
		templateUrl: 'partials/shield_isolate.html',
		controller: 'AppCtrl'
	}
})