extjs-gpl
Version:
GPL licensed version of Sencha Ext JS
152 lines (146 loc) • 4.54 kB
JavaScript
/**
* @class SimpleTasks.view.tasks.EditWindow
* @extends Ext.window.Window
*/
Ext.define('SimpleTasks.view.tasks.EditWindow', {
extend: 'Ext.window.Window',
xtype: 'taskEditWindow',
requires: [
'Ext.form.Panel',
'Ext.form.FieldSet',
'Ext.form.field.Text',
'Ext.form.field.Date',
'Ext.form.field.Time',
'Ext.form.field.Checkbox',
'Ext.form.field.HtmlEditor',
'Ext.form.field.Hidden',
'Ext.ux.TreePicker'
],
closeAction: 'hide',
modal: true,
width: 500,
height: 350,
minWidth: 500,
minHeight: 350,
layout: 'fit',
dockedItems: [
{
xtype: 'toolbar',
dock: 'top',
items: [
{
iconCls: 'tasks-mark-complete',
id: 'toggle-complete-btn'
},
{
iconCls: 'tasks-delete-task',
text: 'Delete Task',
id: 'delete-task-window-btn'
}
]
}
],
initComponent: function() {
this.items = [{
xtype: 'form',
layout: 'anchor',
bodyPadding: 10,
border: false,
items: [
{
xtype: 'textfield',
name: 'title',
fieldLabel: 'Task Subject',
labelWidth: 90,
anchor: '100%'
},
{
xtype: 'fieldset',
layout: 'hbox',
anchor: '100%',
padding: 0,
margin: '0 0 5',
border: false,
items: [
{
xtype: 'datefield',
name: 'due',
fieldLabel: 'Due Date',
labelWidth: 90,
width: 195,
margin: '0 15 0 0'
},
{
xtype: 'treepicker',
name: 'list_id',
fieldLabel: 'Task List',
labelWidth: 60,
displayField: 'name',
store: Ext.create('SimpleTasks.store.Lists', {storeId: 'Lists-TaskEditWindow'}),
flex: 1
}
]
},
{
xtype: 'component',
autoEl: {
cls: 'divider'
}
},
{
xtype: 'fieldset',
layout: 'hbox',
anchor: '100%',
padding: 0,
margin: '0 0 5',
border: false,
items: [
{
xtype: 'checkbox',
name: 'has_reminder',
boxLabel: 'Reminder',
margin: '0 5 0 0'
},
{
xtype: 'datefield',
name: 'reminder_date',
margin: '0 5 0 0',
disabled: true,
editable: false
},
{
xtype: 'timefield',
name: 'reminder_time',
disabled: true,
editable: false
}
]
},
{
xtype: 'htmleditor',
name: 'note',
anchor: '100% -90'
},
{
xtype: 'hiddenfield',
name: 'reminder'
},
{
xtype: 'hiddenfield',
name: 'done'
}
],
buttons: [
{
text: 'Save',
id: 'save-task-edit-btn'
},
{
text: 'Cancel',
id: 'cancel-task-edit-btn'
}
]
}];
this.callParent(arguments);
}
});