Add members block

Victor Costa
1 parent a34b5e6b
Showing 4 changed files with 48 additions and 0 deletions Show diff stats
src/app/components/noosfero-blocks/members-block/members-block.directive.js
src/app/components/noosfero-blocks/members-block/members-block.html
src/app/components/noosfero-blocks/members-block/members-block.scss
src/app/components/noosfero/noosfero.service.js
@@ -0,0 +1,35 @@
+(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().then(function(result) {
+        vm.members = result.people;
+      });
+    }
+  }
+
+})();
@@ -0,0 +1,5 @@
+<div class="members-block">
+  <a ng-repeat="member in vm.members" ui-sref="main.profile({profile: member.identifier})">
+    <noosfero-profile-image profile="member"></noosfero-profile-image>
+  </a>
+</div>
@@ -0,0 +1,5 @@
+.members-block {
+  img {
+    width: 60px;
+  }
+}
@@ -4,6 +4,9 @@
   angular.module('angular').factory('noosfero', function(Restangular) {
     return {
       profiles: Restangular.service('profiles'),
+      members: function(profile) {
+        return Restangular.service('members', profile);
+      },
       boxes: function(profileId) {
         return Restangular.service('boxes', Restangular.one('profiles', profileId))
       }
@@ -0,0 +1,35 @@		@@ -0,0 +1,35 @@
	1	+(function() {
	2	+ 'use strict';
	3	+
	4	+ angular
	5	+ .module('angular')
	6	+ .directive('noosferoMembersBlock', noosferoMembersBlock);
	7	+
	8	+ /** @ngInject */
	9	+ function noosferoMembersBlock() {
	10	+ var directive = {
	11	+ restrict: 'E',
	12	+ templateUrl: 'app/components/noosfero-blocks/members-block/members-block.html',
	13	+ scope: {
	14	+ block: '=',
	15	+ owner: '='
	16	+ },
	17	+ controller: MembersBlockController,
	18	+ controllerAs: 'vm',
	19	+ bindToController: true
	20	+ };
	21	+
	22	+ return directive;
	23	+
	24	+ /** @ngInject */
	25	+ function MembersBlockController(noosfero) {
	26	+ var vm = this;
	27	+ vm.members = [];
	28	+
	29	+ noosfero.members(noosfero.profiles.one(vm.owner.id)).one().get().then(function(result) {
	30	+ vm.members = result.people;
	31	+ });
	32	+ }
	33	+ }
	34	+
	35	+})();
@@ -0,0 +1,5 @@		@@ -0,0 +1,5 @@
	1	+<div class="members-block">
	2	+ <a ng-repeat="member in vm.members" ui-sref="main.profile({profile: member.identifier})">
	3	+ <noosfero-profile-image profile="member"></noosfero-profile-image>
	4	+ </a>
	5	+</div>
@@ -0,0 +1,5 @@		@@ -0,0 +1,5 @@
	1	+.members-block {
	2	+ img {
	3	+ width: 60px;
	4	+ }
	5	+}