Migrate some directives to components

Victor Costa
1 parent 535ae571
Showing 35 changed files with 285 additions and 372 deletions Show diff stats
src/app/components/noosfero-activities/activities.component.js
src/app/components/noosfero-activities/activities.directive.js
src/app/components/noosfero-activities/activities.html
src/app/components/noosfero-activities/activity/activity.component.js
src/app/components/noosfero-activities/activity/activity.directive.js
src/app/components/noosfero-activities/activity/activity.html
src/app/components/noosfero-activities/activity/add_member_in_community.html
src/app/components/noosfero-activities/activity/create_article.html
src/app/components/noosfero-activities/activity/new_friendship.html
src/app/components/noosfero-articles/article/article.directive.js
src/app/components/noosfero-articles/blog/blog.component.js
src/app/components/noosfero-articles/blog/blog.directive.js
src/app/components/noosfero-articles/blog/blog.html
src/app/components/noosfero-blocks/block.directive.js
src/app/components/noosfero-blocks/link-list/link-list.component.js
src/app/components/noosfero-blocks/link-list/link-list.directive.js
src/app/components/noosfero-blocks/link-list/link-list.html
src/app/components/noosfero-blocks/main-block/main-block.component.js
src/app/components/noosfero-blocks/main-block/main-block.directive.js
src/app/components/noosfero-blocks/members-block/members-block.component.js
@@ -0,0 +1,14 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoActivities', {
+      restrict: 'E',
+      bindings: {
+          activities: '<'
+      },
+      templateUrl: 'app/components/noosfero-activities/activities.html'
+    });
+
+})();
@@ -1,20 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('angular')
-    .directive('noosferoActivities', noosferoActivities);
-
-  /** @ngInject */
-  function noosferoActivities() {
-    var directive = {
-      restrict: 'E',
-      scope: {
-          activities: '='
-      },
-      templateUrl: 'app/components/noosfero-activities/activities.html'
-    };
-    return directive;
-  }
-
-})();
 <timeline>
-  <timeline-event ng-repeat="activity in activities | orderBy: 'created_at':true">
+  <timeline-event ng-repeat="activity in $ctrl.activities | orderBy: 'created_at':true">
     <noosfero-activity activity="activity"></noosfero-activity>
   </timeline-event>
 </timeline>
@@ -0,0 +1,24 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoActivity', {
+      restrict: 'E',
+      bindings: {
+          activity: '<'
+      },
+      templateUrl: 'app/components/noosfero-activities/activity/activity.html',
+      replace: true,
+      controller: ActivityController
+    });
+
+  /** @ngInject */
+  function ActivityController() {
+    var vm = this;
+    vm.getActivityTemplate = function(activity) {
+      return 'app/components/noosfero-activities/activity/' + activity.verb + '.html';
+    }
+  }
+
+})();
@@ -1,32 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('angular')
-    .directive('noosferoActivity', noosferoActivity);
-
-  /** @ngInject */
-  function noosferoActivity() {
-    var directive = {
-      restrict: 'E',
-      scope: {
-          activity: '='
-      },
-      templateUrl: 'app/components/noosfero-activities/activity/activity.html',
-      replace: true,
-      controller: ActivityController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-    return directive;
-
-    /** @ngInject */
-    function ActivityController() {
-      var vm = this;
-      vm.getActivityTemplate = function(activity) {
-        return 'app/components/noosfero-activities/activity/' + activity.verb + '.html';
-      }
-    }
-  }
-
-})();
 <div class="activity">
-  <ng-include src="vm.getActivityTemplate(vm.activity)"></ng-include>
+  <ng-include src="$ctrl.getActivityTemplate($ctrl.activity)"></ng-include>
 </div>
@@ -4,10 +4,10 @@
 <timeline-panel>
   <timeline-heading>
     <h4 class="timeline-title">
-      <a ui-sref="main.profile.info({profile: vm.activity.user.identifier})"><strong ng-bind="vm.activity.user.name"></strong></a>
+      <a ui-sref="main.profile.info({profile: $ctrl.activity.user.identifier})"><strong ng-bind="$ctrl.activity.user.name"></strong></a>
       <span> has joined the community</span>
     </h4>
