From 51b2c94cde5679fd9e67a6edb42211bee7e182b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 10 Jan 2019 08:59:40 +0100
Subject: [PATCH] MOBILE-2795 course: Load course image from course section
 without showing it

---
 src/core/course/components/format/core-course-format.html | 7 +++++--
 src/core/course/components/format/format.scss             | 1 +
 src/core/course/pages/section/section.ts                  | 5 +++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/core/course/components/format/core-course-format.html b/src/core/course/components/format/core-course-format.html
index a7c21a84c..3377c9150 100644
--- a/src/core/course/components/format/core-course-format.html
+++ b/src/core/course/components/format/core-course-format.html
@@ -23,8 +23,11 @@
 
         <!-- Course summary. By default we only display the course progress. -->
         <core-dynamic-component [component]="courseSummaryComponent" [data]="data">
-            <ion-list no-lines *ngIf="selectedSection && selectedSection.id == allSectionsId && course.progress != null && course.progress >= 0" class="core-format-progress-list">
-                <ion-item class="core-course-progress">
+            <ion-list no-lines *ngIf="course.imageThumb || (selectedSection && selectedSection.id == allSectionsId && course.progress != null && course.progress >= 0)" class="core-format-progress-list">
+                <div *ngIf="course.imageThumb" class="core-course-thumb">
+                    <img [src]="course.imageThumb" core-external-content alt=""/>
+                </div>
+                <ion-item class="core-course-progress" *ngIf="selectedSection && selectedSection.id == allSectionsId && course.progress != null && course.progress >= 0">
                     <core-progress-bar [progress]="course.progress"></core-progress-bar>
                 </ion-item>
             </ion-list>
diff --git a/src/core/course/components/format/format.scss b/src/core/course/components/format/format.scss
index 3639d394c..2533ecdba 100644
--- a/src/core/course/components/format/format.scss
+++ b/src/core/course/components/format/format.scss
@@ -34,6 +34,7 @@ ion-app.app-root core-course-format {
     }
 
     .core-course-thumb {
+        display: none;
         height: 150px;
         width: 100%;
         overflow: hidden;
diff --git a/src/core/course/pages/section/section.ts b/src/core/course/pages/section/section.ts
index a246213b6..4a8bcf145 100644
--- a/src/core/course/pages/section/section.ts
+++ b/src/core/course/pages/section/section.ts
@@ -265,6 +265,11 @@ export class CoreCourseSectionPage implements OnDestroy {
                 });
             }));
 
+            // Get the overview files.
+            if (this.course.overviewfiles) {
+                this.course.imageThumb = this.course.overviewfiles[0] && this.course.overviewfiles[0].fileurl;
+            }
+
             // Load the course handlers.
             promises.push(this.courseOptionsDelegate.getHandlersToDisplay(this.injector, this.course, refresh, false)
                     .then((handlers) => {