Add articles directives

Victor Costa
1 parent 56475a64
Showing 7 changed files with 72 additions and 4 deletions Show diff stats
src/app/components/noosfero-articles/article/article.directive.js
src/app/components/noosfero-articles/article/article.html
src/app/components/noosfero-articles/blog/blog.directive.js
src/app/components/noosfero-articles/blog/blog.html
src/app/content-viewer/content-viewer.controller.js
src/app/content-viewer/page.html
src/app/profile/profile.controller.js
@@ -0,0 +1,30 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .directive('noosferoArticle', noosferoArticle);
+
+  /** @ngInject */
+  function noosferoArticle() {
+    var directive = {
+      restrict: 'E',
+      templateUrl: 'app/components/noosfero-articles/article/article.html',
+      scope: {
+          article: '=',
+          owner: '='
+      },
+      controller: ArticleController,
+      controllerAs: 'vm',
+      bindToController: true
+    };
+
+    return directive;
+
+    /** @ngInject */
+    function ArticleController() {
+      var vm = this;
+    }
+  }
+
+})();
@@ -0,0 +1,7 @@
+<div class="page-header">
+  <h3 ng-bind="vm.article.title"></h3>
+</div>
+
+<div>
+  <div ng-bind-html="vm.article.body"></div>
+</div>
@@ -0,0 +1,30 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .directive('noosferoBlog', noosferoBlog);
+
+  /** @ngInject */
+  function noosferoBlog() {
+    var directive = {
+      restrict: 'E',
+      templateUrl: 'app/components/noosfero-articles/blog/blog.html',
+      scope: {
+          article: '=',
+          owner: '='
+      },
+      controller: BlogController,
+      controllerAs: 'vm',
+      bindToController: true
+    };
+
+    return directive;
+
+    /** @ngInject */
+    function BlogController() {
+      var vm = this;
+    }
+  }
+
+})();
@@ -0,0 +1,3 @@
+{{vm.article.title}}
+
+<pre>{{vm.article}}</pre>
@@ -14,8 +14,7 @@
  
     function activate() {
       noosfero.communities.one($scope.vm.owner.id).one('articles').get({path: $stateParams.page}).then(function(articles) {
-        $log.log(articles);
-        vm.content = articles.article;
+        vm.article = articles.article;
       });
     }
   }
-<pre>{{vm.content}}</pre>
+<noosfero-article article="vm.article"></noosfero-article>
@@ -14,7 +14,6 @@
  
     function activate() {
       noosfero.communities.one().get({private_token: '1b00325e5f769a0c38550bd35b3f1d64', identifier: $stateParams.profile}).then(function(communities) {
-        $log.log(communities);
         vm.owner = communities.communities[0];
       });
     }
...	...	@@ -0,0 +1,30 @@
	1	+(function() {
	2	+ 'use strict';
	3	+
	4	+ angular
	5	+ .module('angular')
	6	+ .directive('noosferoArticle', noosferoArticle);
	7	+
	8	+ /** @ngInject */
	9	+ function noosferoArticle() {
	10	+ var directive = {
	11	+ restrict: 'E',
	12	+ templateUrl: 'app/components/noosfero-articles/article/article.html',
	13	+ scope: {
	14	+ article: '=',
	15	+ owner: '='
	16	+ },
	17	+ controller: ArticleController,
	18	+ controllerAs: 'vm',
	19	+ bindToController: true
	20	+ };
	21	+
	22	+ return directive;
	23	+
	24	+ /** @ngInject */
	25	+ function ArticleController() {
	26	+ var vm = this;
	27	+ }
	28	+ }
	29	+
	30	+})();
...	...
...	...	@@ -0,0 +1,7 @@
	1	+<div class="page-header">
	2	+ <h3 ng-bind="vm.article.title"></h3>
	3	+</div>
	4	+
	5	+<div>
	6	+ <div ng-bind-html="vm.article.body"></div>
	7	+</div>
...	...
...	...	@@ -0,0 +1,3 @@
	1	+{{vm.article.title}}
	2	+
	3	+<pre>{{vm.article}}</pre>
...	...
...	...	@@ -14,8 +14,7 @@
14	14
15	15	function activate() {
16	16	noosfero.communities.one($scope.vm.owner.id).one('articles').get({path: $stateParams.page}).then(function(articles) {
17		- $log.log(articles);
18		- vm.content = articles.article;
	17	+ vm.article = articles.article;
19	18	});
20	19	}
21	20	}
...	...
1		-<pre>{{vm.content}}</pre>
	1	+<noosfero-article article="vm.article"></noosfero-article>
...	...
...	...	@@ -14,7 +14,6 @@
14	14
15	15	function activate() {
16	16	noosfero.communities.one().get({private_token: '1b00325e5f769a0c38550bd35b3f1d64', identifier: $stateParams.profile}).then(function(communities) {
17		- $log.log(communities);
18	17	vm.owner = communities.communities[0];
19	18	});
20	19	}
...	...