-    <p><small class="text-muted"><i class="fa fa-clock-o"></i> <span am-time-ago="vm.activity.created_at"></span></small></p>
+    <p><small class="text-muted"><i class="fa fa-clock-o"></i> <span am-time-ago="$ctrl.activity.created_at"></span></small></p>
   </timeline-heading>
   <div class="timeline-body"></div>
 </timeline-panel>
@@ -4,22 +4,22 @@
 <timeline-panel>
   <timeline-heading>
     <h4 class="timeline-title">
-      <a ui-sref="main.profile.info({profile: vm.activity.user.identifier})"><strong ng-bind="vm.activity.user.name"></strong></a>
+      <a ui-sref="main.profile.info({profile: $ctrl.activity.user.identifier})"><strong ng-bind="$ctrl.activity.user.name"></strong></a>
       <span> has published on </span>
-      <a ui-sref="main.profile.info({profile: vm.activity.target.article.profile.identifier})">
-        <strong ng-bind="vm.activity.target.article.profile.name"></strong></span>
+      <a ui-sref="main.profile.info({profile: $ctrl.activity.target.article.profile.identifier})">
+        <strong ng-bind="$ctrl.activity.target.article.profile.name"></strong></span>
       </a>
     </h4>
-    <p><small class="text-muted"><i class="fa fa-clock-o"></i> <span am-time-ago="vm.activity.created_at"></span></small></p>
+    <p><small class="text-muted"><i class="fa fa-clock-o"></i> <span am-time-ago="$ctrl.activity.created_at"></span></small></p>
   </timeline-heading>
   <div class="timeline-body">
     <div class="article">
       <div class="title">
-        <a ui-sref="main.profile.page({profile: vm.activity.target.article.profile.identifier, page: vm.activity.target.article.path})"
-           ng-bind="vm.activity.target.article.title"></a>
+        <a ui-sref="main.profile.page({profile: $ctrl.activity.target.article.profile.identifier, page: $ctrl.activity.target.article.path})"
+           ng-bind="$ctrl.activity.target.article.title"></a>
       </div>
       <div class="lead small">
-        <div ng-bind-html="vm.activity.target.article.body | stripTags | truncate: 100 : '...': true"></div>
+        <div ng-bind-html="$ctrl.activity.target.article.body | stripTags | truncate: 100 : '...': true"></div>
       </div>
     </div>
   </div>
@@ -4,15 +4,15 @@
 <timeline-panel>
   <timeline-heading>
     <h4 class="timeline-title">
-      <a ui-sref="main.profile.info({profile: vm.activity.user.identifier})"><strong ng-bind="vm.activity.user.name"></strong></a>
-      <span> has made <span ng-bind="vm.activity.params.friend_name.length"></span> new friend(s): </span>
+      <a ui-sref="main.profile.info({profile: $ctrl.activity.user.identifier})"><strong ng-bind="$ctrl.activity.user.name"></strong></a>
+      <span> has made <span ng-bind="$ctrl.activity.params.friend_name.length"></span> new friend(s): </span>
       <span class="comma-separated">
-        <a class="separated-item" ui-sref="main.profile.info({profile: vm.activity.params.friend_url[$index].profile})" ng-repeat="friend in vm.activity.params.friend_name">
+        <a class="separated-item" ui-sref="main.profile.info({profile: $ctrl.activity.params.friend_url[$index].profile})" ng-repeat="friend in $ctrl.activity.params.friend_name">
           <strong ng-bind="friend"></strong>
         </a>
       </span>
     </h4>
-    <p><small class="text-muted"><i class="fa fa-clock-o"></i> <span am-time-ago="vm.activity.created_at"></span></small></p>
+    <p><small class="text-muted"><i class="fa fa-clock-o"></i> <span am-time-ago="$ctrl.activity.created_at"></span></small></p>
   </timeline-heading>
   <div class="timeline-body"></div>
 </timeline-panel>
