extjs/templates/admin-dashboard/modern/src/view/tablet/email/Compose.js

   1 Ext.define('Admin.view.tablet.email.Compose', {
   2     extend: 'Ext.form.Panel',
   3     // xtype: 'compose', -- set by profile
   4     cls: 'email-compose',
   5
   6     requires: [
   7         'Ext.Button',
   8         'Ext.field.Text',
   9         'Ext.field.TextArea'
  10     ],
  11
  12     layout: 'vbox',
  13     padding: 20,
  14
  15     title: 'Compose',
  16
  17     tools: [{
  18         iconCls: 'x-fa fa-close',
  19         handler: 'onCloseMessage'
  20     }],
  21
  22     items: [{
  23         xtype: 'textfield',
  24         placeHolder: 'To',
  25         reference: 'toField',
  26         name: 'to',
  27         margin: '0 0 20 0'
  28     }, {
  29         xtype: 'textfield',
  30         placeHolder: 'Subject',
  31         name: 'subject',
  32         margin: '0 0 20 0'
  33     }, {
  34         xtype: 'textareafield',
  35         placeHolder: 'Content',
  36         name: 'message',
  37         flex: 1,
  38         height: '100%',
  39         margin: '0 0 10 0'
  40     }, {
  41         xtype: 'container',
  42         layout: 'hbox',
  43         height: 40,
  44         userCls: 'compose-email-tool',
  45
  46         items: [{
  47             xtype: 'button',
  48             ui: 'header',
  49             padding: '0 12',
  50             iconCls: 'x-fa fa-floppy-o'
  51         }, {
  52             xtype: 'button',
  53             ui: 'header',
  54             padding: '0 12',
  55             iconCls: 'x-fa fa-paperclip'
  56         }, {
  57             xtype: 'component',
  58             flex: 1
  59         }, {
  60             xtype: 'button',
  61             ui: 'decline',
  62             text: 'Discard',
  63             minWidth: '6rem',
  64             margin: '0 12 0 0',
  65             handler: 'onCloseMessage'
  66         }, {
  67             xtype: 'button',
  68             ui: 'confirm',
  69             text: 'Send',
  70             minWidth: '6rem',
  71             handler: 'onSendMessage'
  72         }]
  73     }]
  74 });