MOBILE-2327 courses: Condesate the course progress styles

src/addon/calendar/providers/mainmenu-handler.ts

@@ -22,7 +22,7 @@ import { CoreMainMenuHandler, CoreMainMenuHandlerData } from '../../../core/main
 @Injectable()
 export class AddonCalendarMainMenuHandler implements CoreMainMenuHandler {
     name = 'AddonCalendar';
-    priority = 400;
+    priority = 900;
 
     constructor(private calendarProvider: AddonCalendarProvider) { }
 

src/addon/files/providers/mainmenu-handler.ts

@@ -22,7 +22,7 @@ import { CoreMainMenuHandler, CoreMainMenuHandlerData } from '../../../core/main
 @Injectable()
 export class AddonFilesMainMenuHandler implements CoreMainMenuHandler {
     name = 'AddonFiles';
-    priority = 200;
+    priority = 400;
 
     constructor(private filesProvider: AddonFilesProvider) { }
 

src/addon/messages/providers/mainmenu-handler.ts

@@ -29,7 +29,7 @@ import { AddonPushNotificationsProvider } from '@addon/pushnotifications/provide
 @Injectable()
 export class AddonMessagesMainMenuHandler implements CoreMainMenuHandler, CoreCronHandler {
     name = 'AddonMessages';
-    priority = 600;
+    priority = 800;
     protected badge = '';
     protected loading = true;
 

src/app/app.scss

@@ -237,7 +237,14 @@ core-format-text[ng-reflect-max-height], *[core-format-text][ng-reflect-max-heig
 
 core-format-text[singleLine="true"], *[core-format-text][singleLine="true"],
 core-format-text[ng-reflect-single-line="true"], *[core-format-text][ng-reflect-single-line="true"] {
+    cursor: pointer;
+    pointer-events: auto;
     white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    position: relative;
+    width: 100%;
 }
 
 .core-media-adapt-width {

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

@@ -1,22 +1,20 @@
 <ion-card>
-    <ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.fullname">
+    <ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.fullname" class="core-course-link">
-        <div class="core-course-link">
+        <h2><core-format-text [text]="course.fullname"></core-format-text></h2>
-            <h2><core-format-text [text]="course.fullname"></core-format-text></h2>
 
-            <div class="core-button-spinner">
+        <div class="core-button-spinner">
-                <!-- Download course. -->
+            <!-- Download course. -->
-                <button *ngIf="prefetchCourseData.prefetchCourseIcon != 'spinner'" ion-button icon-only clear color="dark" (click)="prefetchCourse($event)">
+            <button *ngIf="prefetchCourseData.prefetchCourseIcon != 'spinner'" ion-button icon-only clear color="dark" (click)="prefetchCourse($event)">
-                    <ion-icon [name]="prefetchCourseData.prefetchCourseIcon"></ion-icon>
+                <ion-icon [name]="prefetchCourseData.prefetchCourseIcon"></ion-icon>
-                </button>
+            </button>
-                <!-- Download course spinner. -->
+            <!-- Download course spinner. -->
-                <ion-spinner *ngIf="prefetchCourseData.prefetchCourseIcon == 'spinner'"></ion-spinner>
+            <ion-spinner *ngIf="prefetchCourseData.prefetchCourseIcon == 'spinner'"></ion-spinner>
-            </div>
         </div>
     </ion-item>
     <ion-item text-wrap *ngIf="course.summary && course.summary.length">
         <p>
             <summary>
-                <core-format-text [text]="course.summary" maxHeight="20"></core-format-text>
+                <core-format-text [text]="course.summary" singleLine="true" clean="true"></core-format-text>
             </summary>
         </p>
     </ion-item>

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

@@ -1,34 +1,31 @@
 core-courses-course-progress {
-    &.core-courseoverview {
+    ion-card.card {
-        @include media-breakpoint-down(sm) {
+        display: flex;
-            ion-card.card {
+        flex-direction: column;
-                margin: 0;
+        justify-content: space-between;
-                border-radius: 0;
+
-                box-shadow: none;
+        .core-course-link {
-                border-bottom: 1px solid $list-border-color;
+            .item-inner {
-                width: 100%;
+                padding-right: 0;
-                height: 100% !important;
+            }
+            .label {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+            }
+            h2 {
+                margins: 6px 0;
+                flex-grow: 1;
             }
         }
-
+        .label {
-        ion-card.card {
+            margin-top: 0;
-            display: flex;
+            margin-right: 0;
-            flex-direction: column;
+            margin-bottom: 0;
-            justify-content: space-between;
         }
     }
 
     button {
         z-index: 1;
     }
-
-    .core-course-link {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-
-        h2 {
-            flex-grow: 1;
-        }
-    }
 }

src/core/courses/providers/mainmenu-handler.ts

@@ -54,7 +54,7 @@ export class CoreCoursesMainMenuHandler implements CoreMainMenuHandler {
     getDisplayData(): CoreMainMenuHandlerData {
         if (this.isOverviewEnabled) {
             return {
-                icon: 'ionic',
+                icon: 'home',
                 title: 'core.courses.courseoverview',
                 page: 'CoreCoursesMyOverviewPage',
                 class: 'core-courseoverview-handler'

src/core/grades/providers/course-option-handler.ts

@@ -80,7 +80,7 @@ export class CoreGradesCourseOptionHandler implements CoreCourseOptionsHandler {
     /**
      * Returns the data needed to render the handler.
      *
-     * @return {CoreMainMenuHandlerData} Data needed to render the handler.
+     * @return {CoreCourseOptionsHandlerData} Data needed to render the handler.
      */
     getDisplayData(): CoreCourseOptionsHandlerData {
         return {

src/core/grades/providers/mainmenu-handler.ts

@@ -22,7 +22,7 @@ import { CoreMainMenuHandler, CoreMainMenuHandlerData } from '../../mainmenu/pro
 @Injectable()
 export class CoreGradesMainMenuHandler implements CoreMainMenuHandler {
     name = 'CoreGrades';
-    priority = 950;
+    priority = 600;
 
     constructor(private gradesProvider: CoreGradesProvider) { }
 

src/core/user/providers/course-option-handler.ts

@@ -79,7 +79,7 @@ export class CoreUserParticipantsCourseOptionHandler implements CoreCourseOption
     /**
      * Returns the data needed to render the handler.
      *
-     * @return {CoreMainMenuHandlerData} Data needed to render the handler.
+     * @return {CoreCourseOptionsHandlerData} Data needed to render the handler.
      */
     getDisplayData(): CoreCourseOptionsHandlerData {
         return {

src/core/user/providers/user.ts

@@ -415,7 +415,7 @@ export class CoreUserProvider {
      * @param  {string} [siteId] Site ID. If not defined, current site.
      * @return {Promise<any>}    Promise resolved if success.
      */
-    updateUserPreference(name:string, value: any, userId?: number, siteId?: string): Promise<any> {
+    updateUserPreference(name: string, value: any, userId?: number, siteId?: string): Promise<any> {
         const preferences = [
             {
                 type: name,

tsconfig.json

@@ -18,7 +18,6 @@
       "@classes/*": ["classes/*"],
       "@core/*": ["core/*"],
       "@providers/*": ["providers/*"],
-      "@utils": ["providers/utils/*"],
       "@components": ["components/*"],
       "@directives": ["directives/directives.module"],
       "@pipes": ["pipes/pipes.module"]

webpack.config.js

@@ -9,7 +9,6 @@ const customConfig = {
       '@classes': resolve('./src/classes'),
       '@core': resolve('./src/core'),
       '@providers': resolve('./src/providers'),
-      '@utils': resolve('./src/providers/utils'),
       '@components': resolve('./src/components'),
       '@directives': resolve('./src/directives/directives.module'),
       '@pipes': resolve('./src/pipes/pipes.module')