diff --git a/js/app/views/CatalogUI.js b/js/app/views/CatalogUI.js index 98518da..d08c8da 100644 --- a/js/app/views/CatalogUI.js +++ b/js/app/views/CatalogUI.js @@ -20,7 +20,8 @@ Ext.define('amdaUI.CatalogUI', { 'amdaUI.OperationsTT', 'Ext.grid.plugin.BufferedRenderer', 'amdaUI.StatisticalPlug', - 'amdaDesktop.AmdaStateProvider' + 'amdaDesktop.AmdaStateProvider', + 'Ext.grid.plugin.CellEditing' ], isCatalog: true, @@ -862,10 +863,28 @@ Ext.define('amdaUI.CatalogUI', { ] }); + Ext.create('Ext.data.Store', { + storeId:'simpsonsStore', + fields:['name', 'email', 'phone'], + data:{'items':[ + { 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224" }, + { 'name': 'Bart', "email":"bart@simpsons.com", "phone":"555-222-1234" }, + { 'name': 'Homer', "email":"home@simpsons.com", "phone":"555-222-1244" }, + { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254" } + ]}, + proxy: { + type: 'memory', + reader: { + type: 'json', + root: 'items' + } + } + }); + // Window for the creation of the new Column var window = Ext.create('Ext.window.Window', { title: (isNew) ? 'New Column' : 'Edit Column', - width: 275, + width: 575, height: 210, closable:false, modal:true, @@ -873,57 +892,89 @@ Ext.define('amdaUI.CatalogUI', { items: [ { xtype: 'form', - layout: 'form', + renderTo: Ext.getBody(), + + fieldDefaults: { + labelAlign: 'right', + msgTarget: 'side' + }, + defaults: { + xtype: 'panel', + bodyStyle: {background: '#dfe8f6'}, + flex: 1, + border:false, + layout: 'anchor' + }, + layout:'hbox', id: 'simpleForm', frame: true, bodyPadding: '5 5 0', - fieldDefaults: { - msgTarget: 'side', - labelWidth: 85 - }, items: [{ - // Name - xtype:'textfield', - fieldLabel: 'Column Name', - name: 'nameColumn', - value: (isNew) ? null : columnInfo.name, - allowBlank: false, - tooltip: 'Enter the name of the column you want to create' - },{ - // Type - xtype: 'combobox', - fieldLabel: 'Data Type', - name:'typeColumn', - store:types, - allowBlank: false, - value : (isNew) ? null : columnInfo.type, - queryMode: 'local', - displayField: 'name', - valueField: 'type', - editable: false, - tooltip: 'Enter the type of data you want to put in this column' - }, - { - // Size - xtype:'numberfield', - fieldLabel: 'Size', - name: 'sizeColumn', - value: (isNew) ? 1 : columnInfo.size, - maxValue: 3, - minValue: 1, - allowBlank: false, - tooltip: 'For exemple: 1 for scalar type or 3 for a vector' + items:[{ + // Name + xtype:'textfield', + fieldLabel: 'Column Name', + name: 'nameColumn', + value: (isNew) ? null : columnInfo.name, + allowBlank: false, + tooltip: 'Enter the name of the column you want to create' + },{ + // Type + xtype: 'combobox', + fieldLabel: 'Data Type', + name:'typeColumn', + store:types, + allowBlank: false, + value : (isNew) ? null : columnInfo.type, + queryMode: 'local', + displayField: 'name', + valueField: 'type', + editable: false, + tooltip: 'Enter the type of data you want to put in this column' + }, + { + // Size + xtype:'numberfield', + fieldLabel: 'Size', + name: 'sizeColumn', + value: (isNew) ? 1 : columnInfo.size, + maxValue: 3, + minValue: 1, + allowBlank: false, + tooltip: 'For exemple: 1 for scalar type or 3 for a vector' + }, + { + // Name + xtype:'textarea', + fieldLabel: 'Description', + name: 'descriptionColumn', + height:50, + value: (isNew) ? null : columnInfo.description, + allowBlank: true, + }] }, { - // Name - xtype:'textarea', - fieldLabel: 'Description', - name: 'descriptionColumn', - height:50, - value: (isNew) ? null : columnInfo.description, - allowBlank: true, - } - ], + items:[ + { + xtype:'grid', + title: 'Status Color', + store: Ext.data.StoreManager.lookup('simpsonsStore'), + columns: [ + { text: 'Value', dataIndex: 'name',flex: 1,editor: 'textfield'}, + { text: 'Label', dataIndex: 'email', flex: 1,editor: 'textfield' }, + { text: 'Color', dataIndex: 'phone',flex: 1,editor: 'textfield' } + ], + selType: 'cellmodel', + plugins: [ + Ext.create('Ext.grid.plugin.CellEditing', { + clicksToEdit: 1 + }) + ], + height: 120, + width: 200, + renderTo: Ext.getBody() + }], + }], buttons: [{ text: 'Save', -- libgit2 0.21.2