Motion block slide template

client/src/app/shared/components/projector-button/projector-button.component.html

@@ -3,7 +3,7 @@
         [ngClass]="isProjected() ? 'projector-active' : 'projector-inactive'">
         <mat-icon>videocam</mat-icon>
     </button>
-    <button type="button" *ngIf="menuItem" mat-menu-item (click)="onClick($event)"
+    <button type="button" *ngIf="menuItem" mat-menu-item (click)="onClick()"
         [ngClass]="isProjected() ? 'projector-active' : 'projector-inactive'">
         <mat-icon>videocam</mat-icon>
         <span translate>Project</span>

client/src/app/shared/components/projector-button/projector-button.component.ts

@@ -63,8 +63,10 @@ export class ProjectorButtonComponent implements OnInit {
      *
      * @param event  the click event
      */
-    public onClick(event: Event): void {
-        event.stopPropagation();
+    public onClick(event?: Event): void {
+        if (event) {
+            event.stopPropagation();
+        }
         if (this.object) {
             this.projectionDialogService.openProjectDialogFor(this.object);
         }

client/src/app/shared/components/projector/projector.component.scss

@@ -21,7 +21,7 @@
             background-repeat: no-repeat;
             background-size: 100% 100%;
             margin-bottom: 20px;
-            z-index: 1;
+            z-index: 9;
 
             .projector-logo-main {
                 height: 50px;
@@ -59,7 +59,7 @@
             width: 100%;
             height: 35px;
             bottom: 0;
-            z-index: 1;
+            z-index: 9;
 
             .footertext {
                 font-size: 16px;

client/src/app/site/motions/components/motion-block-detail/motion-block-detail.component.html

@@ -104,10 +104,8 @@
         <span translate>List of speakers</span>
     </button>
 
-    <button mat-menu-item *osPerms="'core.can_manage_projector'">
-        <mat-icon>videocam</mat-icon>
-        <span translate>Project</span>
-    </button>
+    <os-projector-button *ngIf="block" [object]="block" [menuItem]="true"></os-projector-button>
+
     <div *osPerms="['motions.can_manage', 'motions.can_manage_metadata']">
         <button mat-menu-item (click)="toggleEditMode()">
             <mat-icon>edit</mat-icon>

client/src/app/site/motions/components/motion-list/motion-list.component.ts

@@ -41,7 +41,7 @@ export class MotionListComponent extends ListViewBaseComponent<ViewMotion, Motio
     /**
      * Columns to display in table when desktop view is available
      */
-    public displayedColumnsDesktop: string[] = ['identifier', 'title', 'state', 'speakers'];
+    public displayedColumnsDesktop: string[] = ['identifier', 'title', 'state'];
 
     /**
      * Columns to display in table when mobile view is available
@@ -237,6 +237,9 @@ export class MotionListComponent extends ListViewBaseComponent<ViewMotion, Motio
         if (this.isMultiSelect) {
             columns = ['selector'].concat(columns);
         }
+        if (this.operator.hasPerms('agenda.can_see')) {
+            columns = columns.concat(['speakers']);
+        }
         return columns;
     }
 

client/src/app/slides/motions/motion-block/motion-block-slide.component.html

@@ -1,10 +1,17 @@
 <div *ngIf="data">
-    <h1>{{ data.data.title }}</h1>
+    <div class="slidetitle">
+        <h1>{{ data.data.title }}</h1>
+        <h2><span translate>Motion block</span> – {{ data.data.motions.length }} <span translate>motions</span></h2>
+    </div>
 
     <div *ngFor="let motion of data.data.motions">
-        {{ getMotionTitle(motion) }}
-        <mat-basic-chip *ngIf="motion.recommendation" disableRipple [ngClass]="getStateCssColor(motion)">
-            {{ getStateLabel(motion) }}
-        </mat-basic-chip>
+        <div class="ellipsis-overflow">
+            {{ motion.identifier }}: {{ motion.title }}
+        </div>
+        <div class="white ellipsis-overflow">
+            <mat-basic-chip *ngIf="motion.recommendation" disableRipple [ngClass]="getStateCssColor(motion)">
+                {{ getRecommendationLabel(motion) }}
+            </mat-basic-chip>
+        </div>
     </div>
 </div>

client/src/app/slides/motions/motion-block/motion-block-slide.component.ts

@@ -25,10 +25,10 @@ export class MotionBlockSlideComponent extends BaseSlideComponent<MotionBlockSli
         return StateCssClassMapping[motion.recommendation.css_class] || '';
     }
 
-    public getStateLabel(motion: MotionBlockSlideMotionRepresentation): string {
+    public getRecommendationLabel(motion: MotionBlockSlideMotionRepresentation): string {
         let recommendation = this.translate.instant(motion.recommendation.name);
         if (motion.recommendation_extension) {
-            recommendation += ' ' + motion.recommendation_extension;
+            recommendation += ' ' + this.motionRepo.solveExtensionPlaceHolder(motion.recommendation_extension);
         }
         return recommendation;
     }

client/src/styles.scss

@@ -617,7 +617,7 @@ button.mat-menu-item.selected {
         margin-bottom: 40px;
 
         h1 {
-            font-size: 2em;
+            font-size: 1.8em;
             line-height: 1.1em;
             margin-bottom: 0;
             padding-bottom: 0;

openslides/motions/projector.py

@@ -234,7 +234,7 @@ def motion_block_slide(all_data: AllData, element: Dict[str, Any]) -> Dict[str,
                     all_data, motion, motion["recommendation_id"]
                 )
                 motion_object["recommendation"] = {
-                    "name": recommendation["name"],
+                    "name": recommendation["recommendation_label"],
                     "css_class": recommendation["css_class"],
                 }
                 if recommendation["show_recommendation_extension_field"]: