Adds container block component

Signed-off-by: Tallys Martins <tallysmartins@gmail.com>

Adds container block component
Signed-off-by: Tallys Martins <tallysmartins@gmail.com>
Tallys Martins
1 parent a3199c2c
Showing 5 changed files with 38 additions and 1 deletions Show diff stats
src/app/layout/blocks/container-block-plugin-container-block/container-block-plugin-container-block.component.ts
src/app/layout/blocks/container-block-plugin-container-block/container-block-plugin-container-block.html
src/app/layout/blocks/container-block-plugin-container-block/container-block-plugin-container-block.scss
src/app/layout/blocks/container-block-plugin-container-block/index.ts
src/app/main/main.component.ts
@@ -0,0 +1,27 @@
+import { Input, Inject, Component } from 'ng-forward';
+import {BlockService} from "../../../../lib/ng-noosfero-api/http/block.service";
+import {Arrays} from "./../../../../lib/util/arrays";
+
+@Component({
+    selector: 'noosfero-container-block-plugin-container-block',
+    templateUrl: 'app/layout/blocks/container-block-plugin-container-block/container-block-plugin-container-block.html'
+})
+@Inject(BlockService, "$state")
+export class ContainerBlockPluginContainerBlockComponent {
+
+    @Input() block: any;
+    @Input() owner: any;
+
+    profile: any;
+    blocks: any;
+
+    constructor(private blockService: BlockService, private $state: any) { }
+  
+    ngOnInit() {
+        this.profile = this.owner;
+        this.blocks = [];
+        this.blockService.getApiContent(this.block).then((content: any) => {
+            this.blocks = content.blocks;
+        });
+    }
+}
@@ -0,0 +1,6 @@
+<div>
+  <noosfero-block ng-repeat="block in ctrl.blocks | orderBy: 'position'" 
+    [block]="block" [owner]="ctrl.owner">
+  </noosfero-block>
+</div>
+
@@ -0,0 +1,2 @@
+/* Module Index Entry - generated using the script npm run generate-index */
+export * from "./container-block-plugin-container-block.component";
@@ -21,6 +21,7 @@ import { PersonTagsPluginInterestsBlockComponent } from &quot;../layout/blocks/person
 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 { ContainerBlockPluginContainerBlockComponent } from "../layout/blocks/container-block-plugin-container-block/container-block-plugin-container-block.component";
 import { ProfileImagesPluginProfileImagesBlockComponent } from "../layout/blocks/profile-images-plugin-profile-images/profile-images-plugin-profile-images-block.component";
 import { RegisterComponent } from "../account/register.component";
@@ -98,7 +99,7 @@ export class EnvironmentContent {
  * @requires AuthService, Session, Notification, ArticleBlog, ArticleView, Boxes, Block, LinkListBlock,
  * MainBlock, RecentDocumentsBlock, Navbar, ProfileImageBlock, MembersBlock,
  * NoosferoTemplate, DateFormat, RawHTMLBlock, PersonTagsPluginInterestsBlock,
- * RecentActivitiesPluginActivitiesBlock, ProfileImagesPluginProfileImages
+ * RecentActivitiesPluginActivitiesBlock, ContainerBlockPluginContainerBlockComponent, ProfileImagesPluginProfileImages
  * @description
  *  The Main controller for the Noosfero Angular Theme application.
  *
@@ -118,6 +119,7 @@ export class EnvironmentContent {
         MembersBlockComponent, NoosferoTemplate, DateFormat, RawHTMLBlockComponent, StatisticsBlockComponent,
         LoginBlockComponent, CustomContentComponent, PermissionDirective, SearchFormComponent, SearchComponent,
         PersonTagsPluginInterestsBlockComponent, TagsBlockComponent, RecentActivitiesPluginActivitiesBlockComponent,
+        ContainerBlockPluginContainerBlockComponent,
         ProfileImagesPluginProfileImagesBlockComponent, BlockComponent, RegisterComponent
     ].concat(plugins.mainComponents).concat(plugins.hotspots),
     providers: [AuthService, SessionService, NotificationService, BodyStateClassesService, RegisterService,
@@ -0,0 +1,27 @@		@@ -0,0 +1,27 @@
	1	+import { Input, Inject, Component } 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-container-block-plugin-container-block',
	7	+ templateUrl: 'app/layout/blocks/container-block-plugin-container-block/container-block-plugin-container-block.html'
	8	+})
	9	+@Inject(BlockService, "$state")
	10	+export class ContainerBlockPluginContainerBlockComponent {
	11	+
	12	+ @Input() block: any;
	13	+ @Input() owner: any;
	14	+
	15	+ profile: any;
	16	+ blocks: any;
	17	+
	18	+ constructor(private blockService: BlockService, private $state: any) { }
	19	+
	20	+ ngOnInit() {
	21	+ this.profile = this.owner;
	22	+ this.blocks = [];
	23	+ this.blockService.getApiContent(this.block).then((content: any) => {
	24	+ this.blocks = content.blocks;
	25	+ });
	26	+ }
	27	+}
@@ -0,0 +1,6 @@		@@ -0,0 +1,6 @@
	1	+<div>
	2	+ <noosfero-block ng-repeat="block in ctrl.blocks \| orderBy: 'position'"
	3	+ [block]="block" [owner]="ctrl.owner">
	4	+ </noosfero-block>
	5	+</div>
	6	+
@@ -0,0 +1,2 @@		@@ -0,0 +1,2 @@
	1	+/* Module Index Entry - generated using the script npm run generate-index */
	2	+export * from "./container-block-plugin-container-block.component";