@@ -11,8 +11,8 @@
       restrict: 'E',
       templateUrl: 'app/components/noosfero-articles/article/article.html',
       scope: {
-          article: '=',
-          profile: '='
+          article: '<',
+          profile: '<'
       },
       controller: ArticleController,
       controllerAs: 'vm',
@@ -0,0 +1,36 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoBlog', {
+      restrict: 'E',
+      templateUrl: 'app/components/noosfero-articles/blog/blog.html',
+      bindings: {
+          article: '<',
+          profile: '<'
+      },
+      controller: BlogController
+    });
+
+  /** @ngInject */
+  function BlogController(noosfero) {
+    var vm = this;
+    vm.posts = [];
+    vm.perPage = 3;
+    vm.currentPage = 1;
+
+    vm.loadPage = function() {
+      noosfero.articles.one(vm.article.id).customGET('children', {
+        content_type: 'TinyMceArticle',
+        per_page: vm.perPage,
+        page: vm.currentPage
+      }).then(function(response) {
+        vm.totalPosts = response.headers('total');
+        vm.posts = response.data.articles;
+      });
+    }
+    vm.loadPage();
+  }
+
+})();
@@ -1,45 +0,0 @@
-(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: '=',
-          profile: '='
-      },
-      controller: BlogController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-    return directive;
-
-    /** @ngInject */
-    function BlogController(noosfero) {
-      var vm = this;
-      vm.posts = [];
-      vm.perPage = 3;
-      vm.currentPage = 1;
-
-      vm.loadPage = function() {
-        noosfero.articles.one(vm.article.id).customGET('children', {
-          content_type: 'TinyMceArticle',
-          per_page: vm.perPage,
-          page: vm.currentPage
-        }).then(function(response) {
-          vm.totalPosts = response.headers('total');
-          vm.posts = response.data.articles;
-        });
-      }
-      vm.loadPage();
-    }
-  }
-
-})();
 <div class="blog">
-  <div class="blog-cover" ng-show="vm.article.image">
-    <img ng-src="{{vm.article.image.url}}" class="img-responsive">
-    <h3 ng-bind="vm.article.title"></h3>
+  <div class="blog-cover" ng-show="$ctrl.article.image">
+    <img ng-src="{{$ctrl.article.image.url}}" class="img-responsive">
+    <h3 ng-bind="$ctrl.article.title"></h3>
   </div>
-  <div class="page-header" ng-show="!vm.article.image">
-    <h3 ng-bind="vm.article.title"></h3>
+  <div class="page-header" ng-show="!$ctrl.article.image">
+    <h3 ng-bind="$ctrl.article.title"></h3>
   </div>
   <div>
-    <div ng-repeat="child in vm.posts | orderBy: 'created_at':true">
+    <div ng-repeat="child in $ctrl.posts | orderBy: 'created_at':true">
       <div class="page-header">
-        <a class="title" ui-sref="main.profile.page({profile: vm.profile.identifier, page: child.path})"><h4 ng-bind="child.title"></h4></a>
+        <a class="title" ui-sref="main.profile.page({profile: $ctrl.profile.identifier, page: child.path})"><h4 ng-bind="child.title"></h4></a>
         <div class="post-lead" ng-bind-html="child.body | truncate: 500: '...': true"></div>
       </div>
     </div>
   </div>
-  <pagination ng-model="vm.currentPage" total-items="vm.totalPosts" class="pagination-sm center-block"
-    boundary-links="true" items-per-page="vm.perPage" ng-change="vm.loadPage()"
+  <pagination ng-model="$ctrl.currentPage" total-items="$ctrl.totalPosts" class="pagination-sm center-block"
+    boundary-links="true" items-per-page="$ctrl.perPage" ng-change="$ctrl.loadPage()"
     first-text="«" last-text="»" previous-text="‹" next-text="›">
   </pagination>
 </div>
