ag-admin/OpenSlides
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #4815 from tsiegleauq/multiselect-stack-calls

Browse Source 
Enhance Choice service.
This commit is contained in:
Emanuel Schütze 2019-07-02 13:08:53 +02:00 committed by GitHub
commit bf4f93c502
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 67 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/core/ui-services/choice.service.ts
View File

@ -42,7 +42,7 @@ export class ChoiceService {
clearChoice?: string clearChoice?: string
): Promise<ChoiceAnswer> { ): Promise<ChoiceAnswer> {
const dialogRef = this.dialog.open(ChoiceDialogComponent, { const dialogRef = this.dialog.open(ChoiceDialogComponent, {
minWidth: '250px', maxWidth: '90vw',
maxHeight: '90vh', maxHeight: '90vh',
disableClose: true, disableClose: true,
data: { data: {

11
client/src/app/shared/components/choice-dialog/choice-dialog.component.html
View File

@ -1,6 +1,8 @@
<div class="scrollmenu-outer"> <!-- Title -->
<h2 mat-dialog-title>{{ data.title | translate }}</h2> <h2 mat-dialog-title>{{ data.title | translate }}</h2>
<div class="scrollmenu">
<!-- Content -->
<mat-dialog-content>
<mat-radio-group <mat-radio-group
#radio #radio
name="choice" name="choice"
@ -26,7 +28,9 @@
</mat-checkbox> </mat-checkbox>
</mat-list-item> </mat-list-item>
</mat-list> </mat-list>
</div> </mat-dialog-content>
<!-- Actions -->
<mat-dialog-actions> <mat-dialog-actions>
<div *ngIf="data.actionButtons"> <div *ngIf="data.actionButtons">
<button <button
@ -50,4 +54,3 @@
</div> </div>
<button mat-button (click)="closeDialog(false)"><span translate>Cancel</span></button> <button mat-button (click)="closeDialog(false)"><span translate>Cancel</span></button>
</mat-dialog-actions> </mat-dialog-actions>
</div>

18
client/src/app/shared/components/choice-dialog/choice-dialog.component.scss
View File

@ -1,21 +1,17 @@
mat-radio-group { .mat-dialog-content {
display: block;
}
.mat-radio-group {
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
mat-radio-button { .mat-radio-button {
margin: 5px; margin: 5px;
} }
} }
.scrollmenu { .mat-divider {
padding: 5px;
display: block;
}
.scrollmenu-outer {
max-height: inherit;
}
mat-divider {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }

8
client/src/app/shared/components/choice-dialog/choice-dialog.component.ts
View File

@ -1,4 +1,4 @@
import { Component, Inject } from '@angular/core'; import { Component, Inject, ViewEncapsulation } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material'; import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
import { Displayable } from 'app/site/base/displayable'; import { Displayable } from 'app/site/base/displayable';
@ -61,11 +61,13 @@ export type ChoiceAnswer = undefined | { action?: string; items: number | number
@Component({ @Component({
selector: 'os-choice-dialog', selector: 'os-choice-dialog',
templateUrl: './choice-dialog.component.html', templateUrl: './choice-dialog.component.html',
styleUrls: ['./choice-dialog.component.scss'] styleUrls: ['./choice-dialog.component.scss'],
encapsulation: ViewEncapsulation.None
}) })
export class ChoiceDialogComponent { export class ChoiceDialogComponent {
/** /**
* One number selected, if this is a single select choice * One number selected, if this is a single select choice
* User over template
*/ */
public selectedChoice: number; public selectedChoice: number;
@ -78,6 +80,8 @@ export class ChoiceDialogComponent {
public get isSelectionEmpty(): boolean { public get isSelectionEmpty(): boolean {
if (this.data.multiSelect) { if (this.data.multiSelect) {
return this.selectedMultiChoices.length === 0; return this.selectedMultiChoices.length === 0;
} else if (!this.data.choices) {
return false;
} else { } else {
return this.selectedChoice === undefined; return this.selectedChoice === undefined;
} }