AlliBilli Center Object

center.js

Ext.define("AlliBilli.view.main.Main", {
  extend: "Ext.panel.Panel",
  xtype: "layout-border",
  requires: [
    "Ext.layout.container.Border",
    "Ext.plugin.Viewport",
    "Ext.window.MessageBox",
    "AlliBilli.view.main.center.Center",
  ],
  border: false,
  controller: "main",
  viewModel: "main",

  profiles: {
    classic: {
      itemHeight: 100,
    },
    neptune: {
      itemHeight: 100,
    },
    graphite: {
      itemHeight: 120,
    },
    "classic-material": {
      itemHeight: 120,
    },
  },
  layout: "border",

  cls: Ext.baseCSSPrefix + "shadow",

  bodyBorder: false,

  defaults: {
    collapsible: true,
    split: true,
  },

  items: [
    {
      title: "News",
      region: "west",
      floatable: false,
      iconCls:'fas fa-paper-plane',
      margin: "0 0 0 0",
      width: 200,
      minWidth: 250,
      maxWidth: 350,
      html: "<p>Secondary content like navigation links could go here</p>",
    },
    {
      title: "Entertainment",
      region: "east",
      floatable: false,
      margin: "0 0 0 0",
      width: 200,
      minWidth: 250,
      maxWidth: 350,
      html: "<p>Secondary content like navigation links could go here</p>",
    },
    new AlliBilli.view.main.center.Center(),
  ],
});