@@ -10,8 +10,8 @@
     var directive = {
       restrict: 'E',
       scope: {
-          block: '=',
-          owner: '='
+          block: '<',
+          owner: '<'
       },
       link: function(scope, element) {
         var blockName = scope.block.type.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
@@ -0,0 +1,21 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoLinkListBlock', {
+      restrict: 'E',
+      templateUrl: 'app/components/noosfero-blocks/link-list/link-list.html',
+      bindings: {
+          block: '<',
+          owner: '<'
+      },
+      controller: LinkListBlockController
+    });
+
+  /** @ngInject */
+  function LinkListBlockController() {
+    this.links = this.block.settings.links;
+  }
+
+})();
@@ -1,31 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('angular')
-    .directive('noosferoLinkListBlock', noosferoLinkListBlock);
-
-  /** @ngInject */
-  function noosferoLinkListBlock() {
-    var directive = {
-      restrict: 'E',
-      templateUrl: 'app/components/noosfero-blocks/link-list/link-list.html',
-      scope: {
-          block: '=',
-          owner: '='
-      },
-      controller: LinkListBlockController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-    return directive;
-
-    /** @ngInject */
-    function LinkListBlockController() {
-      var vm = this;
-      vm.links = vm.block.settings.links;
-    }
-  }
-
-})();
 <div class="link-list-block">
-  <div ng-repeat="link in vm.links">
-    <a ng-href="{{link.address | noosferoTemplateFilter:{profile: vm.owner.identifier} }}">
+  <div ng-repeat="link in $ctrl.links">
+    <a ng-href="{{link.address | noosferoTemplateFilter:{profile: $ctrl.owner.identifier} }}">
       <i class="fa fa-fw icon-{{link.icon}}"></i> <span>{{link.name}}</span>
     </a>
   </div>
@@ -0,0 +1,20 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoMainBlock', {
+      restrict: 'E',
+      templateUrl: 'app/components/noosfero-blocks/main-block/main-block.html',
+      bindings: {
+          block: '<',
+          owner: '<'
+      },
+      controller: MainBlockController
+    });
+
+  /** @ngInject */
+  function MainBlockController() {
+  }
+
+})();
@@ -1,29 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('angular')
-    .directive('noosferoMainBlock', noosferoMainBlock);
-
-  /** @ngInject */
-  function noosferoMainBlock() {
-    var directive = {
-      restrict: 'E',
-      templateUrl: 'app/components/noosfero-blocks/main-block/main-block.html',
-      scope: {
-          block: '=',
-          owner: '='
-      },
-      controller: MainBlockController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-    return directive;
-
-    /** @ngInject */
-    function MainBlockController() {
-    }
-  }
-
-})();
@@ -0,0 +1,26 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoMembersBlock', {
+      restrict: 'E',
+      templateUrl: 'app/components/noosfero-blocks/members-block/members-block.html',
+      bindings: {
+          block: '<',
+          owner: '<'
+      },
+      controller: MembersBlockController
+    });
+
+  /** @ngInject */
+  function MembersBlockController(noosfero) {
+    var vm = this;
+    vm.members = [];
+
+    noosfero.members(noosfero.profiles.one(vm.owner.id)).one().get({per_page: 6}).then(function(response) {
+      vm.members = response.data.people;
+    });
+  }
+
+})();
@@ -1,35 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('angular')
-    .directive('noosferoMembersBlock', noosferoMembersBlock);
-
-  /** @ngInject */
-  function noosferoMembersBlock() {
-    var directive = {
-      restrict: 'E',
-      templateUrl: 'app/components/noosfero-blocks/members-block/members-block.html',
-      scope: {
-          block: '=',
-          owner: '='
-      },
-      controller: MembersBlockController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-    return directive;
-
-    /** @ngInject */
-    function MembersBlockController(noosfero) {
-      var vm = this;
-      vm.members = [];
-
-      noosfero.members(noosfero.profiles.one(vm.owner.id)).one().get({per_page: 6}).then(function(response) {
-        vm.members = response.data.people;
-      });
-    }
-  }
-
-})();
 <div class="members-block">
-  <a ng-repeat="member in vm.members" ui-sref="main.profile({profile: member.identifier})" class="member">
+  <a ng-repeat="member in $ctrl.members" ui-sref="main.profile({profile: member.identifier})" class="member">
     <noosfero-profile-image profile="member"></noosfero-profile-image>
   </a>
 </div>
