const labelWidth = 80

export const windows = {
    modal: true,
    width: 900,
    height: 600,
    maximizable: true,
    constrain: true,
    shadow: false,
    // manageHeight: true,
    // draggable: true,
    // scrollable: true,
}

export const date = {
    labelAlign: 'right',
    labelWidth,
}

export const combo = {
    labelAlign: 'right',
    labelWidth,
    valueField: 'id',
    displayField: 'text',
    autoLoad: true,
    mode: 'local',
    forceSelection: true,
    triggerAction: 'all',
    enableKeyEvents: true,
}

export const comboGrid = {
    selectOnTab: true,
    pickerHeight: 500,
    pickerWidth: 850,
    editEnable: null,
}

export const comboGridPicker = {
    xtype: 'yvgrid',
    layout: 'fit',
    selModel: {
        selType: 'rowmodel',
        mode: 'SINGLE'
    },
}

export const comboGridMulti = {
    selectOnTab: true,
    pickerHeight: 500,
    pickerWidth: 850,
    editEnable: null,
    splitChar: ',',
    displayField: 'text',
    valueField: 'id',
    autoLoad: true,
}

export const comboGridMultiPicker = {
    selType: 'checkboxmodel',
    selModel: {
        type: 'checkboxmodel',
        checkOnly: false
    },
}

export const numberfield = {
    labelAlign: 'right',
    labelWidth,
}

export const checkbox = {
    labelAlign: 'right',
    labelWidth,
    checkedValue: true,
    uncheckedValue: false,
}

export const checkboxgroup = {
    labelAlign: 'right',
    labelWidth,
}

export const radio = {
    labelAlign: 'right',
    labelWidth,
}

export const radiogroup = {
    labelAlign: 'right',
    labelWidth,
    simpleValue: true,
    layout: 'hbox',
    defaults: {
        xtype: 'radio',
        name: 'type',
        margin: '0 15 0 0'
    },
}

export const form = {
    margin: '5 5 0 0',
    border: false,
    defaults: {
        margin: '0 0 5 0',
        border: false,
    },
}

export const column = {
    filter: {type: 'string'},
}

export const grid = {
    border: true,
    columnLines: true,
    rowLines: true,
    plugins: {
        cellediting: {
            clicksToEdit: 1
        },
        gridfilters: true
    },
    multiColumnSort: true,
    viewConfig: {
        enableTextSelection: true,
        sortOnClick: false,
    },
    selModel: {
        type: 'checkboxmodel',
        checkOnly: false
    },
    pagination: true,
    pageSize: 50,
    pageSizeOption: ['20', '50', '100', '200', '300'],
    hideFootbar: false,
    hideRefresh: false,
    hideExport: false,
    hideAutoSize: false,
    hideClearFilter: false,
    autoLoad: true,
    remoteSort: false,
    remoteFilter: false,
    enableLocking: true,
    enableColumnMove: true,
    enableColumnHide: true,
    enableColumnResize: true,
    hidden: false,
    disabled: false,
}

export const fieldContainer = {
    labelAlign: 'right',
    labelWidth,
    layout: 'hbox',
    defaults: {
        flex: 1,
    }
}

export const tree = {
    autoLoad: true,
    hideFilter: false,
    hideToolbar: false,
}

export const search = {
    labelAlign: 'right',
    labelWidth,
}

export const text = {
    labelAlign: 'right',
    labelWidth,
    msgTarget: 'qtip',
}

export const toolbar = {
    overflowHandler: 'menu',
}

export const tbfill = {}

export const tbseparator = {}

export const button = {}

export const fieldSet = {
    margin: '5 5 0 0',
    border: false,
    defaults: {
        margin: '0 0 5 0',
        border: false,
    },
}

export const panel = {}

export const splitter = {}

export const maintab = {}

export const rows = {}

export const cols = {
    defaults: {
        flex: 1
    },
}