path-framework-weberm16/app/path-framework/page/element/inline-form/inline-form.ts

Path Application Framework

import {Form} from "../../../form/form.component";
import {PageElement, Key} from "../page-element";
import {PathService} from "../../../service/path.service";
import {Inject} from "@angular/core";
import * as path from '../../../path';
import {FormFunction} from "../../../form/form-function";
import {TranslationService} from "../../../service/translation.service";

export class InlineForm extends PageElement {
    private _formId:string;
    private _url:string;
    private _form:Form;
    private _currentKey:Key;
    private _page:string;

    constructor(app:path.IPathApp, @Inject(PathService) private pathService:PathService, @Inject(TranslationService) private translationService:TranslationService) {
        super(app);
    }

    get url(): string {
        return this._url;
    }

    set url(value: string) {
        this._url = value;
    }

    get formId(): string {
        return this._formId;
    }

    set formId(value: string) {
        this._formId = value;
    }

    get form(): Form {
        return this._form;
    }

    set form(value: Form) {
        this._form = value;
    }

    get page(): string {
        return this._page;
    }

    set page(value: string) {
        this._page = value;
    }

    public fromJson(modelFormField) {
        super.fromJson(modelFormField);
        this.formId = modelFormField["form"];
        this.page = modelFormField["page"];
    }

    public loadNextForm(forward:boolean) {
        if (this._url != null) {
            this.pathService.serverGet(this.app.getBackendUrl(), this.url, (data:any) => {
                if (data != null && data["length"] != null && data.length > 0) {
                    let foundNewKey:boolean = false;
                    if (this._currentKey == null) {
                        let firstItem = data[0];
                        this._currentKey = new Key(firstItem["key"]["key"], firstItem["key"]["name"]);
                        foundNewKey = true;
                    } else {
                        let counter:number = 0;
                        for (let item of data) {
                            counter++;
                            if (item["key"]["key"] == this._currentKey.getKey() && item["key"]["name"] == this._currentKey.getName()) {
                                if (forward && data.length > counter) {
                                    this._currentKey = new Key(data[counter]["key"]["key"], data[counter]["key"]["name"]);
                                    foundNewKey = true;
                                } else if (!forward && counter > 1) {
                                    this._currentKey = new Key(data[counter - 2]["key"]["key"], data[counter - 2]["key"]["name"]);
                                    foundNewKey = true;
                                }
                                break;
                            }
                        }
                    }
                    if (this._currentKey != null && foundNewKey) {
                        console.log("load next inline form with key " + this._currentKey.getKey() + "/" + this._currentKey.getName());
                        let formFunction:FormFunction = new FormFunction();
                        formFunction.save = (data:any) => {
                            this.loadNextForm(true);
                        };
                        formFunction.cancel = () => {
                            this.loadNextForm(true);
                        };
                        formFunction.delete = (data:any) => {
                            this.loadNextForm(false);
                        };
                        this._form = this.app.createForm(this._formId, this._currentKey, null, formFunction, this);
                        this.name = this._form.title;
                        this._form.focusFirstField();
                    } else {
                        this._form = null;
                        if (this.page == null) {
                            this.app.navigateBack();
                        } else {
                            this.app.setCurrentPage(this.page, this);
                        }
                    }
                } else {
                    window.alert(this.translationService.getText("NoDataError"));
                    this.app.navigateBack();
                }
            }, null);
        }
    }
}