@@ -0,0 +1,22 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoProfileImageBlock', {
+      restrict: 'E',
+      templateUrl: 'app/components/noosfero-blocks/profile-image/profile-image.html',
+      bindings: {
+          block: '<',
+          owner: '<'
+      },
+      controller: ProfileImageBlockController
+    });
+
+  /** @ngInject */
+  function ProfileImageBlockController() {
+    var vm = this;
+    vm.profile = vm.owner;
+  }
+
+})();
@@ -1,31 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('angular')
-    .directive('noosferoProfileImageBlock', noosferoProfileImageBlock);
-
-  /** @ngInject */
-  function noosferoProfileImageBlock() {
-    var directive = {
-      restrict: 'E',
-      templateUrl: 'app/components/noosfero-blocks/profile-image/profile-image.html',
-      scope: {
-          block: '=',
-          owner: '='
-      },
-      controller: ProfileImageBlockController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-    return directive;
-
-    /** @ngInject */
-    function ProfileImageBlockController() {
-      var vm = this;
-      vm.profile = vm.owner;
-    }
-  }
-
-})();
 <div class="center-block text-center profile-image-block">
-  <a ui-sref="main.profile.info({profile: vm.owner.identifier})">
-    <noosfero-profile-image profile="vm.owner"></noosfero-profile-image>
+  <a ui-sref="main.profile.info({profile: $ctrl.owner.identifier})">
+    <noosfero-profile-image profile="$ctrl.owner"></noosfero-profile-image>
   </a>
-  <a class="settings-link" target="_self" ui-sref="main.profile.settings({profile: vm.owner.identifier})">Control panel</a>
+  <a class="settings-link" target="_self" ui-sref="main.profile.settings({profile: $ctrl.owner.identifier})">Control panel</a>
 </div>
@@ -0,0 +1,33 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoRecentDocumentsBlock', {
+      restrict: 'E',
+      templateUrl: 'app/components/noosfero-blocks/recent-documents/recent-documents.html',
+      bindings: {
+          block: '<',
+          owner: '<'
+      },
+      controller: RecentDocumentsController
+    });
+
+  /** @ngInject */
+  function RecentDocumentsController(noosfero, $state) {
+    var vm = this;
+    vm.profile = vm.owner;
+    vm.documents = [];
+
+    vm.openDocument = function(article) {
+      $state.go("main.profile.page", {page: article.path, profile: article.profile.identifier}); 
+    }
+
+    var limit = vm.block.settings.limit || 5;
+    //FIXME get all text articles
+    noosfero.profiles.one(vm.profile.id).one('articles').get({content_type: 'TinyMceArticle', per_page: limit}).then(function(response) {
+      vm.documents = response.data.articles;
+    });
+  }
+
+})();
@@ -1,42 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('angular')
-    .directive('noosferoRecentDocumentsBlock', noosferoRecentDocumentsBlock);
-
-  /** @ngInject */
-  function noosferoRecentDocumentsBlock() {
-    var directive = {
-      restrict: 'E',
-      templateUrl: 'app/components/noosfero-blocks/recent-documents/recent-documents.html',
-      scope: {
-          block: '=',
-          owner: '='
-      },
-      controller: RecentDocumentsController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-    return directive;
-
-    /** @ngInject */
-    function RecentDocumentsController(noosfero, $state) {
-      var vm = this;
-      vm.profile = vm.owner;
-      vm.documents = [];
-
-      vm.openDocument = function(article) {
-        $state.go("main.profile.page", {page: article.path, profile: article.profile.identifier}); 
-      }
-
-      var limit = vm.block.settings.limit || 5;
-      //FIXME get all text articles
-      noosfero.profiles.one(vm.profile.id).one('articles').get({content_type: 'TinyMceArticle', per_page: limit}).then(function(response) {
-        vm.documents = response.data.articles;
-      });
-    }
-  }
-
-})();
-<div deckgrid source="vm.documents" class="deckgrid">
-  <div class="a-card panel media" ng-click="mother.vm.openDocument(card);">
+<div deckgrid source="$ctrl.documents" class="deckgrid">
+  <div class="a-card panel media" ng-click="mother.$ctrl.openDocument(card);">
       <div class="author media-left" ng-show="card.author.image">
         <img ng-src="{{card.author.image.url}}" class="img-circle">
       </div>
