From f16c7cb2c79ebe688450e401fd8f49dbf5d1d95c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 19 Aug 2020 12:08:54 +0200
Subject: [PATCH] MOBILE-3472 course: Indicate restriction access when all
 sections shown

---
 src/core/course/components/format/core-course-format.html | 4 ++++
 src/core/course/components/format/format.scss             | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/src/core/course/components/format/core-course-format.html b/src/core/course/components/format/core-course-format.html
index 1956e9ad6..8ce6d7b62 100644
--- a/src/core/course/components/format/core-course-format.html
+++ b/src/core/course/components/format/core-course-format.html
@@ -77,6 +77,10 @@
             <core-format-text [text]="section.name" contextLevel="course" [contextInstanceId]="course.id"></core-format-text>
             <!-- Section download. -->
             <ng-container *ngTemplateOutlet="sectionDownloadTemplate; context: {section: section}"></ng-container>
+            <p *ngIf="(section.visible === 0 && section.uservisible !== false) || section.availabilityinfo">
+                <ion-badge color="secondary" *ngIf="section.visible === 0 && section.uservisible !== false" text-wrap>{{ 'core.course.hiddenfromstudents' | translate }}</ion-badge>
+                <ion-badge color="secondary" *ngIf="section.availabilityinfo" text-wrap><core-format-text [text]=" section.availabilityinfo" contextLevel="course" [contextInstanceId]="courseId"></core-format-text></ion-badge>
+            </p>
         </ion-item-divider>
 
         <ion-item text-wrap *ngIf="section.summary">
diff --git a/src/core/course/components/format/format.scss b/src/core/course/components/format/format.scss
index dfbbc4033..ff8cb2c36 100644
--- a/src/core/course/components/format/format.scss
+++ b/src/core/course/components/format/format.scss
@@ -55,6 +55,11 @@ ion-app.app-root core-course-format {
             line-height: 44px;
         }
 
+        ion-badge core-format-text {
+            line-height: normal;
+            margin-bottom: 9px;
+        }
+
         &.core-section-download .label{
             @include margin(null, 0, null, null);
         }