[Feature] Functionality for passing inline templates.

Author: André König

CONTRIBUTORS

@@ -0,0 +1,10 @@
+# angular-deckgrid - contributors
+
+_(ordered by first contribution)_
+
+- [Ben Ma](http://github.com/benjaminma)
+- [Mike](http://github.com/mikenikles)
+- [Mladen Danic ](http://github.com/Maidomax)
+- [Patrick Stapleton](http://github.com/gdi2290)
+- [johnwest80](http://github.com/johnwest80)
+- [Sebastian Oergel](http://github.com/sebastianoe)

CONTRIBUTORS.md

@@ -141,6 +141,10 @@ Do you use the `angular-deckgrid` and would like to be featured here? Just send
 
 ## Changelog
 
+### Version 0.4.0 (20140224)
+
+- [Feature] Functionality for passing inline templates.
+
 ### Version 0.3.0 (20140220)
 
 - [Feature] It is now possible to access the index of a card from within the card's template. This is accessible via the $index property of the card reference like {{card.$index}}.
@@ -171,6 +175,7 @@ Do you use the `angular-deckgrid` and would like to be featured here? Just send
 
 ## Credits
 
+* All the [people](https://github.com/akoenig/angular-deckgrid/blob/master/CONTRIBUTORS.md) who made outstanding contributions to the `angular-deckgrid` so far.
 * [AngularJS](http://angularjs.org) Needless to say. You know the beast. One of the best frontend frameworks in the world.
 * [Rolando Murillo](http://rolandomurillo.com/) and [Giorgio Leveroni](https://github.com/ppold), the guys behind [salvattore](http://salvattore.com/) who inspired me to implement a similar solution for the AngularJS world.
 

README.md

@@ -1,4 +1,4 @@
-/*! angular-deckgrid (v0.3.1-dev) - Copyright: 2013 - 2014, André König ([email protected]) - MIT */
+/*! angular-deckgrid (v0.4.0) - Copyright: 2013 - 2014, André König ([email protected]) - MIT */
 /*
  * angular-deckgrid
  *
@@ -41,8 +41,9 @@ angular.module('akoenig.deckgrid').directive('deckgrid', [
 angular.module('akoenig.deckgrid').factory('DeckgridDescriptor', [
 
     'Deckgrid',
+    '$templateCache',
 
-    function initialize (Deckgrid) {
+    function initialize (Deckgrid, $templateCache) {
 
         'use strict';
 
@@ -66,7 +67,7 @@ angular.module('akoenig.deckgrid').factory('DeckgridDescriptor', [
             // Will be created in the linking function.
             //
             this.$$deckgrid = null;
-
+            this.transclude = true;
             this.link = this.$$link.bind(this);
         }
 
@@ -87,10 +88,41 @@ angular.module('akoenig.deckgrid').factory('DeckgridDescriptor', [
          * The deckgrid link method. Will instantiate the deckgrid.
          *
          */
-        Descriptor.prototype.$$link = function $$link (scope, elem, attrs) {
+        Descriptor.prototype.$$link = function $$link (scope, elem, attrs, nullController, transclude) {
             scope.$on('$destroy', this.$$destroy.bind(this));
 
-            scope.cardTemplate = attrs.cardtemplate;
+            if (attrs.cardtemplate === undefined) {
+                if (attrs.cardtemplatestring === undefined) {
+                    // use the provided inner html as template
+                    transclude(scope, function onTransclude (innerHTML) {
+                        var extractedInnerHTML = [],
+                            i = 0,
+                            len = innerHTML.length,
+                            outerHTML;
+
+                        for (i; i < len; i = i + 1) {
+                            outerHTML = innerHTML[i].outerHTML;
+
+                            if (outerHTML !== undefined) {
+                                extractedInnerHTML.push(outerHTML);
+                            }
+                        }
+
+                        $templateCache.put('innerHtmlTemplate', extractedInnerHTML.join());
+                    });
+                } else {
+                    // use the provided template string
+                    //
+                    // note: the attr is accessed via the elem object, as the attrs content
+                    // is already compiled and thus lacks the {{...}} expressions
+                    $templateCache.put('innerHtmlTemplate', elem.attr('cardtemplatestring'));
+                }
+
+                scope.cardTemplate = 'innerHtmlTemplate';
+            } else {
+                // use the provided template file
+                scope.cardTemplate = attrs.cardtemplate;
+            }
 
             scope.mother = scope.$parent;
 

angular-deckgrid.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-deckgrid",
-  "version": "0.3.1-dev",
+  "version": "0.4.0",
   "author": "André König ([email protected])",
   "description": "A lightweight masonry-like grid for AngularJS.",
   "license": "MIT",

angular-deckgrid.min.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-deckgrid",
-  "version": "0.3.1-dev",
+  "version": "0.4.0",
   "author": "André König ([email protected])",
   "description": "A lightweight masonry-like grid for AngularJS.",
   "license": "MIT",

bower.json

@@ -67,15 +67,21 @@ angular.module('akoenig.deckgrid').factory('DeckgridDescriptor', [
             if (attrs.cardtemplate === undefined) {
                 if (attrs.cardtemplatestring === undefined) {
                     // use the provided inner html as template
-                    transclude(scope, function(innerHtml) {
-                        var extractedInnerHtml = [];
-                        for (var i = 0; i < innerHtml.length; i++) {
-                            var outerHTML = innerHtml[i].outerHTML;
+                    transclude(scope, function onTransclude (innerHTML) {
+                        var extractedInnerHTML = [],
+                            i = 0,
+                            len = innerHTML.length,
+                            outerHTML;
+
+                        for (i; i < len; i = i + 1) {
+                            outerHTML = innerHTML[i].outerHTML;
+
                             if (outerHTML !== undefined) {
-                                extractedInnerHtml.push(outerHTML);
+                                extractedInnerHTML.push(outerHTML);
                             }
                         }
-                        $templateCache.put('innerHtmlTemplate', extractedInnerHtml.join());
+
+                        $templateCache.put('innerHtmlTemplate', extractedInnerHTML.join());
                     });
                 } else {
                     // use the provided template string
@@ -90,7 +96,7 @@ angular.module('akoenig.deckgrid').factory('DeckgridDescriptor', [
                 // use the provided template file
                 scope.cardTemplate = attrs.cardtemplate;
             }
-            
+
             scope.mother = scope.$parent;
 
             this.$$deckgrid = Deckgrid.create(scope, elem[0]);