object grid: allow to pass online help to row editors

[proxmox-widget-toolkit.git] / grid / ObjectGrid.js

diff --git a/grid/ObjectGrid.js b/grid/ObjectGrid.js
index 743532dbec024b4f240af52c79ef4a014535f711..fd44821d006f38b1efbe6dc1d3d288d6ada77357 100644 (file)
--- a/grid/ObjectGrid.js
+++ b/grid/ObjectGrid.js
@@ -22,14 +22,78 @@ Ext.define('Proxmox.grid.ObjectGrid', {
     disabled: false,
     hideHeaders: true,
 
-    rows: {},
+    monStoreErrors: false,
 
-    add_boolean_row: function(name, text, opts) {
+    add_combobox_row: function(name, text, opts) {
        var me = this;
 
        opts = opts || {};
+       me.rows = me.rows || {};
 
-       var tm = new Ext.util.TextMetrics();
+       me.rows[name] = {
+           required: true,
+           defaultValue: opts.defaultValue,
+           header: text,
+           renderer: opts.renderer,
+           editor: {
+               xtype: 'proxmoxWindowEdit',
+               subject: text,
+               onlineHelp: opts.onlineHelp,
+               fieldDefaults: {
+                   labelWidth: opts.labelWidth || 100
+               },
+               items: {
+                   xtype: 'proxmoxKVComboBox',
+                   name: name,
+                   comboItems: opts.comboItems,
+                   value: opts.defaultValue,
+                   deleteEmpty: opts.deleteEmpty ? true : false,
+                   emptyText: opts.defaultValue,
+                   labelWidth: Proxmox.Utils.compute_min_label_width(
+                       text, opts.labelWidth),
+                   fieldLabel: text
+               }
+           }
+       };
+    },
+
+    add_text_row: function(name, text, opts) {
+       var me = this;
+
+       opts = opts || {};
+       me.rows = me.rows || {};
+
+       me.rows[name] = {
+           required: true,
+           defaultValue: opts.defaultValue,
+           header: text,
+           renderer: opts.renderer,
+           editor: {
+               xtype: 'proxmoxWindowEdit',
+               subject: text,
+               onlineHelp: opts.onlineHelp,
+               fieldDefaults: {
+                   labelWidth: opts.labelWidth || 100
+               },
+               items: {
+                   xtype: 'proxmoxtextfield',
+                   name: name,
+                   deleteEmpty: opts.deleteEmpty ? true : false,
+                   emptyText: opts.defaultValue,
+                   labelWidth: Proxmox.Utils.compute_min_label_width(
+                       text, opts.labelWidth),
+                   vtype: opts.vtype,
+                   fieldLabel: text
+               }
+           }
+       };
+    },
+
+    add_boolean_row: function(name, text, opts) {
+       var me = this;
+
+       opts = opts || {};
+       me.rows = me.rows || {};
 
        me.rows[name] = {
            required: true,
@@ -39,6 +103,10 @@ Ext.define('Proxmox.grid.ObjectGrid', {
            editor: {
                xtype: 'proxmoxWindowEdit',
                subject: text,
+               onlineHelp: opts.onlineHelp,
+               fieldDefaults: {
+                   labelWidth: opts.labelWidth || 100
+               },
                items: {
                    xtype: 'proxmoxcheckbox',
                    name: name,
@@ -46,7 +114,8 @@ Ext.define('Proxmox.grid.ObjectGrid', {
                    defaultValue: opts.defaultValue  || 0,
                    checked: opts.defaultValue ? true : false,
                    deleteDefaultValue: opts.deleteDefaultValue ? true : false,
-                   labelWidth: opts.labelWidth || tm.getWidth(text + ':'),
+                   labelWidth: Proxmox.Utils.compute_min_label_width(
+                       text, opts.labelWidth),
                    fieldLabel: text
                }
            }
@@ -57,25 +126,30 @@ Ext.define('Proxmox.grid.ObjectGrid', {
        var me = this;
 
        opts = opts || {}
-
-       var tm = new Ext.util.TextMetrics();
+       me.rows = me.rows || {};
 
        me.rows[name] = {
            required: true,
            defaultValue: opts.defaultValue,
            header: text,
+           renderer: opts.renderer,
            editor: {
                xtype: 'proxmoxWindowEdit',
                subject: text,
+               onlineHelp: opts.onlineHelp,
+               fieldDefaults: {
+                   labelWidth: opts.labelWidth || 100
+               },
                items: {
                    xtype: 'proxmoxintegerfield',
                    name: name,
                    minValue: opts.minValue,
                    maxValue: opts.maxValue,
                    emptyText: gettext('Default'),
-                   deleteEmpty: true,
+                   deleteEmpty: opts.deleteEmpty ? true : false,
                    value: opts.defaultValue,
-                   labelWidth: opts.labelWidth || tm.getWidth(text + ':'),
+                   labelWidth: Proxmox.Utils.compute_min_label_width(
+                       text, opts.labelWidth),
                    fieldLabel: text
                }
            }
@@ -154,6 +228,21 @@ Ext.define('Proxmox.grid.ObjectGrid', {
        return value;
     },
 
+    listeners: {
+       itemkeydown: function(view, record, item, index, e) {
+           if (e.getKey() === e.ENTER) {
+               this.pressedIndex = index;
+           }
+       },
+       itemkeyup: function(view, record, item, index, e) {
+           if (e.getKey() === e.ENTER && index == this.pressedIndex) {
+               this.run_editor();
+           }
+
+           this.pressedIndex = undefined;
+       }
+    },
+
     initComponent : function() {
        var me = this;
 
@@ -229,5 +318,9 @@ Ext.define('Proxmox.grid.ObjectGrid', {
        });
 
        me.callParent();
+
+       if (me.monStoreErrors) {
+           Proxmox.Utils.monStoreErrors(me, me.store);
+       }
    }
 });