ngcube.min.js

angular.module("angularjsde.cube",[]),angular.module("angularjsde.cube").provider("flickr",function(){var e;this.apiKey=function(t){return t&&(e=t),t},this.$get=["$http",function(t){var n=function(n){return t.get("http://api.flickr.com/services/rest/",{params:{method:"flickr.photos.search",api_key:e,format:"json",nojsoncallback:1,per_page:"6",tags:n,tag_mode:"all"}}).then(function(e){var t=e.data.photos.photo.map(function(e){return"http://farm{farm-id}.staticflickr.com/{server-id}/{id}_{secret}.jpg".replace("{farm-id}",e.farm).replace("{server-id}",e.server).replace("{id}",e.id).replace("{secret}",e.secret)});return t})};return{getPhotosByTag:function(e){return n(e)},getApiKey:function(){return e}}}]}),angular.module("angularjsde.cube").directive("cube",["flickr",function(e){return{restrict:"E",templateUrl:"views/cube.html",scope:{x:"@initX",y:"@initY",z:"@initZ",tag:"@"},link:function(t){t.tag&&e.getPhotosByTag(t.tag).then(function(e){t.img=e})}}}]),function(e){try{e=angular.module("angularjsde.cube")}catch(t){e=angular.module("angularjsde.cube",[])}e.run(["$templateCache",function(e){e.put("/srcviews/cube.html",'<div class="cube-container">\n    <div class="inputs">\n        X: <input type="range" min="0" max="360" step="1" ng-model="x"/>\n        Y: <input type="range" min="0" max="360" step="1" ng-model="y"/>\n        Z: <input type="range" min="0" max="360" step="1" ng-model="z"/>\n    </div>\n\n    <div class="perspective">\n        <div class="cube"\n             style="-webkit-transform: rotateX({{x}}deg) rotateY({{y}}deg) rotate({{z}}deg)">\n            <div class="front" style="background-image: url({{img[0]}})">front</div>\n            <div class="back" style="background-image: url({{img[1]}})">back</div>\n            <div class="top" style="background-image: url({{img[2]}})">top</div>\n            <div class="bottom" style="background-image: url({{img[3]}})">bottom</div>\n            <div class="left" style="background-image: url({{img[4]}})">left</div>\n            <div class="right" style="background-image: url({{img[5]}})">right</div>\n        </div>\n    </div>\n</div>')}])}();