@@ -4,7 +4,7 @@
       <h3 class="panel-title">{{block.title}}</h3>
     </div>
     <div class="panel-body">
-      <noosfero-block block="block" owner="vm.owner"></noosfero-block>
+      <noosfero-block block="block" owner="$ctrl.owner"></noosfero-block>
     </div>
   </div>
 </div>
@@ -0,0 +1,26 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoBoxes', {
+      restrict: 'E',
+      bindings: {
+          boxes: '<',
+          owner: '<'
+      },
+      templateUrl: 'app/components/noosfero-boxes/boxes.html',
+      controller: BoxesController
+    });
+
+  /** @ngInject */
+  function BoxesController() {
+    var vm = this;
+
+    vm.boxesOrder = function(box) {
+      if(box.position==2) return 0;
+      return box.position;
+    }
+  }
+
+})();
@@ -1,35 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('angular')
-    .directive('noosferoBoxes', noosferoBoxes);
-
-  /** @ngInject */
-  function noosferoBoxes() {
-    var directive = {
-      restrict: 'E',
-      scope: {
-          boxes: '=',
-          owner: '='
-      },
-      templateUrl: 'app/components/noosfero-boxes/boxes.html',
-      controller: BoxesController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-    return directive;
-
-    /** @ngInject */
-    function BoxesController() {
-      var vm = this;
-
-      vm.boxesOrder = function(box) {
-        if(box.position==2) return 0;
-        return box.position;
-      }
-    }
-  }
-
-})();
-<ng-include ng-repeat="box in vm.boxes | orderBy: vm.boxesOrder" src="'app/components/noosfero-boxes/box.html'"></ng-include>
+<ng-include ng-repeat="box in $ctrl.boxes | orderBy: $ctrl.boxesOrder" src="'app/components/noosfero-boxes/box.html'"></ng-include>
@@ -0,0 +1,22 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('angular')
+    .component('noosferoProfileImage', {
+      restrict: 'E',
+      templateUrl: 'app/components/noosfero/profile-image/profile-image.html',
+      bindings: {
+        profile: '<'
+      },
+      controller: ProfileImageController
+    });
+
+  /** @ngInject */
+  function ProfileImageController() {
+    var vm = this;
+    vm.defaultIcon = 'fa-users';
+    if(vm.profile && vm.profile.type==='Person') vm.defaultIcon = 'fa-user';
+  }
+
+})();
@@ -1,31 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('angular')
-    .directive('noosferoProfileImage', noosferoProfileImage);
-
-  /** @ngInject */
-  function noosferoProfileImage() {
-    var directive = {
-      restrict: 'E',
-      templateUrl: 'app/components/noosfero/profile-image/profile-image.html',
-      scope: {
-        profile: '='
-      },
-      controller: ProfileImageController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-    return directive;
-
-    /** @ngInject */
-    function ProfileImageController() {
-      var vm = this;
-      vm.defaultIcon = 'fa-users';
-      if(vm.profile && vm.profile.type==='Person') vm.defaultIcon = 'fa-user';
-    }
-  }
-
-})();
-<span title="{{vm.profile.name}}">
-  <img ng-if="vm.profile.image" ng-src="{{vm.profile.image.url}}" class="img-responsive profile-image">
-  <i ng-if="!vm.profile.image" class="fa {{vm.defaultIcon}} fa-5x profile-image"></i>
+<span title="{{$ctrl.profile.name}}">
+  <img ng-if="$ctrl.profile.image" ng-src="{{$ctrl.profile.image.url}}" class="img-responsive profile-image">
+  <i ng-if="!$ctrl.profile.image" class="fa {{$ctrl.defaultIcon}} fa-5x profile-image"></i>
 </span>
