EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-2689 courses: Show download spinner separate from menu

main
Pau Ferrer Ocaña 2018-11-12 16:10:58 +01:00
parent 9391a8a24a
commit c716d1a0b1
4 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/core/courses/components/course-options-menu/core-courses-course-options-menu.html
View File

@ -1,5 +1,6 @@
<ion-item text-wrap (click)="action('download')" *ngIf="downloadCourseEnabled">
<ion-icon [name]="prefetch.prefetchCourseIcon" item-start></ion-icon>
<ion-icon *ngIf="prefetch.prefetchCourseIcon != 'spinner'" [name]="prefetch.prefetchCourseIcon" item-start></ion-icon>
<ion-spinner *ngIf="prefetch.prefetchCourseIcon == 'spinner'" item-start></ion-spinner>
<h2>{{ prefetch.title | translate }}</h2>
</ion-item>
<ion-item text-wrap (click)="action('hide')" *ngIf="!course.hidden">

10
src/core/courses/components/course-progress/core-courses-course-progress.html
View File

@ -18,13 +18,13 @@
</div>
<div class="core-button-spinner" *ngIf="courseOptionMenuEnabled">
<!-- Options menu. -->
<button ion-button icon-only clear color="dark" (click)="showCourseOptionsMenu($event)" *ngIf="prefetchCourseData.prefetchCourseIcon != 'spinner' && !showSpinner">
<core-icon name="more"></core-icon>
</button>
<!-- Download course spinner. -->
<ion-spinner *ngIf="prefetchCourseData.prefetchCourseIcon == 'spinner' || showSpinner"></ion-spinner>
<!-- Options menu. -->
<button ion-button icon-only clear color="dark" (click)="showCourseOptionsMenu($event)" *ngIf="!showSpinner">
<core-icon name="more"></core-icon>
</button>
</div>
</ion-item>
<ion-item text-wrap *ngIf="course.summary && course.summary.length" [class.item-disabled]="course.visible == 0">

8
src/core/courses/components/course-progress/course-progress.scss
View File

@ -57,6 +57,14 @@ ion-app.app-root core-courses-course-progress {
&.core-course-more-than-title {
padding-bottom: 0;
}
.core-button-spinner .spinner {
vertical-align: middle;
}
.item-button[icon-only] {
min-width: 50px;
}
}
.label {
@include margin(0, 0, 0, null);

4
src/core/courses/components/course-progress/course-progress.ts
View File

@ -178,7 +178,9 @@ export class CoreCoursesCourseProgressComponent implements OnInit, OnDestroy {
if (action) {
switch (action) {
case 'download':
this.prefetchCourse(e);
if (this.prefetchCourseData.prefetchCourseIcon != 'spinner') {
this.prefetchCourse(e);
}
break;
case 'hide':
this.setCourseHidden(true);