apim-developer-portal2/src/models/console/consoleHeader.ts

API management developer portal

import * as ko from "knockout";
import { Parameter } from "../parameter";

export class ConsoleHeader {
    public readonly name: ko.Observable<string>;
    public readonly value: ko.Observable<string>;
    public readonly readonly: boolean;
    public readonly custom: boolean;
    public readonly options: string[];
    public inputTypeValue: string;
    public required: boolean;
    public secret: boolean;
    public revealed: boolean;
    public description: string;
    public type: string;

    public toggleRevealed(): void {
        this.revealed = !this.revealed;
        this.inputTypeValue = this.secret && !this.revealed ? "password" : "text";
    }

    public canRename(): boolean {
        return !this.required && this.custom;
    }

    constructor(contract?: Parameter) {
        this.name = ko.observable();
        this.value = ko.observable();
        this.inputTypeValue = "text";
        this.revealed = false;
        this.options = [];
        this.required = false;
        this.readonly = false;
        this.custom = true;
        this.type = "string";
        this.description = "Additional header.";

        if (!contract) {
            return;
        }

        this.custom = false;
        this.name(contract.name);
        this.value(contract.defaultValue);
        this.required = contract.required;
        this.options = contract.values;
        this.description = contract.description ? contract.description : "";
        this.type = contract.type;
        this.secret = false;
        this.inputTypeValue = this.secret && !this.revealed ? "password" : "text";

        this.name.extend(<any>{ required: { message: `Name is required.` } });

        if (this.required) {
            this.value.extend(<any>{ required: { message: `Value is required.` } });
        }
    }

    public toggleSecret(): void {
        this.revealed = !this.revealed;
        this.inputTypeValue = this.secret && !this.revealed ? "password" : "text";
    }
}