@@ -0,0 +1,14 @@		@@ -0,0 +1,14 @@
	1	+(function() {
	2	+ 'use strict';
	3	+
	4	+ angular
	5	+ .module('angular')
	6	+ .component('noosferoActivities', {
	7	+ restrict: 'E',
	8	+ bindings: {
	9	+ activities: '<'
	10	+ },
	11	+ templateUrl: 'app/components/noosfero-activities/activities.html'
	12	+ });
	13	+
	14	+})();
	@@ -1,20 +0,0 @@	@@ -1,20 +0,0 @@
1	-(function() {
2	- 'use strict';
3	-
4	- angular
5	- .module('angular')
6	- .directive('noosferoActivities', noosferoActivities);
7	-
8	- /** @ngInject */
9	- function noosferoActivities() {
10	- var directive = {
11	- restrict: 'E',
12	- scope: {
13	- activities: '='
14	- },
15	- templateUrl: 'app/components/noosfero-activities/activities.html'
16	- };
17	- return directive;
18	- }
19	-
20	-})();
1	<timeline>	1	<timeline>
2	- <timeline-event ng-repeat="activity in activities \| orderBy: 'created_at':true">	2	+ <timeline-event ng-repeat="activity in $ctrl.activities \| orderBy: 'created_at':true">
3	<noosfero-activity activity="activity"></noosfero-activity>	3	<noosfero-activity activity="activity"></noosfero-activity>
4	</timeline-event>	4	</timeline-event>
5	</timeline>	5	</timeline>
@@ -0,0 +1,24 @@		@@ -0,0 +1,24 @@
	1	+(function() {
	2	+ 'use strict';
	3	+
	4	+ angular
	5	+ .module('angular')
	6	+ .component('noosferoActivity', {
	7	+ restrict: 'E',
	8	+ bindings: {
	9	+ activity: '<'
	10	+ },
	11	+ templateUrl: 'app/components/noosfero-activities/activity/activity.html',
	12	+ replace: true,
	13	+ controller: ActivityController
	14	+ });
	15	+
	16	+ /** @ngInject */
	17	+ function ActivityController() {
	18	+ var vm = this;
	19	+ vm.getActivityTemplate = function(activity) {
	20	+ return 'app/components/noosfero-activities/activity/' + activity.verb + '.html';
	21	+ }
	22	+ }
	23	+
	24	+})();
	@@ -1,32 +0,0 @@	@@ -1,32 +0,0 @@
1	-(function() {
2	- 'use strict';
3	-
4	- angular
5	- .module('angular')
6	- .directive('noosferoActivity', noosferoActivity);
7	-
8	- /** @ngInject */
9	- function noosferoActivity() {
10	- var directive = {
11	- restrict: 'E',
12	- scope: {
13	- activity: '='
14	- },
15	- templateUrl: 'app/components/noosfero-activities/activity/activity.html',
16	- replace: true,
17	- controller: ActivityController,
18	- controllerAs: 'vm',
19	- bindToController: true
20	- };
21	- return directive;
22	-
23	- /** @ngInject */
24	- function ActivityController() {
25	- var vm = this;
26	- vm.getActivityTemplate = function(activity) {
27	- return 'app/components/noosfero-activities/activity/' + activity.verb + '.html';
28	- }
29	- }
30	- }
31	-
32	-})();
1	<div class="activity">	1	<div class="activity">
2	- <ng-include src="vm.getActivityTemplate(vm.activity)"></ng-include>	2	+ <ng-include src="$ctrl.getActivityTemplate($ctrl.activity)"></ng-include>
3	</div>	3	</div>
	@@ -4,10 +4,10 @@		@@ -4,10 +4,10 @@
