extjs/templates/admin-dashboard/classic/src/view/widgets/Widgets.js

   1 Ext.define('Admin.view.widgets.Widgets', {
   2     extend: 'Ext.container.Container',
   3     xtype: 'widgets',
   4
   5     requires: [
   6         'Admin.view.widgets.WidgetA',
   7         'Admin.view.widgets.WidgetB',
   8         'Admin.view.widgets.WidgetC',
   9         'Admin.view.widgets.WidgetD',
  10         'Admin.view.widgets.WidgetE',
  11         'Admin.view.widgets.WidgetF',
  12         'Ext.slider.Single',
  13         'Ext.form.field.Display'
  14     ],
  15
  16     layout: 'responsivecolumn',
  17
  18     defaults: {
  19         xtype: 'container'
  20     },
  21
  22     items: [
  23         {
  24             xtype: 'widget-a',
  25             userCls: 'big-50 small-100'
  26         },
  27         {
  28             xtype: 'widget-b',
  29             userCls: 'big-50 small-100'
  30         },
  31         {
  32             xtype: 'widget-c',
  33             userCls: 'big-50 small-100'
  34         },
  35         {
  36             xtype: 'widget-d',
  37             userCls: 'big-50 small-100'
  38         },
  39         {
  40             xtype: 'widget-e',
  41             containerColor: 'cornflower-blue',
  42             userCls: 'big-33 small-50',
  43             data: {
  44                 amount: 840,
  45                 type: 'Sales',
  46                 icon: 'shopping-cart'
  47             }
  48         },
  49         {
  50             xtype: 'widget-e',
  51             containerColor: 'green',
  52             userCls: 'big-33 small-50',
  53             data: {
  54                 amount: 611,
  55                 type: 'Messages',
  56                 icon: 'envelope'
  57             }
  58         },
  59         {
  60             xtype: 'widget-e',
  61             containerColor: 'magenta',
  62             userCls: 'big-33 small-50',
  63             data: {
  64                 amount: 792,
  65                 type: 'Lines of Code',
  66                 icon: 'code'
  67             }
  68         },
  69         {
  70             xtype: 'widget-e',
  71             containerColor: 'orange',
  72             userCls: 'big-33 small-50',
  73             data: {
  74                 amount: 637,
  75                 type: 'Users',
  76                 icon: 'plus-circle'
  77             }
  78         },
  79         {
  80             xtype: 'widget-e',
  81             containerColor: 'blue',
  82             userCls: 'big-33 small-50',
  83             data: {
  84                 amount: 112,
  85                 type: 'Servers',
  86                 icon: 'tasks'
  87             }
  88         },
  89         {
  90             xtype: 'widget-e',
  91             containerColor: 'pink',
  92             userCls: 'big-33 small-50',
  93             data: {
  94                 amount: 244,
  95                 type: 'Files',
  96                 icon: 'file-text'
  97             }
  98         },
  99         {
 100             xtype: 'widget-f',
 101             containerColor: 'cornflower-blue',
 102             userCls: 'big-50 small-100',
 103             data: {
 104                 amount: 840,
 105                 type: 'Sales',
 106                 icon: 'shopping-cart'
 107             }
 108         },
 109         {
 110             xtype: 'widget-f',
 111             containerColor: 'green',
 112             userCls: 'big-50 small-100',
 113             data: {
 114                 amount: 611,
 115                 type: 'Messages',
 116                 icon: 'envelope'
 117             }
 118         },
 119         {
 120             xtype: 'widget-f',
 121             containerColor: 'magenta',
 122             userCls: 'big-50 small-100',
 123             data: {
 124                 amount: 792,
 125                 type: 'Lines of Code',
 126                 icon: 'code'
 127             }
 128         },
 129         {
 130             xtype: 'widget-f',
 131             containerColor: 'pink',
 132             userCls: 'big-50 small-100',
 133             data: {
 134                 amount: 244,
 135                 type: 'Files',
 136                 icon: 'file-text'
 137             }
 138         }
 139     ]
 140 });