apim-developer-portal2/src/components/content/resetDetails.ts

API management developer portal

import { OfflineObjectStorage } from "@paperbits/common/persistence";
import * as ko from "knockout";
import template from "./resetDetails.html";
import { Component } from "@paperbits/common/ko/decorators";
import { ViewManager } from "@paperbits/common/ui";
import { ProvisionService } from "../../services/provisioningService";
import { Logger } from "@paperbits/common/logging";


@Component({
    selector: "reset-details-workshop",
    template: template
})

export class ResetDetailsWorkshop {
    public readonly response: ko.Observable<string>;
    public readonly canReset: ko.Computed<boolean>;

    constructor (
        private readonly viewManager: ViewManager,
        private readonly provisioningService: ProvisionService,
        private readonly offlineObjectStorage: OfflineObjectStorage,
        private readonly logger: Logger
    ) {
        this.response = ko.observable("");
        this.canReset = ko.pureComputed(() => this.response().toLocaleLowerCase() === "yes");
    }

    public async reset(): Promise<void> {
        try {
            this.logger.trackEvent("Click: Reset website");

            this.offlineObjectStorage.discardChanges();
            this.viewManager.clearJourney();
            this.viewManager.hideToolboxes();
            this.viewManager.notifySuccess("Website reset", `The website is being reset...`);
            this.viewManager.setShutter();

            await this.provisioningService.cleanup();

            this.logger.trackEvent("Success: Website reset");

            window.location.reload();
        } 
        catch (error) {
            this.viewManager.notifyError("Confirm", `Unable to reset website. Please try again later.`);
            this.logger.trackError(error);
        }
    }
}