First commit.

Author: bennadel

README.md

@@ -0,0 +1,9 @@
+
+# AngularJS Directive Controllers
+
+by (Ben Nadel)[1]
+
+This is an exploration of the use of Controllers in Directives as a means to faciliate
+inter-directive communication.
+
+[1] http://www.bennadel.com

app/controllers/master-controller.js

@@ -0,0 +1,82 @@
+(function( ng, app ) {
+
+	"use strict";
+
+	app.controller(
+		"MasterController",
+		function( $scope ) {
+
+
+			// -- Define Controller Methods. ---------------- //
+
+
+			// I get the next available ID for a new slave.
+			function getNextID() {
+
+				if ( ! $scope.slaves.length ) {
+
+					return( 1 );
+
+				}
+
+				var lastSlave = $scope.slaves[ $scope.slaves.length - 1 ];
+
+				return( lastSlave.id + 1 );
+
+			}
+
+
+			// -- Define Scope Methods. --------------------- //
+
+
+			// I add a new slave at the given position.
+			$scope.addSlave = function( x, y ) {
+
+				$scope.slaves.push({
+					id: getNextID(),
+					x: x,
+					y: y
+				});
+
+			};
+
+
+			// I remove the given slave from the collection.
+			$scope.removeSlave = function( slave ) {
+
+				// Find the slave in the collection.
+				var index = $scope.slaves.indexOf( slave );
+
+				// Splice out slave.
+				$scope.slaves.splice( index, 1 );
+
+			};
+
+
+			// I reposition the given slave.
+			$scope.repositionSlave = function( slave, x, y ) {
+
+				slave.x = x;
+				slave.y = y;
+
+			};
+
+
+			// -- Set Scope Variables. ---------------------- //
+
+
+			// This is our list of slaves and their coordinates. Starting with an initial
+			// collection of one.
+			$scope.slaves = [
+				{
+					id: 1,
+					x: 100,
+					y: 100
+				}
+			];
+
+
+		}
+	);
+
+})( angular, demo );

app/css/demo.css

@@ -0,0 +1,86 @@
+
+body {
+	font-family: tahoma, geneva, sans-serif ;
+	margin: 0px 0px 0px 0px ;
+	padding: 0px 0px 0px 0px ;
+}
+
+div.master {
+	bottom: 0px ;
+	left: 0px ;
+	position: fixed ;
+	right: 0px ;
+	top: 0px ;
+}
+
+ol.handles {
+	bottom: 0px ;
+	cursor: pointer ;
+	left: 0px ;
+	list-style-type: none ;
+	margin: 0px 0px 0px 0px ;
+	padding: 0px 0px 0px 0px ;
+	position: fixed ;
+	right: 200px ;
+	top: 0px ;
+}
+
+ol.handles li {
+	background-color: #F0F0F0 ;
+	border: 1px solid #CCCCCC ;
+	border-radius: 35px 35px 35px 35px ;
+	cursor: pointer ;
+	font-weight: bold ;
+	height: 35px ;
+	line-height: 34px ;
+	margin: -17.5px 0px 0px -17.5px ;
+	padding: 0px 0px 0px 0px ;
+	position: absolute ;
+	text-align: center ;
+	width: 35px ;
+}
+
+ol.leaderboard {
+	background-color: #F0F0F0 ;
+	bottom: 0px ;
+	list-style-type: none ;
+	margin: 0px 0px 0px 0px ;
+	overflow: auto ;
+	padding: 0px 0px 0px 0px ;
+	position: fixed ;
+	right: 0px ;
+	top: 0px ;
+	width: 200px ;
+}
+
+ol.leaderboard li {
+	border-bottom: 1px solid #CCCCCC ;
+	font-size: 16px ;
+	margin: 0px 0px 0px 0px ;
+	padding: 5px 0px 0px 0px ;
+	text-align: center ;
+}
+
+ol.leaderboard div.label {
+	border: 1px dotted #CCCCCC ;
+	border-radius: 35px 35px 35px 35px ;
+	font-weight: bold ;
+	height: 35px ;
+	line-height: 34px ;
+	margin: 0px auto 0px auto ;
+	width: 35px ;
+}
+
+ol.leaderboard div.position {}
+
+ol.leaderboard div.position:after {
+	clear: both ;
+	content: "" ;
+	display: block ;
+}
+
+ol.leaderboard span.coordinate {
+	float: left ;
+	padding: 5px 0px 10px 0px ;
+	width: 50% ;
+}