4	<timeline-panel>	4	<timeline-panel>
5	<timeline-heading>	5	<timeline-heading>
6	<h4 class="timeline-title">	6	<h4 class="timeline-title">
7	- <a ui-sref="main.profile.info({profile: vm.activity.user.identifier})"><strong ng-bind="vm.activity.user.name"></strong></a>	7	+ <a ui-sref="main.profile.info({profile: $ctrl.activity.user.identifier})"><strong ng-bind="$ctrl.activity.user.name"></strong></a>
8	<span> has joined the community</span>	8	<span> has joined the community</span>
9	</h4>	9	</h4>
10	- <p><small class="text-muted"><i class="fa fa-clock-o"></i> <span am-time-ago="vm.activity.created_at"></span></small></p>	10	+ <p><small class="text-muted"><i class="fa fa-clock-o"></i> <span am-time-ago="$ctrl.activity.created_at"></span></small></p>
11	</timeline-heading>	11	</timeline-heading>
12	<div class="timeline-body"></div>	12	<div class="timeline-body"></div>
13	</timeline-panel>	13	</timeline-panel>
@@ -0,0 +1,36 @@		@@ -0,0 +1,36 @@
	1	+(function() {
	2	+ 'use strict';
	3	+
	4	+ angular
	5	+ .module('angular')
	6	+ .component('noosferoBlog', {
	7	+ restrict: 'E',
	8	+ templateUrl: 'app/components/noosfero-articles/blog/blog.html',
	9	+ bindings: {
	10	+ article: '<',
	11	+ profile: '<'
	12	+ },
	13	+ controller: BlogController
	14	+ });
	15	+
	16	+ /** @ngInject */
	17	+ function BlogController(noosfero) {
	18	+ var vm = this;
	19	+ vm.posts = [];
	20	+ vm.perPage = 3;
	21	+ vm.currentPage = 1;
	22	+
	23	+ vm.loadPage = function() {
	24	+ noosfero.articles.one(vm.article.id).customGET('children', {
	25	+ content_type: 'TinyMceArticle',
	26	+ per_page: vm.perPage,
	27	+ page: vm.currentPage
	28	+ }).then(function(response) {
	29	+ vm.totalPosts = response.headers('total');
	30	+ vm.posts = response.data.articles;
	31	+ });
	32	+ }
	33	+ vm.loadPage();
	34	+ }
	35	+
	36	+})();
	@@ -1,45 +0,0 @@	@@ -1,45 +0,0 @@
1	-(function() {
2	- 'use strict';
3	-
4	- angular
5	- .module('angular')
6	- .directive('noosferoBlog', noosferoBlog);
7	-
8	- /** @ngInject */
9	- function noosferoBlog() {
10	- var directive = {
11	- restrict: 'E',
12	- templateUrl: 'app/components/noosfero-articles/blog/blog.html',
13	- scope: {
14	- article: '=',
15	- profile: '='
16	- },
17	- controller: BlogController,
18	- controllerAs: 'vm',
19	- bindToController: true
20	- };
21	-
22	- return directive;
23	-
24	- /** @ngInject */
25	- function BlogController(noosfero) {
26	- var vm = this;
27	- vm.posts = [];
28	- vm.perPage = 3;
29	- vm.currentPage = 1;
30	-
31	- vm.loadPage = function() {
32	- noosfero.articles.one(vm.article.id).customGET('children', {
33	- content_type: 'TinyMceArticle',
34	- per_page: vm.perPage,
35	- page: vm.currentPage
36	- }).then(function(response) {
37	- vm.totalPosts = response.headers('total');
38	- vm.posts = response.data.articles;
39	- });
40	- }
41	- vm.loadPage();
42	- }
43	- }
44	-
45	-})();
@@ -0,0 +1,21 @@		@@ -0,0 +1,21 @@
	1	+(function() {
	2	+ 'use strict';
	3	+
	4	+ angular
	5	+ .module('angular')
	6	+ .component('noosferoLinkListBlock', {
	7	+ restrict: 'E',
	8	+ templateUrl: 'app/components/noosfero-blocks/link-list/link-list.html',
	9	+ bindings: {
	10	+ block: '<',
	11	+ owner: '<'
	12	+ },
	13	+ controller: LinkListBlockController
	14	+ });
	15	+
	16	+ /** @ngInject */
	17	+ function LinkListBlockController() {
	18	+ this.links = this.block.settings.links;
	19	+ }
	20	+
	21	+})();