msgCenter -> baMsgCenter

src/app/theme/components/baMsgCenter/baMsgCenter.component.ts

@@ -0,0 +1,23 @@
+import {Component} from '@angular/core';
+
+import {BaMsgCenterService} from './baMsgCenter.service';
+import {BaProfilePicturePipe} from '../../pipes';
+
+@Component({
+  selector: 'msg-center',
+  providers: [BaMsgCenterService],
+  styles: [require('./baMsgCenter.scss')],
+  template: require('./baMsgCenter.html'),
+  pipes: [BaProfilePicturePipe]
+})
+export class BaMsgCenter {
+
+  public notifications:Array<Object>;
+  public messages:Array<Object>;
+
+  constructor(private _baMsgCenterService:BaMsgCenterService) {
+    this.notifications = this._baMsgCenterService.getNotifications();
+    this.messages = this._baMsgCenterService.getMessages();
+  }
+
+}

src/app/theme/components/baMsgCenter/baMsgCenter.service.ts

@@ -1,16 +1,9 @@
-import {Component} from '@angular/core';
+import {Injectable} from '@angular/core'
 
-import {BaProfilePicturePipe} from '../../pipes';
+@Injectable()
+export class BaMsgCenterService {
 
-@Component({
+  private _notifications = [
-  selector: 'msg-center',
-  styles: [require('./msgCenter.scss')],
-  template: require('./msgCenter.html'),
-  pipes: [BaProfilePicturePipe]
-})
-export class MsgCenter {
-
-  notifications = [
     {
       name: 'Vlad',
       text: 'Vlad posted a new article.',
@@ -48,7 +41,7 @@ export class MsgCenter {
     }
   ];
 
-  messages = [
+  private _messages = [
     {
       name: 'Nasta',
       text: 'After you get up and running, you can place Font Awesome icons just about...',
@@ -85,4 +78,12 @@ export class MsgCenter {
       time: '1 week ago'
     }
   ];
+
+  public getMessages():Array<Object> {
+    return this._messages;
+  }
+
+  public getNotifications():Array<Object> {
+    return this._notifications;
+  }
 }

src/app/theme/components/baMsgCenter/index.ts

@@ -0,0 +1 @@
+export * from './baMsgCenter.component.ts';

src/app/theme/components/index.ts

@@ -1,5 +1,5 @@
 export * from './pageTop';
-export * from './msgCenter';
+export * from './baMsgCenter';
 export * from './sidebar';
 export * from './baContentTop';
 export * from './baCard';

src/app/theme/components/msgCenter/index.ts

@@ -1 +0,0 @@
-export * from './msgCenter.component.ts';

src/app/theme/components/pageTop/pageTop.component.ts

@@ -2,14 +2,14 @@ import {Component, ViewEncapsulation} from '@angular/core';
 
 import {AppState} from '../../../app.state';
 import {BaProfilePicturePipe} from '../../pipes';
-import {MsgCenter} from '../../components/msgCenter';
+import {BaMsgCenter} from '../../components/baMsgCenter';
 import {BaScrollPosition} from '../../directives';
 
 @Component({
   selector: 'page-top',
   styles: [require('./pageTop.scss')],
   template: require('./pageTop.html'),
-  directives: [MsgCenter, BaScrollPosition],
+  directives: [BaMsgCenter, BaScrollPosition],
   pipes: [BaProfilePicturePipe],
   encapsulation: ViewEncapsulation.None
 })

src/app/theme/components/pageTop/pageTop.scss

@@ -1,5 +1,5 @@
 @import '../../sass/conf/conf';
-@import '../../components/msgCenter/msgCenter';
+@import '../../components/baMsgCenter/baMsgCenter';
 
 .page-top {
   background-color: $sidebar;