pb-schema.component.ts

import { Component, Input, Output, EventEmitter, OnInit, AfterViewInit, ViewChild, Inject, forwardRef, AfterContentInit } from "@angular/core";
import { MatDialog } from "@angular/material/dialog";

import {
    PreBarrage, PbBassin, PbBassinParams, PbCloison, Observer, IObservable
 } from "jalhyd";

import * as mermaid from "mermaid";

import { HotkeysService, Hotkey } from "angular2-hotkeys";

import { I18nService } from "../../services/internationalisation.service";
import { PbSchema } from "../../formulaire/elements/pb-schema";
import { DialogNewPbCloisonComponent } from "../dialog-new-pb-cloison/dialog-new-pb-cloison.component";
import { GenericCalculatorComponent } from "../generic-calculator/calculator.component";
import { AppComponent } from "../../app.component";

/**
 * The interactive schema for calculator type "PreBarrage" (component)
 */
@Component({
    selector: "pb-schema",
    templateUrl: "./pb-schema.component.html",
    styleUrls: [
        "./pb-schema.component.scss"
    ]
})
export class PbSchemaComponent implements AfterViewInit, AfterContentInit, OnInit, Observer {

    @Input()
    private pbSchema: PbSchema;

    @ViewChild("schema", { static: true })
    public schema: any;

    /** handle on SVG container */
    private nativeElement: any;

    /** flag de validité du composant */
    private _isValid = false;

    private upstreamId = "amont";

    private downstreamId = "aval";

    /** événément de changement de validité */
    @Output()
    private validChange = new EventEmitter();

    /** événément de sélection d'un nœud du graphique Mermaid */
    @Output()
    private nodeSelected = new EventEmitter();

    /** underlying PB */
    private model: PreBarrage;

    /** Latest clicked item: a PbCloison, a PbBassin or undefined if river "Upstream" or "Downstream" was clicked */
    private _selectedItem: PbCloison | PbBassin;

    /** Records existing walls as they are built, to detect if multiple walls connect the same pair of basins */
    private existingWalls: { [key: string]: number };

    public constructor(
        @Inject(forwardRef(() => GenericCalculatorComponent)) private calculatorComponent: GenericCalculatorComponent,
        private i18nService: I18nService,
        private hotkeysService: HotkeysService,
        private newPbCloisonDialog: MatDialog
    ) {
        this.hotkeysService.add(new Hotkey("del", AppComponent.onHotkey(this.removeOnHotkey, this)));
    }