f3c7413f52
- Move most GUI related code to /presentation - Move components to /components (separate from bootstrap and style) - Move shared components helpers to /components/shared - Rename Bootstrapping to bootstrapping to enforce same naming convention in /presentation
38 lines
1.7 KiB
TypeScript
38 lines
1.7 KiB
TypeScript
import { Component, Vue } from 'vue-property-decorator';
|
|
import { AsyncLazy } from '@/infrastructure/Threading/AsyncLazy';
|
|
import { IApplicationContext } from '@/application/Context/IApplicationContext';
|
|
import { buildContextAsync } from '@/application/Context/ApplicationContextFactory';
|
|
import { IApplicationContextChangedEvent } from '@/application/Context/IApplicationContext';
|
|
import { ICategoryCollectionState } from '@/application/Context/State/ICategoryCollectionState';
|
|
import { EventSubscriptionCollection } from '@/infrastructure/Events/EventSubscriptionCollection';
|
|
|
|
// @ts-ignore because https://github.com/vuejs/vue-class-component/issues/91
|
|
@Component
|
|
export abstract class StatefulVue extends Vue {
|
|
private static readonly instance = new AsyncLazy<IApplicationContext>(() => buildContextAsync());
|
|
|
|
protected readonly events = new EventSubscriptionCollection();
|
|
|
|
private readonly ownEvents = new EventSubscriptionCollection();
|
|
|
|
public async mounted() {
|
|
const context = await this.getCurrentContextAsync();
|
|
this.ownEvents.register(context.contextChanged.on((event) => this.handleStateChangedEvent(event)));
|
|
this.handleCollectionState(context.state, undefined);
|
|
}
|
|
public destroyed() {
|
|
this.ownEvents.unsubscribeAll();
|
|
this.events.unsubscribeAll();
|
|
}
|
|
|
|
protected abstract handleCollectionState(
|
|
newState: ICategoryCollectionState, oldState: ICategoryCollectionState | undefined): void;
|
|
protected getCurrentContextAsync(): Promise<IApplicationContext> {
|
|
return StatefulVue.instance.getValueAsync();
|
|
}
|
|
|
|
private handleStateChangedEvent(event: IApplicationContextChangedEvent) {
|
|
this.handleCollectionState(event.newState, event.oldState);
|
|
}
|
|
}
|