From d529265b37c4fdabfcc4c92e695143340a6376c6 Mon Sep 17 00:00:00 2001
From: nixa <4dmitr@gmail.com>
Date: Thu, 5 May 2016 17:35:23 +0300
Subject: [PATCH] appPicture pipe, feed component update

---
 src/app/pages/dashboard/feed/feed.component.ts    |  4 ++--
 src/app/pages/dashboard/feed/feed.html            |  2 +-
 src/app/pages/dashboard/feed/feed.scss            |  4 ++++
 src/app/theme/pipes/appPicture/appPicture.pipe.ts | 10 ++++++++++
 src/app/theme/pipes/appPicture/index.ts           |  1 +
 src/app/theme/pipes/index.ts                      |  1 +
 6 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 src/app/theme/pipes/appPicture/appPicture.pipe.ts
 create mode 100644 src/app/theme/pipes/appPicture/index.ts

diff --git a/src/app/pages/dashboard/feed/feed.component.ts b/src/app/pages/dashboard/feed/feed.component.ts
index 3387b1ff..af33a20b 100644
--- a/src/app/pages/dashboard/feed/feed.component.ts
+++ b/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')
 })
diff --git a/src/app/pages/dashboard/feed/feed.html b/src/app/pages/dashboard/feed/feed.html
index 9f73cb35..f6a2535c 100644
--- a/src/app/pages/dashboard/feed/feed.html
+++ b/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">
diff --git a/src/app/pages/dashboard/feed/feed.scss b/src/app/pages/dashboard/feed/feed.scss
index 56603363..438f5bc3 100644
--- a/src/app/pages/dashboard/feed/feed.scss
+++ b/src/app/pages/dashboard/feed/feed.scss
@@ -16,6 +16,10 @@
     padding-top: 0;
   }
 
+  .hidden {
+    display: none!important;
+  }
+
   .message-icon {
     cursor: pointer;
     width: 60px;
diff --git a/src/app/theme/pipes/appPicture/appPicture.pipe.ts b/src/app/theme/pipes/appPicture/appPicture.pipe.ts
new file mode 100644
index 00000000..f5e2450e
--- /dev/null
+++ b/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;
+  }
+}
diff --git a/src/app/theme/pipes/appPicture/index.ts b/src/app/theme/pipes/appPicture/index.ts
new file mode 100644
index 00000000..1b8cc7ba
--- /dev/null
+++ b/src/app/theme/pipes/appPicture/index.ts
@@ -0,0 +1 @@
+export * from './appPicture.pipe.ts';
diff --git a/src/app/theme/pipes/index.ts b/src/app/theme/pipes/index.ts
index 956d845d..833f7fc3 100644
--- a/src/app/theme/pipes/index.ts
+++ b/src/app/theme/pipes/index.ts
@@ -1 +1,2 @@
 export * from './profilePicture';
+export * from './appPicture';