Merge pull request #4959 from GabrielInTheWorld/projectorMaxTeller
Adds config to see a max number of next speakers
This commit is contained in:
Emanuel Schütze
GitHub
commit
9685d04248
@ -1,4 +1,4 @@
|
||||
interface SlideSpeaker {
|
||||
export interface SlideSpeaker {
|
||||
user: string;
|
||||
marked: boolean;
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
.lastSpeakers {
|
||||
color: #9a9898;
|
||||
margin-left: 33px;
|
||||
margin-bottom: 10px;
|
||||
margin: 20px 0 10px 33px;
|
||||
}
|
||||
|
||||
.currentSpeaker {
|
||||
font-weight: bold;
|
||||
margin: 20px 0 16px;
|
||||
|
||||
.mat-icon,
|
||||
span {
|
||||
@ -17,10 +17,12 @@
|
||||
}
|
||||
|
||||
.nextSpeakers {
|
||||
margin-left: 13px !important;
|
||||
margin-top: 10px !important;
|
||||
margin: 0;
|
||||
padding-left: 6px;
|
||||
margin-top: 20px !important;
|
||||
|
||||
li {
|
||||
list-style-position: inside;
|
||||
line-height: 150%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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">
|
||||
{{ speaker.user }}
|
||||
<mat-icon *ngIf="speaker.marked">star</mat-icon>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Current speaker -->
|
||||
<div *ngIf="data.data.current" class="currentSpeaker">
|
||||
<div *ngIf="currentSpeaker" class="currentSpeaker one-line">
|
||||
<mat-icon>mic</mat-icon>
|
||||
<span>{{ data.data.current.user }}</span>
|
||||
<span>{{ currentSpeaker.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">
|
||||
<li *ngFor="let speaker of nextSpeakers" class="one-line">
|
||||
{{ speaker.user }}
|
||||
<mat-icon *ngIf="speaker.marked">star</mat-icon>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
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';
|
||||
import { CommonListOfSpeakersSlideData, SlideSpeaker } from '../common/common-list-of-speakers-slide-data';
|
||||
|
||||
@Component({
|
||||
selector: 'os-current-list-of-speakers-overlay-slide',
|
||||
@ -9,6 +9,31 @@ import { CommonListOfSpeakersSlideData } from '../common/common-list-of-speakers
|
||||
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: SlideSpeaker;
|
||||
|
||||
/**
|
||||
* List with the next speakers for this list.
|
||||
*/
|
||||
public nextSpeakers: SlideSpeaker[] = [];
|
||||
|
||||
public constructor() {
|
||||
super();
|
||||
}
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
|
||||
.slidetitle {
|
||||
border-bottom: 2px solid #d3d3d3;
|
||||
padding-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
@ -34,7 +34,7 @@
|
||||
h2 {
|
||||
color: #9a9898;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 2px;
|
||||
margin-bottom: -10px;
|
||||
font-size: 28px;
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
|
||||
@ -116,13 +116,25 @@ def get_config_variables():
|
||||
validators=(MinValueValidator(0),),
|
||||
)
|
||||
|
||||
yield ConfigVariable(
|
||||
name="agenda_show_next_speakers",
|
||||
default_value=-1,
|
||||
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 -1 to show all next speakers.",
|
||||
weight=222,
|
||||
group="Agenda",
|
||||
subgroup="List of speakers",
|
||||
validators=(MinValueValidator(-1),),
|
||||
)
|
||||
|
||||
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",
|
||||
)
|
||||
|
||||
@ -152,12 +152,16 @@ 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:
|
||||
speakers_finished = speakers_finished[
|
||||
-number_of_last_speakers:
|
||||
] # Take the last speakers
|
||||
# Take the last speakers
|
||||
speakers_finished = speakers_finished[-number_of_last_speakers:]
|
||||
|
||||
if number_of_next_speakers != -1:
|
||||
speakers_waiting = speakers_waiting[:number_of_next_speakers]
|
||||
|
||||
return {
|
||||
"waiting": speakers_waiting,
|
||||
|
||||
Loading…
Reference in New Issue
Block a user