new checked_command helper, add APT.js
This commit is contained in:
Dietmar Maurer
parent
00ecc6db47
commit
5f93e01085
1
Makefile
1
Makefile
@ -38,6 +38,7 @@ JSSRC= \
|
||||
window/Edit.js \
|
||||
window/PasswordEdit.js \
|
||||
window/TaskViewer.js \
|
||||
node/APT.js \
|
||||
node/NetworkEdit.js \
|
||||
node/NetworkView.js \
|
||||
node/DNSEdit.js \
|
||||
|
||||
36
Utils.js
36
Utils.js
@ -60,6 +60,11 @@ Ext.define('Proxmox.Utils', { utilities: {
|
||||
stateText: gettext('State'),
|
||||
groupText: gettext('Group'),
|
||||
|
||||
getNoSubKeyHtml: function(url) {
|
||||
// url http://www.proxmox.com/products/proxmox-ve/subscription-service-plans
|
||||
return Ext.String.format('You do not have a valid subscription for this server. Please visit <a target="_blank" href="{0}">www.proxmox.com</a> to get a list of available options.', url || 'http://www.proxmox.com');
|
||||
},
|
||||
|
||||
format_boolean_with_default: function(value) {
|
||||
if (Ext.isDefined(value) && value !== '__default__') {
|
||||
return value ? Proxmox.Utils.yesText : Proxmox.Utils.noText;
|
||||
@ -288,6 +293,37 @@ Ext.define('Proxmox.Utils', { utilities: {
|
||||
Ext.Ajax.request(newopts);
|
||||
},
|
||||
|
||||
checked_command: function(orig_cmd) {
|
||||
Proxmox.Utils.API2Request({
|
||||
url: '/nodes/localhost/subscription',
|
||||
method: 'GET',
|
||||
//waitMsgTarget: me,
|
||||
failure: function(response, opts) {
|
||||
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||
},
|
||||
success: function(response, opts) {
|
||||
var data = response.result.data;
|
||||
|
||||
if (data.status !== 'Active') {
|
||||
Ext.Msg.show({
|
||||
title: gettext('No valid subscription'),
|
||||
icon: Ext.Msg.WARNING,
|
||||
msg: Proxmox.Utils.getNoSubKeyHtml(data.url),
|
||||
buttons: Ext.Msg.OK,
|
||||
callback: function(btn) {
|
||||
if (btn !== 'ok') {
|
||||
return;
|
||||
}
|
||||
orig_cmd();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
orig_cmd();
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
assemble_field_data: function(values, data) {
|
||||
if (Ext.isObject(data)) {
|
||||
Ext.Object.each(data, function(name, val) {
|
||||
|
||||
207
node/APT.js
Normal file
207
node/APT.js
Normal file
@ -0,0 +1,207 @@
|
||||
Ext.define('apt-pkglist', {
|
||||
extend: 'Ext.data.Model',
|
||||
fields: [ 'Package', 'Title', 'Description', 'Section', 'Arch',
|
||||
'Priority', 'Version', 'OldVersion', 'ChangeLogUrl', 'Origin' ],
|
||||
idProperty: 'Package'
|
||||
});
|
||||
|
||||
Ext.define('Proxmox.node.APT', {
|
||||
extend: 'Ext.grid.GridPanel',
|
||||
|
||||
xtype: 'proxmoxNodeAPT',
|
||||
|
||||
upgradeBtn: undefined,
|
||||
|
||||
columns: [
|
||||
{
|
||||
header: gettext('Package'),
|
||||
width: 200,
|
||||
sortable: true,
|
||||
dataIndex: 'Package'
|
||||
},
|
||||
{
|
||||
text: gettext('Version'),
|
||||
columns: [
|
||||
{
|
||||
header: gettext('current'),
|
||||
width: 100,
|
||||
sortable: false,
|
||||
dataIndex: 'OldVersion'
|
||||
},
|
||||
{
|
||||
header: gettext('new'),
|
||||
width: 100,
|
||||
sortable: false,
|
||||
dataIndex: 'Version'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
header: gettext('Description'),
|
||||
sortable: false,
|
||||
dataIndex: 'Title',
|
||||
flex: 1
|
||||
}
|
||||
],
|
||||
|
||||
initComponent : function() {
|
||||
var me = this;
|
||||
|
||||
if (!me.nodename) {
|
||||
throw "no node name specified";
|
||||
}
|
||||
|
||||
var store = Ext.create('Ext.data.Store', {
|
||||
model: 'apt-pkglist',
|
||||
groupField: 'Origin',
|
||||
proxy: {
|
||||
type: 'proxmox',
|
||||
url: "/api2/json/nodes/" + me.nodename + "/apt/update"
|
||||
},
|
||||
sorters: [
|
||||
{
|
||||
property : 'Package',
|
||||
direction: 'ASC'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
var groupingFeature = Ext.create('Ext.grid.feature.Grouping', {
|
||||
groupHeaderTpl: '{[ "Origin: " + values.name ]} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})',
|
||||
enableGroupingMenu: false
|
||||
});
|
||||
|
||||
var rowBodyFeature = Ext.create('Ext.grid.feature.RowBody', {
|
||||
getAdditionalData: function (data, rowIndex, record, orig) {
|
||||
var headerCt = this.view.headerCt;
|
||||
var colspan = headerCt.getColumnCount();
|
||||
// Usually you would style the my-body-class in CSS file
|
||||
return {
|
||||
rowBody: '<div style="padding: 1em">' +
|
||||
Ext.String.htmlEncode(data.Description) +
|
||||
'</div>',
|
||||
rowBodyColspan: colspan
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
var reload = function() {
|
||||
store.load();
|
||||
};
|
||||
|
||||
Proxmox.Utils.monStoreErrors(me, store, true);
|
||||
|
||||
var apt_command = function(cmd){
|
||||
Proxmox.Utils.API2Request({
|
||||
url: "/nodes/" + me.nodename + "/apt/" + cmd,
|
||||
method: 'POST',
|
||||
failure: function(response, opts) {
|
||||
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||
},
|
||||
success: function(response, opts) {
|
||||
var upid = response.result.data;
|
||||
|
||||
var win = Ext.create('Proxmox.window.TaskViewer', {
|
||||
upid: upid
|
||||
});
|
||||
win.show();
|
||||
me.mon(win, 'close', reload);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var sm = Ext.create('Ext.selection.RowModel', {});
|
||||
|
||||
var update_btn = new Ext.Button({
|
||||
text: gettext('Refresh'),
|
||||
handler: function(){
|
||||
Proxmox.Utils.checked_command(function() { apt_command('update'); });
|
||||
}
|
||||
});
|
||||
|
||||
var show_changelog = function(rec) {
|
||||
if (!rec || !rec.data || !(rec.data.ChangeLogUrl && rec.data.Package)) {
|
||||
return;
|
||||
}
|
||||
|
||||
var view = Ext.createWidget('component', {
|
||||
autoScroll: true,
|
||||
style: {
|
||||
'background-color': 'white',
|
||||
'white-space': 'pre',
|
||||
'font-family': 'monospace',
|
||||
padding: '5px'
|
||||
}
|
||||
});
|
||||
|
||||
var win = Ext.create('Ext.window.Window', {
|
||||
title: gettext('Changelog') + ": " + rec.data.Package,
|
||||
width: 800,
|
||||
height: 400,
|
||||
layout: 'fit',
|
||||
modal: true,
|
||||
items: [ view ]
|
||||
});
|
||||
|
||||
Proxmox.Utils.API2Request({
|
||||
waitMsgTarget: me,
|
||||
url: "/nodes/" + me.nodename + "/apt/changelog",
|
||||
params: {
|
||||
name: rec.data.Package,
|
||||
version: rec.data.Version
|
||||
},
|
||||
method: 'GET',
|
||||
failure: function(response, opts) {
|
||||
win.close();
|
||||
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
||||
},
|
||||
success: function(response, opts) {
|
||||
win.show();
|
||||
view.update(Ext.htmlEncode(response.result.data));
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var changelog_btn = new Proxmox.button.Button({
|
||||
text: gettext('Changelog'),
|
||||
selModel: sm,
|
||||
disabled: true,
|
||||
enableFn: function(rec) {
|
||||
if (!rec || !rec.data || !(rec.data.ChangeLogUrl && rec.data.Package)) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
},
|
||||
handler: function(b, e, rec) {
|
||||
show_changelog(rec);
|
||||
}
|
||||
});
|
||||
|
||||
if (me.upgradeBtn) {
|
||||
me.tbar = [ update_btn, me.upgradeBtn, changelog_btn ];
|
||||
} else {
|
||||
me.tbar = [ update_btn, changelog_btn ];
|
||||
}
|
||||
|
||||
Ext.apply(me, {
|
||||
store: store,
|
||||
stateful: true,
|
||||
stateId: 'grid-update',
|
||||
selModel: sm,
|
||||
viewConfig: {
|
||||
stripeRows: false,
|
||||
emptyText: '<div style="display:table; width:100%; height:100%;"><div style="display:table-cell; vertical-align: middle; text-align:center;"><b>' + gettext('No updates available.') + '</div></div>'
|
||||
},
|
||||
features: [ groupingFeature, rowBodyFeature ],
|
||||
listeners: {
|
||||
activate: reload,
|
||||
itemdblclick: function(v, rec) {
|
||||
show_changelog(rec);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
me.callParent();
|
||||
}
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user