Merge pull request #2420 from crazyserver/MOBILE-3401

Mobile 3401

Author: jleyva

src/core/courses/components/course-progress/core-courses-course-progress.html

@@ -3,7 +3,7 @@
         <img *ngIf="course.courseImage" [src]="course.courseImage" core-external-content alt=""/>
     </div>
     <ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.displayname || course.fullname" class="core-course-link" [class.item-disabled]="course.visible == 0" [class.core-course-more-than-title]="(course.progress != null && course.progress >= 0)">
-        <div class="core-course-title" [class.core-course-with-buttons]="courseOptionMenuEnabled || (downloadCourseEnabled && showDownload)">
+        <div class="core-course-title" [class.core-course-with-buttons]="courseOptionMenuEnabled || (downloadCourseEnabled && showDownload)" [class.core-course-with-spinner]="(downloadCourseEnabled && prefetchCourseData.prefetchCourseIcon == 'spinner') || showSpinner">
             <p *ngIf="course.categoryname || (course.displayname && course.shortname && course.fullname != course.displayname)" class="core-course-additional-info">
                 <span *ngIf="course.categoryname" class="core-course-category"><core-format-text [text]="course.categoryname"></core-format-text></span>
                 <span *ngIf="course.categoryname && course.displayname && course.shortname && course.fullname != course.displayname" class="core-course-category"> | </span>
@@ -30,7 +30,7 @@ <h2>
             <ion-spinner *ngIf="(downloadCourseEnabled && prefetchCourseData.prefetchCourseIcon == 'spinner') || showSpinner"></ion-spinner>
 
             <!-- Downloaded icon. -->
-             <ion-icon *ngIf="downloadCourseEnabled && prefetchCourseData.downloadSucceeded && !showSpinner" class="core-icon-downloaded" name="cloud-done" color="success" [attr.aria-label]="'core.downloaded' | translate" role="status"></ion-icon>
+            <ion-icon *ngIf="downloadCourseEnabled && prefetchCourseData.downloadSucceeded && !showSpinner" class="core-icon-downloaded" name="cloud-done" color="success" [attr.aria-label]="'core.downloaded' | translate" role="status"></ion-icon>
 
             <!-- Options menu. -->
             <button ion-button icon-only clear color="dark" (click)="showCourseOptionsMenu($event)" *ngIf="!showSpinner" [attr.aria-label]="('core.displayoptions' | translate)">

src/core/courses/components/course-progress/course-progress.scss

@@ -62,6 +62,10 @@ ion-app.app-root core-courses-course-progress {
 
                 &.core-course-with-buttons {
                     max-width: calc(100% - 50px);
+
+                    &.core-course-with-spinner {
+                        max-width: calc(100% - 100px);
+                    }
                 }
             }
 

src/core/login/pages/reconnect/reconnect.ts

@@ -50,6 +50,8 @@ export class CoreLoginReconnectPage {
     protected siteConfig: any;
     protected isLoggedOut: boolean;
     protected siteId: string;
+    protected viewLeft = false;
+    protected eventThrown = false;
 
     constructor(protected navCtrl: NavController,
             navParams: NavParams,
@@ -121,6 +123,14 @@ export class CoreLoginReconnectPage {
         });
     }
 
+    /**
+     * View destroyed.
+     */
+    ionViewWillUnload(): void {
+        this.viewLeft = true;
+        this.eventsProvider.trigger(CoreEventsProvider.LOGIN_SITE_UNCHECKED, { config: this.siteConfig }, this.siteId);
+    }
+
     /**
      * Get some data (like identity providers) from the site config.
      *
@@ -131,6 +141,11 @@ export class CoreLoginReconnectPage {
 
         this.identityProviders = this.loginHelper.getValidIdentityProviders(config, disabledFeatures);
         this.showForgottenPassword = !this.loginHelper.isForgottenPasswordDisabled(config);
+
+        if (!this.eventThrown && !this.viewLeft) {
+            this.eventThrown = true;
+            this.eventsProvider.trigger(CoreEventsProvider.LOGIN_SITE_CHECKED, { config: config });
+        }
     }
 
     /**