From 837af97d570bbb0716f8ae3e10eb19caf8471ac4 Mon Sep 17 00:00:00 2001
From: Jochen Winzer <jw@winzer-sw.de>
Date: Wed, 4 Nov 2020 10:04:02 +0100
Subject: [PATCH] Need perm to show list of speakers. Use content-container.

Fix link.
---
 .../components/cinema/cinema.component.html   | 78 ++++++++++---------
 1 file changed, 41 insertions(+), 37 deletions(-)

diff --git a/client/src/app/site/cinema/components/cinema/cinema.component.html b/client/src/app/site/cinema/components/cinema/cinema.component.html
index 63948b8bd..32a4e2ea0 100644
--- a/client/src/app/site/cinema/components/cinema/cinema.component.html
+++ b/client/src/app/site/cinema/components/cinema/cinema.component.html
@@ -3,43 +3,47 @@
         <h2>{{ 'Autopilot' | translate }}</h2>
     </div>
 </os-head-bar>
+<div class="content-container">
+    <!-- Title Card -->
+    <mat-card class="os-card">
+        <h1 class="line-and-icon">
+            {{ title }}
+            <a
+                mat-icon-button
+                [disabled]="!viewModelUrl"
+                [class.disabled]="!viewModelUrl"
+                [routerLink]="viewModelUrl"
+                [state]="{ back: 'true' }"
+            >
+                <mat-icon>open_in_new</mat-icon>
+            </a>
+        </h1>
+    </mat-card>
 
-<!-- Title Card -->
-<mat-card class="os-card">
-    <h1 class="line-and-icon">
-        {{ title }}
-        <a
-            mat-icon-button
-            [disabled]="!viewModelUrl"
-            [class.disabled]="!viewModelUrl"
-            [routerLink]="viewModelUrl"
-            [state]="{ back: 'true' }"
+    <!-- List of speakers -->
+    <os-list-of-speakers-content
+            [customTitle]="true" [speakers]="listOfSpeakers"
+            *osPerms="'agenda.can_see_list_of_speakers'"
         >
-            <mat-icon>open_in_new</mat-icon>
+        <p class="subtitle-text line-and-icon">
+            <a [routerLink]="closUrl" [class.disabled]="!closUrl">
+                {{ 'List of speakers' | translate }}
+            </a>
+            <mat-icon *ngIf="isLosClosed" matTooltip="{{ 'The list of speakers is closed.' | translate }}">
+                lock
+            </mat-icon>
+        </p>
+    </os-list-of-speakers-content>
+
+    <os-poll-collection [currentProjection]="projectedViewModel"></os-poll-collection>
+
+    <!-- Projector -->
+    <mat-card class="os-card spacer-bottom-60">
+        <p class="subtitle-text">{{ projectorTitle | translate }}</p>
+        <a [routerLink]="projectorUrl" [target]="projectionTarget">
+            <div class="projector">
+                <os-projector *ngIf="projector" [projector]="projector"></os-projector>
+            </div>
         </a>
-    </h1>
-</mat-card>
-
-<!-- List of speakers -->
-<os-list-of-speakers-content [customTitle]="true" [speakers]="listOfSpeakers">
-    <p class="subtitle-text line-and-icon">
-        <a [routerLink]="closUrl" [class.disabled]="!closUrl">
-            {{ 'List of speakers' | translate }}
-        </a>
-        <mat-icon *ngIf="isLosClosed" matTooltip="{{ 'The list of speakers is closed.' | translate }}">
-            lock
-        </mat-icon>
-    </p>
-</os-list-of-speakers-content>
-
-<os-poll-collection [currentProjection]="projectedViewModel"></os-poll-collection>
-
-<!-- Projector -->
-<mat-card class="os-card spacer-bottom-60">
-    <p class="subtitle-text">{{ projectorTitle | translate }}</p>
-    <a [routerLink]="projectorUrl" [target]="projectionTarget">
-        <div class="projector">
-            <os-projector *ngIf="projector" [projector]="projector"></os-projector>
-        </div>
-    </a>
-</mat-card>
+    </mat-card>
+</div>