Adds config to see a max number of next speakers

- Also updates the 'list of speakers' on the `overlay-slide`.
This commit is contained in:
GabrielMeyer 2019-08-28 14:59:30 +02:00 committed by Emanuel Schütze
parent ee0b82b93b
commit 79e879cb6e
6 changed files with 84 additions and 32 deletions

View File

@ -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-top: 10px !important;
margin: 0;
padding-left: 6px;
li {
list-style-position: inside;
line-height: 150%;
}
}

View File

@ -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="data.data.finished && data.data.finished.length">
<div *ngFor="let speaker of data.data.finished" class="lastSpeakers">
<div *ngIf="currentSpeaker" class="currentSpeaker one-line">
<mat-icon>mic</mat-icon>
<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>
</div>
<!-- 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>
</li>
</ol>
</div>

View File

@ -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;
}
}

View File

@ -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();
}

View File

@ -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",
)

View File

@ -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,