Adding Transclusion tutorial

K.C. Hunter · K.C. Hunter · commit 22dc12fa8f8f · 2014-12-14T15:20:28.000-05:00
diff --git a/GruntFile.js b/GruntFile.js
@@ -46,7 +46,7 @@ module.exports = function (grunt)
 			},
 			styles: {
 				files: ['src/resources/css/*.scss'],
-				tasks: ['sass']
+				tasks: ['sass:dev', 'concat:css']
 			}
 		}
 	});
@@ -64,6 +64,6 @@ module.exports = function (grunt)
 
 	grunt.registerTask('build', 'Build the application', 
 		['sass:dev',
-		'concat'
+		'concat:dist', 'concat:css', 'concat:move'
 		]);
 }
diff --git a/src/angularjstutorial.js b/src/angularjstutorial.js
@@ -95,4 +95,16 @@ app.controller('MainController', function ($scope)
 			}
 		}
 	}
+})
+
+/* use strict */
+.directive("buttonDirective", function ()
+{
+	return {
+		restrict: 'AE',
+		transclude: false,
+		template: '<button class="btn btn-primary" type="button">' +
+		'Accio Code <data-ng-transclude></data-ng-transclude>' +
+		'</button>'
+	}
 })
diff --git a/src/resources/css/angularjstutorial.css b/src/resources/css/angularjstutorial.css
diff --git a/src/resources/css/styles.css b/src/resources/css/styles.css
@@ -3,3 +3,9 @@ html, body {
   height: 100%;
   padding: 0;
   margin: 0; }
+
+.panel-success {
+  color: #d81e05;
+  background-cikir: #dff0d8;
+  padding: 14px 8px;
+  font-size: 1.55em; }
diff --git a/src/resources/css/styles.scss b/src/resources/css/styles.scss
@@ -4,3 +4,10 @@ html, body {
 	padding: 0;
 	margin: 0;
 }
+
+.panel-success {
+	color: #d81e05;
+	background-cikir: #dff0d8;
+	padding: 14px 8px;
+	font-size: 1.55em;
+}
diff --git a/src/resources/js/transclude.js b/src/resources/js/transclude.js
@@ -0,0 +1,11 @@
+/* use strict */
+.directive("buttonDirective", function ()
+{
+	return {
+		restrict: 'AE',
+		transclude: false,
+		template: '<button class="btn btn-primary" type="button">' +
+		'Accio Code <data-ng-transclude></data-ng-transclude>' +
+		'</button>'
+	}
+})
diff --git a/src/transclude.html b/src/transclude.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+<head>
+
+	<title>AccioCode AngularJS Tutorial</title>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1">
+	<meta name="viewport" content="width=device-width, user-scalable=no">
+	<script src="angularjstutorial-deps.js"></script>
+	<script src="angularjstutorial.js"></script>
+
+	<link rel="stylesheet" href="resources/css/angularjstutorial.css">
+</head>
+
+<body>
+	<div class="mainContainer" data-ng-app="MyApp">
+
+		<h1>Features</h1>
+		<h2>Transclude</h2>
+
+		<button-directive>
+			<span class="badge">&copy; 2014</span>
+		</button-directive>
+
+
+
+	</div>
+
+</body>
+</html>

Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,7 @@ module.exports = function (grunt)`
`46`	`46`	`},`
`47`	`47`	`styles: {`
`48`	`48`	`files: ['src/resources/css/*.scss'],`
`49`		`- tasks: ['sass']`
	`49`	`+ tasks: ['sass:dev', 'concat:css']`
`50`	`50`	`}`
`51`	`51`	`}`
`52`	`52`	`});`
`@@ -64,6 +64,6 @@ module.exports = function (grunt)`
`64`	`64`
`65`	`65`	`grunt.registerTask('build', 'Build the application',`
`66`	`66`	`['sass:dev',`
`67`		`- 'concat'`
	`67`	`+ 'concat:dist', 'concat:css', 'concat:move'`
`68`	`68`	`]);`
`69`	`69`	`}`
Original file line number	Diff line number	Diff line change
`@@ -95,4 +95,16 @@ app.controller('MainController', function ($scope)`
`95`	`95`	`}`
`96`	`96`	`}`
`97`	`97`	`}`
	`98`	`+})`
	`99`	`+`
	`100`	`+/* use strict */`
	`101`	`+.directive("buttonDirective", function ()`
	`102`	`+{`
	`103`	`+ return {`
	`104`	`+ restrict: 'AE',`
	`105`	`+ transclude: false,`
	`106`	`+ template: '<button class="btn btn-primary" type="button">' +`
	`107`	`+ 'Accio Code <data-ng-transclude></data-ng-transclude>' +`
	`108`	`+ '</button>'`
	`109`	`+ }`
`98`	`110`	`})`