Adds config to see a max number of next speakers

- Also updates the 'list of speakers' on the `overlay-slide`.

client/src/app/slides/agenda/common/common-list-of-speakers-slide.component.scss

@@ -6,6 +6,7 @@
 
 .currentSpeaker {
     font-weight: bold;
+    margin: 20px 0 16px;
 
     .mat-icon,
     span {
@@ -17,10 +18,11 @@
 }
 
 .nextSpeakers {
-    margin-left: 13px !important;
+    margin: 0;
-    margin-top: 10px !important;
+    padding-left: 6px;
 
     li {
+        list-style-position: inside;
         line-height: 150%;
     }
 }

client/src/app/slides/agenda/current-list-of-speakers-overlay/current-list-of-speakers-overlay-slide.component.html

@@ -1,27 +1,15 @@
-<div id="overlay" *ngIf="data">
+<div id="overlay" *ngIf="currentSpeaker || nextSpeakers.length > 0">
     <h3 translate>List of speakers</h3>
 
-    <!-- Last speakers -->
+    <div *ngIf="currentSpeaker" class="currentSpeaker one-line">
-    <div *ngIf="data.data.finished && data.data.finished.length">
+        <mat-icon>mic</mat-icon>
-        <div *ngFor="let speaker of data.data.finished" class="lastSpeakers">
+        <span>{{ currentSpeaker.user }}</span>
+    </div>
+
+    <ol class="nextSpeakers">
+        <li *ngFor="let speaker of nextSpeakers" class="one-line">
             {{ speaker.user }}
             <mat-icon *ngIf="speaker.marked">star</mat-icon>
-        </div>
+        </li>
-    </div>
+    </ol>
-
-    <!-- Current speaker -->
-    <div *ngIf="data.data.current" class="currentSpeaker">
-        <mat-icon>mic</mat-icon>
-        <span>{{ data.data.current.user }}</span>
-    </div>
-
-    <!-- Next speakers -->
-    <div *ngIf="data.data.waiting && data.data.waiting.length">
-        <ol class="nextSpeakers">
-            <li *ngFor="let speaker of data.data.waiting">
-                {{ speaker.user }}
-                <mat-icon *ngIf="speaker.marked">star</mat-icon>
-            </li>
-        </ol>
-    </div>
 </div>

client/src/app/slides/agenda/current-list-of-speakers-overlay/current-list-of-speakers-overlay-slide.component.scss

@@ -6,12 +6,22 @@
     bottom: 0;
     background-color: #d3d3d3;
     width: 40%;
-    height: 200px;
+    height: 210px;
     margin: 10px;
     z-index: 20;
     border-radius: 7px;
     border: 1px solid #999;
-    padding: 0px 7px 10px 19px;
+    padding: 10px 10px 10px 25px;
     box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
     overflow: hidden;
+
+    h3 {
+        margin-top: 0;
+    }
+
+    .one-line {
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
 }

client/src/app/slides/agenda/current-list-of-speakers-overlay/current-list-of-speakers-overlay-slide.component.ts

@@ -1,14 +1,49 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 
 import { BaseSlideComponent } from 'app/slides/base-slide-component';
 import { CommonListOfSpeakersSlideData } from '../common/common-list-of-speakers-slide-data';
 
+/**
+ * Interface, that describes how the speaker-objects look like.
+ */
+interface SpeakerObject {
+    user: string;
+    marked: boolean;
+    end_time: number | null;
+    weight: number | null;
+}
+
 @Component({
     selector: 'os-current-list-of-speakers-overlay-slide',
     templateUrl: './current-list-of-speakers-overlay-slide.component.html',
     styleUrls: ['./current-list-of-speakers-overlay-slide.component.scss']
 })
 export class CurrentListOfSpeakersOverlaySlideComponent extends BaseSlideComponent<CommonListOfSpeakersSlideData> {
+    /**
+     * Gets the data. Sets necessary information for the list of speakers in the overlay.
+     *
+     * @param data The passed data to this overlay.
+     */
+    @Input()
+    public set data(data: any) {
+        if (data.data.current) {
+            this.currentSpeaker = data.data.current;
+        }
+        if (data.data.waiting) {
+            this.nextSpeakers = data.data.waiting;
+        }
+    }
+
+    /**
+     * The current speaker.
+     */
+    public currentSpeaker: SpeakerObject;
+
+    /**
+     * List with the next speakers for this list.
+     */
+    public nextSpeakers: SpeakerObject[] = [];
+
     public constructor() {
         super();
     }

openslides/agenda/config_variables.py

@@ -116,13 +116,25 @@ def get_config_variables():
         validators=(MinValueValidator(0),),
     )
 
+    yield ConfigVariable(
+        name="agenda_show_next_speakers",
+        default_value=0,
+        input_type="integer",
+        label="Number of the next speakers to be shown on the projector",
+        help_text="Enter number of the next shown speakers. Choose 0 to disable this.",
+        weight=222,
+        group="Agenda",
+        subgroup="List of speakers",
+        validators=(MinValueValidator(0),),
+    )
+
     yield ConfigVariable(
         name="agenda_countdown_warning_time",
         default_value=0,
         input_type="integer",
         label="Show orange countdown in the last x seconds of speaking time",
         help_text="Enter duration in seconds. Choose 0 to disable warning color.",
-        weight=221,
+        weight=224,
         group="Agenda",
         subgroup="List of speakers",
         validators=(MinValueValidator(0),),
@@ -133,7 +145,7 @@ def get_config_variables():
         default_value=60,
         input_type="integer",
         label="Predefined seconds of new countdowns",
-        weight=222,
+        weight=226,
         group="Agenda",
         subgroup="List of speakers",
     )
@@ -144,7 +156,7 @@ def get_config_variables():
         input_type="boolean",
         label="Couple countdown with the list of speakers",
         help_text="[Begin speech] starts the countdown, [End speech] stops the countdown.",
-        weight=223,
+        weight=228,
         group="Agenda",
         subgroup="List of speakers",
     )
@@ -154,7 +166,7 @@ def get_config_variables():
         default_value=False,
         input_type="boolean",
         label="Hide the amount of speakers in subtitle of list of speakers slide",
-        weight=224,
+        weight=230,
         group="Agenda",
         subgroup="List of speakers",
     )
@@ -164,7 +176,7 @@ def get_config_variables():
         default_value=False,
         input_type="boolean",
         label="Only present participants can be added to the list of speakers",
-        weight=225,
+        weight=232,
         group="Agenda",
         subgroup="List of speakers",
     )

openslides/agenda/projector.py

@@ -152,6 +152,8 @@ async def get_list_of_speakers_slide_data(
     speakers_finished = sorted(speakers_finished, key=lambda s: s["end_time"])
 
     number_of_last_speakers = await get_config(all_data, "agenda_show_last_speakers")
+    number_of_next_speakers = await get_config(all_data, "agenda_show_next_speakers")
+
     if number_of_last_speakers == 0:
         speakers_finished = []
     else:
@@ -159,6 +161,9 @@ async def get_list_of_speakers_slide_data(
             -number_of_last_speakers:
         ]  # Take the last speakers
 
+    if number_of_next_speakers != 0:
+        speakers_waiting = speakers_waiting[:number_of_next_speakers]
+
     return {
         "waiting": speakers_waiting,
         "current": current_speaker,