134 lines
4.2 KiB
TypeScript
134 lines
4.2 KiB
TypeScript
import { EventEmitter, ViewChild } from '@angular/core';
|
|
import { MatSnackBar } from '@angular/material/snack-bar';
|
|
import { Title } from '@angular/platform-browser';
|
|
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
|
|
import { SortDefinition } from 'app/core/ui-services/base-sort.service';
|
|
import { PromptService } from 'app/core/ui-services/prompt.service';
|
|
import { SortingTreeComponent } from 'app/shared/components/sorting-tree/sorting-tree.component';
|
|
import { Identifiable } from 'app/shared/models/base/identifiable';
|
|
import { CanComponentDeactivate } from 'app/shared/utils/watch-for-changes.guard';
|
|
import { BaseViewComponent } from './base-view';
|
|
import { BaseViewModel } from './base-view-model';
|
|
|
|
export interface SortTreeFilterOption extends Identifiable {
|
|
label: string;
|
|
id: number;
|
|
state: boolean;
|
|
}
|
|
|
|
/**
|
|
* Abstract Sort view for hierarchic item trees
|
|
*/
|
|
export abstract class SortTreeViewComponent<V extends BaseViewModel> extends BaseViewComponent
|
|
implements CanComponentDeactivate {
|
|
/**
|
|
* Reference to the view child
|
|
*/
|
|
@ViewChild('osSortedTree', { static: true })
|
|
public osSortTree: SortingTreeComponent<V>;
|
|
|
|
/**
|
|
* Emitter to emit if the nodes should expand or collapse.
|
|
*/
|
|
public readonly changeState: EventEmitter<Boolean> = new EventEmitter<Boolean>();
|
|
|
|
/**
|
|
* Emitter that emits the filters to the sorting tree.
|
|
* TODO note that the boolean function currently requires false if the item
|
|
* is to be visible!
|
|
*/
|
|
public readonly changeFilter: EventEmitter<(item: V) => boolean> = new EventEmitter<(item: V) => boolean>();
|
|
|
|
/**
|
|
* Emitter to notice the `tree-sorting.service` for sorting the data-source.
|
|
*/
|
|
public readonly forceSort = new EventEmitter<SortDefinition<V>>();
|
|
|
|
/**
|
|
* Boolean to check if changes has been made.
|
|
*/
|
|
public hasChanged = false;
|
|
|
|
/**
|
|
* Boolean to check if filters are active, so they could be removed.
|
|
*/
|
|
public hasActiveFilter = false;
|
|
|
|
/**
|
|
* Array that holds the number of visible nodes(0) and amount of available
|
|
* nodes(1).
|
|
*/
|
|
public seenNodes: [number, number] = [0, 0];
|
|
|
|
/**
|
|
* Updates the incoming/changing agenda items.
|
|
* @param title
|
|
* @param translate
|
|
* @param matSnackBar
|
|
* @param promptService
|
|
*/
|
|
public constructor(
|
|
title: Title,
|
|
protected translate: TranslateService,
|
|
matSnackBar: MatSnackBar,
|
|
protected promptService: PromptService
|
|
) {
|
|
super(title, translate, matSnackBar);
|
|
}
|
|
|
|
/**
|
|
* Function to restore the old state.
|
|
*/
|
|
public async onCancel(): Promise<void> {
|
|
if (await this.canDeactivate()) {
|
|
this.osSortTree.setSubscription();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Function to set an info if changes has been made.
|
|
*
|
|
* @param hasChanged Boolean received from the tree to see that changes has been made.
|
|
*/
|
|
public receiveChanges(hasChanged: boolean): void {
|
|
this.hasChanged = hasChanged;
|
|
}
|
|
|
|
/**
|
|
* Function to receive the new number of visible nodes when the filter has changed.
|
|
*
|
|
* @param nextNumberOfSeenNodes is an array with two indices:
|
|
* The first gives the number of currently shown nodes.
|
|
* The second tells how many nodes available.
|
|
*/
|
|
public onChangeAmountOfItems(nextNumberOfSeenNodes: [number, number]): void {
|
|
this.seenNodes = nextNumberOfSeenNodes;
|
|
}
|
|
|
|
/**
|
|
* Function to emit if the nodes should be expanded or collapsed.
|
|
*
|
|
* @param nextState Is the next state, expanded or collapsed, the nodes should be.
|
|
*/
|
|
public onStateChange(nextState: boolean): void {
|
|
this.changeState.emit(nextState);
|
|
}
|
|
|
|
/**
|
|
* Function to open a prompt dialog, so the user will be warned if they have
|
|
* made changes and not saved them.
|
|
*
|
|
* @returns The result from the prompt dialog.
|
|
*/
|
|
public async canDeactivate(): Promise<boolean> {
|
|
if (this.hasChanged) {
|
|
const title = this.translate.instant('Do you really want to exit this page?');
|
|
const content = this.translate.instant('You made changes.');
|
|
return await this.promptService.open(title, content);
|
|
}
|
|
return true;
|
|
}
|
|
}
|