gulp-ui5-eager-preload/test_resources/Component.ts

[](https://www.npmjs.com/package/gulp-ui5-eager-preload)

import UIComponent from "sap/ui/core/UIComponent";
import JSONModel from "sap/ui/model/json/JSONModel";
import * as Device from "sap/ui/Device";
import { createHelloDialog } from "./fragments/HelloDialog";
import { manifest } from "./manifest";
import Dialog from "sap/m/Dialog";
import BindingMode from "sap/ui/model/BindingMode";
import View from "sap/ui/core/mvc/View";
import Controller from "sap/ui/core/mvc/Controller";

export default class Component extends UIComponent {

  private metadata = {
    manifest
  }

  private _dialog: Dialog

  init() {
    super.init(this, arguments);
    // set data model
    var oData = {
      recipient: {
        name: "World"
      }
    };
    var oModel = new JSONModel(oData);
    this.setModel(oModel);

    // set device model
    var oDeviceModel = new JSONModel(Device);
    oDeviceModel.setDefaultBindingMode(BindingMode.OneWay);
    this.setModel(oDeviceModel, "device");

    // create the views based on the url/hash
    this.getRouter().initialize();

  }

  openHelloDialog() {
    const oView = this.getAggregation("rootControl") as View;
    // create dialog lazily
    if (!this._dialog) {
      var oFragmentController = {
        onCloseDialog: () => {
          this._dialog.close();
        }
      };
      // create dialog via fragment factory
      this._dialog = createHelloDialog(oFragmentController);
      // connect dialog to the root view of this component (models, lifecycle)
      oView.addDependent(this._dialog);
      // forward compact/cozy style into dialog
      jQuery.sap.syncStyleClass(((oView.getController() as Controller).getOwnerComponent() as Component).getContentDensityClass(), oView, this._dialog);
    }
    this._dialog.open();
  }

  private _sContentDensityClass: string

  getContentDensityClass() {
    if (!this._sContentDensityClass) {
      if (!sap.ui.Device.support.touch) {
        this._sContentDensityClass = "sapUiSizeCompact";
      } else {
        this._sContentDensityClass = "sapUiSizeCozy";
      }
    }
    return this._sContentDensityClass;
  }

}