appPicture pipe, feed component update

src/app/pages/dashboard/feed/feed.component.ts

@@ -1,13 +1,13 @@
 import {Component, ViewEncapsulation} from 'angular2/core';
 
-import {ProfilePicturePipe} from '../../../theme/pipes';
+import {ProfilePicturePipe, AppPicturePipe} from '../../../theme/pipes';
 import {FeedService} from './feed.service';
 
 @Component({
   selector: 'feed',
   encapsulation: ViewEncapsulation.None,
   providers: [FeedService],
-  pipes: [ProfilePicturePipe],
+  pipes: [ProfilePicturePipe, AppPicturePipe],
   styles: [require('./feed.scss')],
   template: require('./feed.html')
 })

src/app/pages/dashboard/feed/feed.html

@@ -16,7 +16,7 @@
       </div>
       <div class="preview" [ngClass]="{'hidden': !message.expanded}" *ngIf="message.preview">
         <a href="{{ message.link }}" target="_blank">
-          <!--<img src="{{ ( message.preview | appImage )}}">-->
+          <img src="{{ ( message.preview | appPicture )}}">
         </a>
       </div>
       <div [ngClass]="{'hidden': !message.expanded}" class="message-time">

src/app/pages/dashboard/feed/feed.scss

@@ -16,6 +16,10 @@
     padding-top: 0;
   }
 
+  .hidden {
+    display: none!important;
+  }
+
   .message-icon {
     cursor: pointer;
     width: 60px;

src/app/theme/pipes/appPicture/appPicture.pipe.ts

@@ -0,0 +1,10 @@
+import {Pipe, PipeTransform} from 'angular2/core';
+import {layoutPaths} from '../../../theme';
+
+@Pipe({name: 'appPicture'})
+export class AppPicturePipe implements PipeTransform {
+
+  transform(input:string, args:any[]):string {
+    return layoutPaths.images.root + input;
+  }
+}

src/app/theme/pipes/appPicture/index.ts

@@ -0,0 +1 @@
+export * from './appPicture.pipe.ts';

src/app/theme/pipes/index.ts

@@ -1 +1,2 @@
 export * from './profilePicture';
+export * from './appPicture';