[WIP] Ticket #76: Recent activities block

Caio Almeida · Caio Almeida
1 parent a61cb0f5
Showing 6 changed files with 54 additions and 2 deletions Show diff stats
src/app/layout/blocks/recent-activities-plugin-activities/index.ts
src/app/layout/blocks/recent-activities-plugin-activities/recent-activities-plugin-activities-block.component.spec.ts
src/app/layout/blocks/recent-activities-plugin-activities/recent-activities-plugin-activities-block.component.ts
src/app/layout/blocks/recent-activities-plugin-activities/recent-activities-plugin-activities-block.html
src/app/layout/blocks/recent-activities-plugin-activities/recent-activities-plugin-activities-block.scss
src/app/main/main.component.ts
@@ -0,0 +1,2 @@
+/* Module Index Entry - generated using the script npm run generate-index */
+export * from "./recent-activities-plugin-activities-block.component";
@@ -0,0 +1 @@
+// TODO
@@ -0,0 +1,32 @@
+import {Component, Inject, Input} from "ng-forward";
+import {BlockService} from "../../../../lib/ng-noosfero-api/http/block.service";
+import {Arrays} from "./../../../../lib/util/arrays";
+
+@Component({
+    selector: "noosfero-recent-activities-plugin-activities-block",
+    templateUrl: 'app/layout/blocks/recent-activities-plugin-activities/recent-activities-plugin-activities-block.html'
+})
+@Inject(BlockService, "$state")
+export class RecentActivitiesPluginActivitiesBlockComponent {
+
+    @Input() block: any;
+    @Input() owner: any;
+
+    profile: any;
+    activities: any;
+
+    constructor(private blockService: BlockService, private $state: any) { }
+
+    ngOnInit() {
+        this.profile = this.owner;
+        this.activities = [];
+        this.blockService.getApiContent(this.block).then((content: any) => {
+            let activities: any = [];
+            for (let i = 0; i < content.activities.length; i++) {
+                let activity = content.activities[i];
+                activities.push({ created_at: activity.created_at, description: 'TODO' });
+            }
+            this.activities = activities.slice();
+        });
+    }
+}
@@ -0,0 +1,13 @@
+<div deckgrid source="ctrl.activities" class="deckgrid">
+  <div class="a-card panel media">
+      <div class="header media-body">
+        <h5 class="title media-heading" ng-bind="card.description"></h5>
+
+        <div class="subheader">
+          <span class="time">
+            <i class="fa fa-clock-o"></i> <span am-time-ago="card.created_at | dateFormat"></span>
+          </span>
+        </div>
+      </div>
+  </div>
+</div>
@@ -0,0 +1,3 @@
+.col-md-2-5 .deckgrid[deckgrid]::before {
+  visibility: hidden;
+}
@@ -20,6 +20,7 @@ import {StatisticsBlockComponent} from &quot;../layout/blocks/statistics/statistics-b
 import {PersonTagsPluginInterestsBlockComponent} from "../layout/blocks/person-tags-plugin-interests/person-tags-plugin-interests-block.component";
 import {TagsBlockComponent} from "../layout/blocks/tags/tags-block.component";
 import {CustomContentComponent} from "../profile/custom-content/custom-content.component";
+import {RecentActivitiesPluginActivitiesBlockComponent} from "../layout/blocks/recent-activities-plugin-activities/recent-activities-plugin-activities-block.component";
 import {MembersBlockComponent} from "../layout/blocks/members/members-block.component";
 import {CommunitiesBlockComponent} from "../layout/blocks/communities/communities-block.component";
@@ -87,7 +88,7 @@ export class EnvironmentContent {
  * @name main.Main
  * @requires AuthService, Session, Notification, ArticleBlog, ArticleView, Boxes, Block, LinkListBlock,
  * MainBlock, RecentDocumentsBlock, Navbar, ProfileImageBlock, MembersBlock,
- * NoosferoTemplate, DateFormat, RawHTMLBlock, PersonTagsPluginInterestsBlock
+ * NoosferoTemplate, DateFormat, RawHTMLBlock, PersonTagsPluginInterestsBlock, RecentActivitiesPluginActivitiesBlock,
  * @description
  *  The Main controller for the Noosfero Angular Theme application.
  *
@@ -106,7 +107,7 @@ export class EnvironmentContent {
         MainBlockComponent, RecentDocumentsBlockComponent, Navbar, SidebarComponent, ProfileImageBlockComponent,
         MembersBlockComponent, NoosferoTemplate, DateFormat, RawHTMLBlockComponent, StatisticsBlockComponent,
         LoginBlockComponent, CustomContentComponent, PermissionDirective, SearchFormComponent, SearchComponent,
-        PersonTagsPluginInterestsBlockComponent, TagsBlockComponent, BlockComponent
+        PersonTagsPluginInterestsBlockComponent, TagsBlockComponent, RecentActivitiesPluginActivitiesBlockComponent, BlockComponent
     ].concat(plugins.mainComponents).concat(plugins.hotspots),
     providers: [AuthService, SessionService, NotificationService, BodyStateClassesService,
         "ngAnimate", "ngCookies", "ngStorage", "ngTouch",
@@ -0,0 +1,2 @@		@@ -0,0 +1,2 @@
	1	+/* Module Index Entry - generated using the script npm run generate-index */
	2	+export * from "./recent-activities-plugin-activities-block.component";
@@ -0,0 +1,32 @@		@@ -0,0 +1,32 @@
	1	+import {Component, Inject, Input} from "ng-forward";
	2	+import {BlockService} from "../../../../lib/ng-noosfero-api/http/block.service";
	3	+import {Arrays} from "./../../../../lib/util/arrays";
	4	+
	5	+@Component({
	6	+ selector: "noosfero-recent-activities-plugin-activities-block",
	7	+ templateUrl: 'app/layout/blocks/recent-activities-plugin-activities/recent-activities-plugin-activities-block.html'
	8	+})
	9	+@Inject(BlockService, "$state")
	10	+export class RecentActivitiesPluginActivitiesBlockComponent {
	11	+
	12	+ @Input() block: any;
	13	+ @Input() owner: any;
	14	+
	15	+ profile: any;
	16	+ activities: any;
	17	+
	18	+ constructor(private blockService: BlockService, private $state: any) { }
	19	+
	20	+ ngOnInit() {
	21	+ this.profile = this.owner;
	22	+ this.activities = [];
	23	+ this.blockService.getApiContent(this.block).then((content: any) => {
	24	+ let activities: any = [];
	25	+ for (let i = 0; i < content.activities.length; i++) {
	26	+ let activity = content.activities[i];
	27	+ activities.push({ created_at: activity.created_at, description: 'TODO' });
	28	+ }
	29	+ this.activities = activities.slice();
	30	+ });
	31	+ }
	32	+}
@@ -0,0 +1,13 @@		@@ -0,0 +1,13 @@
	1	+<div deckgrid source="ctrl.activities" class="deckgrid">
	2	+ <div class="a-card panel media">
	3	+ <div class="header media-body">
	4	+ <h5 class="title media-heading" ng-bind="card.description"></h5>
	5	+
	6	+ <div class="subheader">
	7	+ <span class="time">
	8	+ <i class="fa fa-clock-o"></i> <span am-time-ago="card.created_at \| dateFormat"></span>
	9	+ </span>
	10	+ </div>
	11	+ </div>
	12	+ </div>
	13	+</div>
@@ -0,0 +1,3 @@		@@ -0,0 +1,3 @@
	1	+.col-md-2-5 .deckgrid[deckgrid]::before {
	2	+ visibility: hidden;
	3	+}