cover image visible in full screen

zurfyx · Aug 21, 2017 · 758ae1f · 758ae1f
1 parent 53b3049
commit 758ae1f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/app/journey/detail/journey-detail.component.html b/src/app/journey/detail/journey-detail.component.html
@@ -12,8 +12,9 @@
   <div class="banner__action-left" [routerLink]="['/journeys']">
     <span class="arrow">&#x2303;</span>
   </div>
-  <div class="banner__action-buttons" *ngIf="editState > 0">
-    <i class="fa fa-camera"></i>
+  <div class="banner__action-buttons">
+    <a class="fa fa-external-link neat" [href]="journey.coverURL" *ngIf="journey.coverURL && editState === 0" target="_blank"></a>
+    <i class="fa fa-camera" *ngIf="editState > 0"></i>
   </div>
 </div>
 

diff --git a/src/app/story/detail/banner/story-detail-banner.component.html b/src/app/story/detail/banner/story-detail-banner.component.html
@@ -6,8 +6,9 @@
   <div class="banner__action-left" [routerLink]="['/journeys/' + story.journey]">
     <span class="arrow">&#x2303;</span>
   </div>
-  <div class="banner__action-buttons" *ngIf="isEditing()">
-    <i class="fa fa-camera"></i>
+  <div class="banner__action-buttons">
+    <a class="fa fa-external-link neat" [href]="story.coverURL" *ngIf="story.coverURL && !isEditing()" target="_blank"></a>
+    <i class="fa fa-camera" *ngIf="isEditing()"></i>
   </div>
 </div>