Merge pull request #4654 from GabrielInTheWorld/util-fixes

Some fields are only available if they are available
This commit is contained in:
Emanuel Schütze 2019-05-07 16:25:39 +02:00 committed by GitHub
commit 95161d5dea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 55 additions and 7 deletions

View File

@ -339,7 +339,7 @@
</h1> </h1>
<div class="os-form-card-mobile" mat-dialog-content> <div class="os-form-card-mobile" mat-dialog-content>
<!-- Category --> <!-- Category -->
<mat-form-field> <mat-form-field *ngIf="isCategoryAvailable()">
<mat-select placeholder="{{ 'Category' | translate }}" [(ngModel)]="infoDialog.category"> <mat-select placeholder="{{ 'Category' | translate }}" [(ngModel)]="infoDialog.category">
<mat-option [value]="null">-</mat-option> <mat-option [value]="null">-</mat-option>
<mat-option *ngFor="let category of categories" [value]="category.id"> <mat-option *ngFor="let category of categories" [value]="category.id">
@ -348,7 +348,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<!-- Motion block --> <!-- Motion block -->
<mat-form-field> <mat-form-field *ngIf="isMotionBlockAvailable()">
<mat-select placeholder="{{ 'Motion block' | translate }}" [(ngModel)]="infoDialog.motionBlock"> <mat-select placeholder="{{ 'Motion block' | translate }}" [(ngModel)]="infoDialog.motionBlock">
<mat-option [value]="null">-</mat-option> <mat-option [value]="null">-</mat-option>
<mat-option *ngFor="let block of motionBlocks" [value]="block.id"> <mat-option *ngFor="let block of motionBlocks" [value]="block.id">
@ -357,7 +357,7 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<!-- Tag --> <!-- Tag -->
<mat-form-field> <mat-form-field *ngIf="isTagAvailable()">
<mat-select multiple placeholder="{{ 'Tags' | translate }}" [(ngModel)]="infoDialog.tags"> <mat-select multiple placeholder="{{ 'Tags' | translate }}" [(ngModel)]="infoDialog.tags">
<mat-option *ngFor="let tag of tags" [value]="tag.id"> <mat-option *ngFor="let tag of tags" [value]="tag.id">
{{ tag.getTitle() | translate }} {{ tag.getTitle() | translate }}

View File

@ -169,9 +169,18 @@ export class MotionListComponent extends ListViewBaseComponent<ViewMotion, Motio
this.configService.get<string>('motions_recommendations_by').subscribe(recommender => { this.configService.get<string>('motions_recommendations_by').subscribe(recommender => {
this.recommendationEnabled = !!recommender; this.recommendationEnabled = !!recommender;
}); });
this.motionBlockRepo.getViewModelListObservable().subscribe(mBs => (this.motionBlocks = mBs)); this.motionBlockRepo.getViewModelListObservable().subscribe(mBs => {
this.categoryRepo.getViewModelListObservable().subscribe(cats => (this.categories = cats)); this.motionBlocks = mBs;
this.tagRepo.getViewModelListObservable().subscribe(tags => (this.tags = tags)); this.updateStateColumnVisibility();
});
this.categoryRepo.getViewModelListObservable().subscribe(cats => {
this.categories = cats;
this.updateStateColumnVisibility();
});
this.tagRepo.getViewModelListObservable().subscribe(tags => {
this.tags = tags;
this.updateStateColumnVisibility();
});
this.workflowRepo.getViewModelListObservable().subscribe(wfs => (this.workflows = wfs)); this.workflowRepo.getViewModelListObservable().subscribe(wfs => (this.workflows = wfs));
this.setFulltextFilter(); this.setFulltextFilter();
} }
@ -436,4 +445,43 @@ export class MotionListComponent extends ListViewBaseComponent<ViewMotion, Motio
} }
}); });
} }
/**
* Checks if there are at least categories, motion-blocks or tags the user can select.
*/
public updateStateColumnVisibility(): void {
const metaInfoAvailable = this.isCategoryAvailable() || this.isMotionBlockAvailable() || this.isTagAvailable();
if (!metaInfoAvailable && this.displayedColumnsDesktop.includes('state')) {
this.displayedColumnsDesktop.splice(this.displayedColumnsDesktop.indexOf('state'), 1);
} else if (metaInfoAvailable && !this.displayedColumnsDesktop.includes('state')) {
this.displayedColumnsDesktop = this.displayedColumnsDesktop.concat('state');
}
}
/**
* Checks motion-blocks are available.
*
* @returns A boolean if they are available.
*/
public isMotionBlockAvailable(): boolean {
return !!this.motionBlocks && this.motionBlocks.length > 0;
}
/**
* Checks if tags are available.
*
* @returns A boolean if they are available.
*/
public isTagAvailable(): boolean {
return !!this.tags && this.tags.length > 0;
}
/**
* Checks if categories are available.
*
* @returns A boolean if they are available.
*/
public isCategoryAvailable(): boolean {
return !!this.categories && this.categories.length > 0;
}
} }

View File

@ -32,7 +32,7 @@
<span translate>Change password</span> <span translate>Change password</span>
</button> </button>
<!-- invitation email --> <!-- invitation email -->
<button mat-menu-item *ngIf="isAllowed('manage')" (click)="sendInvitationEmail()"> <button mat-menu-item *ngIf="isAllowed('manage') && user.email" (click)="sendInvitationEmail()">
<mat-icon>mail</mat-icon> <mat-icon>mail</mat-icon>
<span translate>Send invitation email</span> <span translate>Send invitation email</span>
</button> </button>