From 60c09134b199a17966dbf083bffb4f4db447ab42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 16 May 2019 12:57:41 +0200
Subject: [PATCH] MOBILE-3034 course: Style module availability info

---
 scripts/langindex.json                              |  1 +
 src/assets/lang/en.json                             |  1 +
 .../components/module/core-course-module.html       |  7 +++++--
 src/core/course/components/module/module.scss       | 13 +++++++++++++
 .../pages/section-selector/section-selector.scss    |  2 +-
 src/lang/en.json                                    |  1 +
 6 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/scripts/langindex.json b/scripts/langindex.json
index ff7a935dd..941a96d56 100644
--- a/scripts/langindex.json
+++ b/scripts/langindex.json
@@ -1654,6 +1654,7 @@
   "core.resourcedisplayopen": "moodle",
   "core.resources": "moodle",
   "core.restore": "moodle",
+  "core.restricted": "moodle",
   "core.retry": "local_moodlemobileapp",
   "core.save": "moodle",
   "core.search": "moodle",
diff --git a/src/assets/lang/en.json b/src/assets/lang/en.json
index 373327eeb..0fbb6a521 100644
--- a/src/assets/lang/en.json
+++ b/src/assets/lang/en.json
@@ -1654,6 +1654,7 @@
     "core.resourcedisplayopen": "Open",
     "core.resources": "Resources",
     "core.restore": "Restore",
+    "core.restricted": "Restricted",
     "core.retry": "Retry",
     "core.save": "Save",
     "core.search": "Search",
diff --git a/src/core/course/components/module/core-course-module.html b/src/core/course/components/module/core-course-module.html
index 6958c4dca..55686efd0 100644
--- a/src/core/course/components/module/core-course-module.html
+++ b/src/core/course/components/module/core-course-module.html
@@ -19,13 +19,16 @@
             </div>
         </div>
     </div>
-    <div>
+    <div class="core-module-more-info">
         <ion-badge item-end *ngIf="module.handlerData.extraBadge" [color]="module.handlerData.extraBadgeColor" text-wrap text-start>
             <core-format-text [text]="module.handlerData.extraBadge"></core-format-text>
         </ion-badge>
         <ion-badge item-end *ngIf="module.visible === 0 && (!section || section.visible)" text-wrap>{{ 'core.course.hiddenfromstudents' | translate }}</ion-badge>
         <ion-badge item-end *ngIf="module.visible !== 0 && module.isStealth" text-wrap>{{ 'core.course.hiddenoncoursepage' | translate }}</ion-badge>
-        <ion-badge item-end *ngIf="module.availabilityinfo" text-wrap><core-format-text [text]="module.availabilityinfo"></core-format-text></ion-badge>
+        <div class="core-module-availabilityinfo" *ngIf="module.availabilityinfo" item-end>
+            <ion-badge text-wrap>{{ 'core.restricted' | translate }}</ion-badge>
+            <core-format-text [text]="module.availabilityinfo" text-wrap></core-format-text>
+        </div>
         <ion-badge item-end *ngIf="module.completiondata && module.completiondata.offline" color="warning" text-wrap>{{ 'core.course.manualcompletionnotsynced' | translate }}</ion-badge>
     </div>
     <core-format-text class="core-module-description" *ngIf="module.description" maxHeight="80" [text]="module.description"></core-format-text>
diff --git a/src/core/course/components/module/module.scss b/src/core/course/components/module/module.scss
index 2efad78fd..410482e76 100644
--- a/src/core/course/components/module/module.scss
+++ b/src/core/course/components/module/module.scss
@@ -51,6 +51,19 @@ ion-app.app-root core-course-module {
         }
     }
 
+    .core-module-more-info {
+        ion-badge {
+            @include text-align('start');
+        }
+
+        .core-module-availabilityinfo  {
+            font-size: 90%;
+            ul {
+                margin-block-start: 0.5em;
+            }
+        }
+    }
+
     .core-not-clickable:active,
     .core-not-clickable.activated {
         background-color: $list-background-color;
diff --git a/src/core/course/pages/section-selector/section-selector.scss b/src/core/course/pages/section-selector/section-selector.scss
index c35e93f93..fa325a001 100644
--- a/src/core/course/pages/section-selector/section-selector.scss
+++ b/src/core/course/pages/section-selector/section-selector.scss
@@ -10,6 +10,6 @@ ion-app.app-root page-core-course-section-selector {
     }
 
     ion-badge {
-        text-align: left;
+        @include text-align('start');
     }
 }
\ No newline at end of file
diff --git a/src/lang/en.json b/src/lang/en.json
index 64042e606..5e594fcc6 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -202,6 +202,7 @@
     "resourcedisplayopen": "Open",
     "resources": "Resources",
     "restore": "Restore",
+    "restricted": "Restricted",
     "retry": "Retry",
     "save": "Save",
     "search": "Search",