hideGroupInfo: false,
showDirection: false, // only important for SMTP Whitelist
+ ogdata: undefined,
+
+ emptyText: gettext('Please select an object.'),
+
setBaseUrl: function(baseurl) {
- var me = this;
+ let me = this;
me.baseurl = baseurl;
- me.store.setProxy({
- type: 'proxmox',
- url: '/api2/json' + me.baseurl + '/objects'
- });
+ if (me.baseurl === undefined) {
+ me.store.proxy.setUrl(undefined);
+ me.store.setData([]);
+ me.setButtonState(me.store, [], false);
+ } else {
+ let url = '/api2/json' + me.baseurl + '/objects';
+ me.store.proxy.setUrl(url);
+ me.store.load();
+ }
+ },
- me.store.load(function() {
- me.down('#addMenuButton').setDisabled(false);
+ setObjectInfo: function(ogdata) {
+ let me = this;
- });
- },
+ me.ogdata = ogdata;
- setObjectInfo: function(name, info) {
- var me = this;
+ if (me.ogdata === undefined) {
+ me.down('#oginfo').update(me.emptyText);
+ } else {
+ let html = '<b>' + Ext.String.htmlEncode(me.ogdata.name) + '</b>';
+ html += "<br><br>";
+ html += Ext.String.htmlEncode(Ext.String.trim(me.ogdata.info));
- var html = '<b>' + Ext.String.htmlEncode(name) + '</b>';
- html += "<br><br>";
- html += Ext.String.htmlEncode(Ext.String.trim(info));
+ me.down('#oginfo').update(html);
+ me.down('#ogdata').setHidden(false);
+ }
+ },
- me.down('#oginfo').update(html);
- me.down('#ogdata').setHidden(false);
+ setButtonState: function(store, records, success) {
+ let me = this;
+ if (!success || !me.baseurl) {
+ me.down('#addMenuButton').setDisabled(true);
+ return;
+ }
+ me.down('#addMenuButton').setDisabled(false);
},
- initComponent : function() {
- var me = this;
+ initComponent: function() {
+ let me = this;
me.store = new Ext.data.Store({
model: 'pmg-object-list',
+ proxy: {
+ type: 'proxmox',
+ },
sorters: [
{
- property : 'receivertest',
+ property: 'receivertest',
},
{
- property : 'otype',
- direction: 'ASC'
- }
- ]
+ property: 'otype',
+ direction: 'ASC',
+ },
+ ],
});
me.columns = [{
header: gettext('Type'),
dataIndex: 'otype',
renderer: PMG.Utils.format_otype,
- width: 200
+ width: 200,
}];
if (me.showDirection) {
dataIndex: 'receivertest',
renderer: function(value) {
return value ? PMG.Utils.receiverText : PMG.Utils.senderText;
- }
+ },
});
}
header: gettext('Value'),
dataIndex: 'descr',
renderer: Ext.String.htmlEncode,
- flex: 1
- })
+ flex: 1,
+ });
- var reload = function() {
+ let reload = function() {
me.store.load();
};
me.selModel = Ext.create('Ext.selection.RowModel', {});
- var remove_btn = Ext.createWidget('proxmoxButton', {
- text: gettext('Remove'),
- disabled: true,
+ let remove_btn = Ext.createWidget('proxmoxStdRemoveButton', {
selModel: me.selModel,
- confirmMsg: function (rec) {
- return Ext.String.format(
- gettext('Are you sure you want to remove entry {0}'),
- "'" + PMG.Utils.format_otype(rec.data.otype) +
- ': ' + rec.data.descr + "'");
+ getUrl: function(rec) {
+ return me.baseurl + '/objects/' + rec.data.id;
},
- handler: function(btn, event, rec) {
- Proxmox.Utils.API2Request({
- url: me.baseurl + '/objects/'+ rec.data.id,
- method: 'DELETE',
- waitMsgTarget: me,
- callback: function() {
- reload();
- },
- failure: function (response, opts) {
- Ext.Msg.alert(gettext('Error'), response.htmlStatus);
- }
- });
- }
+ callback: reload,
+ getRecordName: function(rec) {
+ return PMG.Utils.format_otype(rec.data.otype) +
+ ': ' + rec.data.descr;
+ },
+ waitMsgTarget: me,
});
- var full_subject = function(subject, receivertest) {
+ let full_subject = function(subject, receivertest) {
if (me.showDirection) {
- var direction = receivertest ?
- PMG.Utils.receiverText : PMG.Utils.senderText;
+ let direction = receivertest
+ ? PMG.Utils.receiverText : PMG.Utils.senderText;
return subject + ' (' + direction + ')';
} else {
}
};
- var run_editor = function() {
- var rec = me.selModel.getSelection()[0];
+ let run_editor = function() {
+ let rec = me.selModel.getSelection()[0];
if (!rec) {
return;
}
- var editor = PMG.Utils.object_editors[rec.data.otype];
- if (!editor) {
+ let editor = PMG.Utils.object_editors[rec.data.otype];
+ if (!editor || editor.uneditable) {
return;
}
- var config = Ext.apply({ method: 'PUT' }, editor);
+ let config = Ext.apply({ method: 'PUT' }, editor);
config.subject = full_subject(editor.subject, rec.data.receivertest);
config.url = me.baseurl + '/' + editor.subdir + '/' + rec.data.id;
- var win = Ext.createWidget('proxmoxWindowEdit', config);
+ let win = Ext.createWidget(config);
win.load();
win.on('destroy', reload);
win.show();
};
- var menu_items = [];
+ let menu_items = [];
Ext.Array.each(me.otype_list, function(otype) {
+ let editor = PMG.Utils.object_editors[otype];
- var editor = PMG.Utils.object_editors[otype];
-
- var config = Ext.apply({ method: 'POST' }, editor);
+ let config = Ext.apply({ method: 'POST' }, editor);
config.subject = full_subject(editor.subject, editor.receivertest);
menu_items.push({
text: config.subject,
+ iconCls: config.iconCls || 'fa fa-question-circle',
handler: function() {
- if (me.baseurl == undefined) {
+ if (me.baseurl === undefined) {
return;
}
config.url = me.baseurl + '/' + editor.subdir;
- var win = Ext.createWidget('proxmoxWindowEdit', config);
+ let win = Ext.create(config);
win.on('destroy', reload);
win.show();
- }
+ },
});
});
text: gettext('Add'),
disabled: true,
itemId: 'addMenuButton',
- menu: new Ext.menu.Menu({
- items: menu_items
- })
+ menu: {
+ items: menu_items,
+ },
},
{
xtype: 'proxmoxButton',
text: gettext('Edit'),
disabled: true,
selModel: me.selModel,
- handler: run_editor
+ enableFn: function(rec) {
+ let editor = PMG.Utils.object_editors[rec.data.otype];
+ return editor && !editor.uneditable;
+ },
+ handler: run_editor,
},
- remove_btn
- ]
+ remove_btn,
+ ],
});
me.dockedItems.push({
dock: 'top',
border: 1,
layout: 'anchor',
- hidden: me.hideGroupInfo ? true : false,
+ hidden: !!me.hideGroupInfo,
itemId: 'ogdata',
items: [
{
itemId: 'oginfo',
style: { 'white-space': 'pre' },
padding: 10,
- html: gettext('Please select an object.')
- }
- ]
+ html: me.emptyText,
+ listeners: {
+ dblclick: {
+ fn: function(e, t) {
+ if (me.ogdata === undefined) { return; }
+ me.fireEvent('dblclickOGInfo', me, e, t, me.ogdata);
+ },
+ element: 'el',
+ scope: this,
+ },
+ },
+ },
+ ],
});
+ Proxmox.Utils.monStoreErrors(me, me.store, true);
Ext.apply(me, {
+ run_editor: run_editor,
listeners: {
itemdblclick: run_editor,
- activate: reload
- }
+ activate: reload,
+ },
});
me.callParent();
+ me.mon(me.store, 'load', me.setButtonState, me);
+
if (me.baseurl) {
me.setBaseUrl(me.baseurl); // configure store, load()
}
- }
+ },
});
projects / pmg-gui.git / blobdiff