adding basic information of statisticst block

Leandro Santos
1 parent 9b3a27c9
Showing 5 changed files with 68 additions and 0 deletions Show diff stats
src/app/layout/blocks/statistics/index.ts
src/app/layout/blocks/statistics/statistics-block.component.spec.ts
src/app/layout/blocks/statistics/statistics-block.component.ts
src/app/layout/blocks/statistics/statistics-block.html
src/app/main/main.component.ts
@@ -0,0 +1,2 @@
+/* Module Index Entry - generated using the script npm run generate-index */
+export * from "./statistics-block.component";
@@ -0,0 +1,36 @@
+import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
+import {Component} from 'ng-forward';
+
+import {StatisticsBlockComponent} from './statistics-block.component';
+
+const tcb = new TestComponentBuilder();
+
+const htmlTemplate: string = '<noosfero-statistics-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-statistics-block>';
+
+describe("Components", () => {
+
+    describe("Statistics Block Component", () => {
+
+        beforeEach(angular.mock.module("templates"));
+        beforeEach(angular.mock.module("ngSanitize"));
+
+        it("display title stored in block attribute", done => {
+
+            @Component({
+                selector: 'test-container-component',
+                template: htmlTemplate,
+                directives: [StatisticsBlockComponent],
+            })
+            class CustomBlockType {
+                block: any = { settings: { user_counter: '<em>block content</em>' } };
+                owner: any = { name: 'profile-name' };
+            }
+            tcb.createAsync(CustomBlockType).then(fixture => {
+                expect(fixture.debugElement.query(".statistics-block").text().trim()).toEqual('block content');
+                done();
+            });
+        });
+
+    });
+
+});
@@ -0,0 +1,18 @@
+import {Component, Input} from "ng-forward";
+
+@Component({
+    selector: "noosfero-statistics-block",
+    templateUrl: 'app/layout/blocks/statistics/statistics-block.html'
+})
+
+export class StatisticsBlockComponent {
+
+    @Input() block: any;
+    @Input() owner: any;
+
+    html: string;
+
+    ngOnInit() {
+        this.html = this.block.settings.user_counter;
+    }
+}
@@ -0,0 +1,2 @@
+<div class="statistics-block" ng-bind-html="ctrl.html">
+</div>
@@ -14,9 +14,12 @@ import {LinkListBlockComponent} from &quot;./../layout/blocks/link-list/link-list-blo
 import {RecentDocumentsBlockComponent} from "../layout/blocks/recent-documents/recent-documents-block.component";
 import {ProfileImageBlockComponent} from "../layout/blocks/profile-image/profile-image-block.component";
 import {RawHTMLBlockComponent} from "../layout/blocks/raw-html/raw-html-block.component";
+import {StatisticsBlockComponent} from "../layout/blocks/statistics/statistics-block.component";
 import {MembersBlockComponent} from "./../layout/blocks/members/members-block.component";
 import {CommunitiesBlockComponent} from "./../layout/blocks/communities/communities-block.component";
+
+
 import {NoosferoTemplate} from "../shared/pipes/noosfero-template.filter";
 import {DateFormat} from "../shared/pipes/date-format.filter";
@@ -92,9 +95,16 @@ export class EnvironmentContent {
         ArticleBlogComponent, ArticleViewComponent, BoxesComponent, BlockComponent,
         EnvironmentComponent, PeopleBlockComponent,
         LinkListBlockComponent, CommunitiesBlockComponent, HtmlEditorComponent,
+<<<<<<< HEAD
         MainBlockComponent, RecentDocumentsBlockComponent, Navbar, SidebarComponent, ProfileImageBlockComponent,
         MembersBlockComponent, NoosferoTemplate, DateFormat, RawHTMLBlockComponent
     ].concat(plugins.mainComponents).concat(plugins.hotspots),
+=======
+        MainBlockComponent, RecentDocumentsBlockComponent, Navbar, ProfileImageBlockComponent,
+        MembersBlockComponent, NoosferoTemplate, DateFormat, RawHTMLBlockComponent,
+        StatisticsBlockComponent
+    ],
+>>>>>>> adding basic information of statisticst block
     providers: [AuthService, SessionService, NotificationService, BodyStateClassesService]
 })
 @StateConfig([
@@ -0,0 +1,2 @@		@@ -0,0 +1,2 @@
	1	+/* Module Index Entry - generated using the script npm run generate-index */
	2	+export * from "./statistics-block.component";
@@ -0,0 +1,36 @@		@@ -0,0 +1,36 @@
	1	+import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
	2	+import {Component} from 'ng-forward';
	3	+
	4	+import {StatisticsBlockComponent} from './statistics-block.component';
	5	+
	6	+const tcb = new TestComponentBuilder();
	7	+
	8	+const htmlTemplate: string = '<noosfero-statistics-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-statistics-block>';
	9	+
	10	+describe("Components", () => {
	11	+
	12	+ describe("Statistics Block Component", () => {
	13	+
	14	+ beforeEach(angular.mock.module("templates"));
	15	+ beforeEach(angular.mock.module("ngSanitize"));
	16	+
	17	+ it("display title stored in block attribute", done => {
	18	+
	19	+ @Component({
	20	+ selector: 'test-container-component',
	21	+ template: htmlTemplate,
	22	+ directives: [StatisticsBlockComponent],
	23	+ })
	24	+ class CustomBlockType {
	25	+ block: any = { settings: { user_counter: '<em>block content</em>' } };
	26	+ owner: any = { name: 'profile-name' };
	27	+ }
	28	+ tcb.createAsync(CustomBlockType).then(fixture => {
	29	+ expect(fixture.debugElement.query(".statistics-block").text().trim()).toEqual('block content');
	30	+ done();
	31	+ });
	32	+ });
	33	+
	34	+ });
	35	+
	36	+});
@@ -0,0 +1,18 @@		@@ -0,0 +1,18 @@
	1	+import {Component, Input} from "ng-forward";
	2	+
	3	+@Component({
	4	+ selector: "noosfero-statistics-block",
	5	+ templateUrl: 'app/layout/blocks/statistics/statistics-block.html'
	6	+})
	7	+
	8	+export class StatisticsBlockComponent {
	9	+
	10	+ @Input() block: any;
	11	+ @Input() owner: any;
	12	+
	13	+ html: string;
	14	+
	15	+ ngOnInit() {
	16	+ this.html = this.block.settings.user_counter;
	17	+ }
	18	+}
@@ -0,0 +1,2 @@		@@ -0,0 +1,2 @@
	1	+<div class="statistics-block" ng-bind-html="ctrl.html">
	2	+</div>