' +
59 | '' +
60 | '
';
61 |
62 | this.scope = {
63 | 'model': '=source'
64 | };
65 |
66 | //
67 | // Will be created in the linking function.
68 | //
69 | this.$$deckgrid = null;
70 |
71 | this.transclude = true;
72 | this.link = this.$$link.bind(this);
73 |
74 | //
75 | // Will be incremented if using inline templates.
76 | //
77 | this.$$templateKeyIndex = 0;
78 |
79 | }
80 |
81 | /**
82 | * @private
83 | *
84 | * Cleanup method. Will be called when the
85 | * deckgrid directive should be destroyed.
86 | *
87 | */
88 | Descriptor.prototype.$$destroy = function $$destroy () {
89 | this.$$deckgrid.destroy();
90 | };
91 |
92 | /**
93 | * @private
94 | *
95 | * The deckgrid link method. Will instantiate the deckgrid.
96 | *
97 | */
98 | Descriptor.prototype.$$link = function $$link (scope, elem, attrs, nullController, transclude) {
99 | var templateKey = 'deckgrid/innerHtmlTemplate' + (++this.$$templateKeyIndex) + '.html';
100 |
101 | scope.$on('$destroy', this.$$destroy.bind(this));
102 |
103 | if (angular.isUndefined(attrs.cardtemplate)) {
104 | if (angular.isUndefined(attrs.cardtemplatestring)) {
105 | // use the provided inner html as template
106 | transclude(scope, function onTransclude (innerHTML) {
107 | var extractedInnerHTML = [],
108 | i = 0,
109 | len = innerHTML.length,
110 | outerHTML;
111 |
112 | for (i; i < len; i = i + 1) {
113 | outerHTML = innerHTML[i].outerHTML;
114 |
115 | if (angular.isDefined(outerHTML)) {
116 | extractedInnerHTML.push(outerHTML);
117 | }
118 | }
119 |
120 | $templateCache.put(templateKey, extractedInnerHTML.join());
121 | });
122 | } else {
123 | // use the provided template string
124 | //
125 | // note: the attr is accessed via the elem object, as the attrs content
126 | // is already compiled and thus lacks the {{...}} expressions
127 | $templateCache.put(templateKey, elem.attr('cardtemplatestring'));
128 | }
129 |
130 | scope.cardTemplate = templateKey;
131 | } else {
132 | // use the provided template file
133 | scope.cardTemplate = attrs.cardtemplate;
134 | }
135 |
136 | scope.mother = scope.$parent;
137 |
138 | this.$$deckgrid = Deckgrid.create(scope, elem[0]);
139 | };
140 |
141 | return {
142 | create : function create () {
143 | return new Descriptor();
144 | }
145 | };
146 | }
147 | ]);
148 |
149 | /*
150 | * angular-deckgrid
151 | *
152 | * Copyright(c) 2013-2014 André König ',this.scope={model:"=source"},this.$$deckgrid=null,this.transclude=!0,this.link=this.$$link.bind(this),this.$$templateKeyIndex=0}return c.prototype.$$destroy=function(){this.$$deckgrid.destroy()},c.prototype.$$link=function(c,d,e,f,g){var h="deckgrid/innerHtmlTemplate"+ ++this.$$templateKeyIndex+".html";c.$on("$destroy",this.$$destroy.bind(this)),angular.isUndefined(e.cardtemplate)?(angular.isUndefined(e.cardtemplatestring)?g(c,function(a){var c,d=[],e=0,f=a.length;for(e;f>e;e+=1)c=a[e].outerHTML,angular.isDefined(c)&&d.push(c);b.put(h,d.join())}):b.put(h,d.attr("cardtemplatestring")),c.cardTemplate=h):c.cardTemplate=e.cardtemplate,c.mother=c.$parent,this.$$deckgrid=a.create(c,d[0])},{create:function(){return new c}}}]),angular.module("akoenig.deckgrid").factory("Deckgrid",["$window","$log",function(a,b){"use strict";function c(b,c){var d,e,f=this;this.$$elem=c,this.$$watchers=[],this.$$scope=b,this.$$scope.columns=[],this.$$scope.layout=this.$$getLayout(),this.$$createColumns(),d=this.$$scope.$watchCollection("model",this.$$onModelChange.bind(this)),this.$$watchers.push(d),angular.forEach(f.$$getMediaQueries(),function(a){function b(){a.removeListener(c)}var c=f.$$onMediaQueryChange.bind(f);a.addListener(c),f.$$watchers.push(b)}),e=a.matchMedia("(orientation: portrait)"),e.addListener(f.$$onMediaQueryChange.bind(f))}return c.prototype.$$getMediaQueries=function(){function b(a){try{return a.sheet.cssRules||[]}catch(b){return[]}}function c(a){var b=/\[(\w*-)?deckgrid\]::?before/g,c=0,d="";if(!a.media||angular.isUndefined(a.cssRules))return!1;for(c=a.cssRules.length-1;c>=0;c-=1)if(d=a.cssRules[c].selectorText,angular.isDefined(d)&&d.match(b))return!0;return!1}var d=[],e=[];return d=Array.prototype.concat.call(Array.prototype.slice.call(document.querySelectorAll("style[type='text/css']")),Array.prototype.slice.call(document.querySelectorAll("link[rel='stylesheet']"))),angular.forEach(d,function(d){var f=b(d);angular.forEach(f,function(b){c(b)&&e.push(a.matchMedia(b.media.mediaText))})}),e},c.prototype.$$createColumns=function(){var a=this;return this.$$scope.layout?(this.$$scope.columns=[],void angular.forEach(this.$$scope.model,function(b,c){var d=c%a.$$scope.layout.columns|0;a.$$scope.columns[d]||(a.$$scope.columns[d]=[]),b.$index=c,a.$$scope.columns[d].push(b)})):b.error("angular-deckgrid: No CSS configuration found (see https://github.com/akoenig/angular-deckgrid#the-grid-configuration)")},c.prototype.$$getLayout=function(){var b,c=a.getComputedStyle(this.$$elem,":before").content;return c&&(c=c.replace(/'/g,""),c=c.replace(/"/g,""),c=c.split(" "),2===c.length&&(b={},b.columns=0|c[0],b.classList=c[1].replace(/\./g," ").trim())),b},c.prototype.$$onMediaQueryChange=function(){var a=this,b=this.$$getLayout();b.columns!==this.$$scope.layout.columns&&(a.$$scope.layout=b,a.$$scope.$apply(function(){a.$$createColumns()}))},c.prototype.$$onModelChange=function(a,b){var c=this;a=a||[],b=b||[],angular.equals(b,a)||c.$$createColumns()},c.prototype.destroy=function(){var a=this.$$watchers.length-1;for(a;a>=0;a-=1)this.$$watchers[a]()},{create:function(a,b){return new c(a,b)}}}]);
--------------------------------------------------------------------------------
/deepdream/scripts/app.js:
--------------------------------------------------------------------------------
1 | /*
2 | * angular-deckgrid-demo
3 | *
4 | * Copyright(c) 2013 André König