import * as ko from "knockout";
import { whenDocumentReady } from "ojs/ojbootstrap";
import "ojs/ojknockout";
import Context = require("ojs/ojcontext");
import "ojs/ojdatagrid";
import { SampleDataGridProvider } from "./SampleDataGridProvider";
import { jsonData } from "./customers";

class ViewModel {
  public dataGridProvider = new SampleDataGridProvider({
    dataArray: jsonData
  });
};

function init() {
  ko.applyBindings(new ViewModel(), document.getElementById('datagrid'));
}

whenDocumentReady().then(function () {
  // if running in a hybrid (e.g. Cordova) environment, we need to wait for the deviceready
  // event before executing any code that might interact with Cordova APIs or plugins.
  if (document.body.classList.contains('oj-hybrid')) {
    document.addEventListener('deviceready', init);
  } else {
    init();
  }
  // release the application bootstrap busy state
  Context.getPageContext().getBusyContext().applicationBootstrapComplete();
});