caleb531 / flip-book / 10499286139

import m from "mithril";

import DismissableOverlayComponent from "./overlay.jsx";

import LoadingComponent from "./loading.jsx";

import StorageUpgrader from "../models/storage-upgrader.js";

import ModalComponent from "./modal.jsx";

import _ from "underscore";

class StorageUpgraderComponent {

  oninit() {

    this.upgrader = new StorageUpgrader();

    if (this.upgrader.shouldUpgrade()) {

      this.isVisible = true;

      this.upgrade();

    }

  }

  upgrade() {

    setTimeout(() => {

      try {

        this.upgrader.upgrade().catch((error) => {

          this.handleError(error);

        });

      } catch (error) {

        this.handleError(error);

      }

    }, 1000);

  }

  handleError(error) {

    console.error(error);

    this.isVisible = false;

    m.redraw();

  }

  blurEditor({ dom }) {

    _.defer(() => {

      dom.focus();

    });

  }

  view() {

    return this.isVisible ? (

      <div className="storage-upgrader" oncreate={this.blurEditor}>

        <ModalComponent>

          <h2 className="storage-upgrader-heading">Upgrading Database...</h2>

          <p className="storage-upgrader-message">

          </p>

          <LoadingComponent class="storage-upgrader-loading" />

        </ModalComponent>

      </div>

    ) : null;

  }

}

export default StorageUpgraderComponent;