mirror of
https://git.proxmox.com/git/pve-manager
synced 2025-08-15 13:36:37 +00:00
d5e771ce51
This fixes around 20 jslint type confusion warnings. Also reduce the scope and document jslint warnings along the way. No functional changes.
506 lines
11 KiB
JavaScript
506 lines
11 KiB
JavaScript
Ext.define('PVE.form.CephDiskSelector', {
|
|
extend: 'PVE.form.ComboGrid',
|
|
alias: ['widget.pveCephDiskSelector'],
|
|
|
|
diskType: 'journal_disks',
|
|
|
|
valueField: 'devpath',
|
|
displayField: 'devpath',
|
|
emptyText: gettext('No Disks unused'),
|
|
listConfig: {
|
|
columns: [
|
|
{
|
|
header: gettext('Device'),
|
|
width: 80,
|
|
sortable: true,
|
|
dataIndex: 'devpath'
|
|
},
|
|
{
|
|
header: gettext('Size'),
|
|
width: 60,
|
|
sortable: false,
|
|
renderer: PVE.Utils.format_size,
|
|
dataIndex: 'size'
|
|
},
|
|
{
|
|
header: gettext('Serial'),
|
|
flex: 1,
|
|
sortable: true,
|
|
dataIndex: 'serial'
|
|
}
|
|
]
|
|
},
|
|
initComponent: function() {
|
|
var me = this;
|
|
|
|
var nodename = me.nodename;
|
|
if (!nodename) {
|
|
throw "no node name specified";
|
|
}
|
|
|
|
var store = Ext.create('Ext.data.Store', {
|
|
filterOnLoad: true,
|
|
model: 'ceph-disk-list',
|
|
proxy: {
|
|
type: 'pve',
|
|
url: "/api2/json/nodes/" + nodename + "/ceph/disks",
|
|
extraParams: { type: me.diskType }
|
|
},
|
|
sorters: [
|
|
{
|
|
property : 'devpath',
|
|
direction: 'ASC'
|
|
}
|
|
]
|
|
});
|
|
|
|
Ext.apply(me, {
|
|
store: store
|
|
});
|
|
|
|
me.callParent();
|
|
|
|
store.load();
|
|
}
|
|
}, function() {
|
|
|
|
Ext.define('ceph-disk-list', {
|
|
extend: 'Ext.data.Model',
|
|
fields: [ 'devpath', 'used', { name: 'size', type: 'number'},
|
|
{name: 'osdid', type: 'number'},
|
|
'vendor', 'model', 'serial'],
|
|
idProperty: 'devpath'
|
|
});
|
|
});
|
|
|
|
Ext.define('PVE.CephCreateOsd', {
|
|
extend: 'PVE.window.Edit',
|
|
alias: ['widget.pveCephCreateOsd'],
|
|
|
|
subject: 'Ceph OSD',
|
|
|
|
showProgress: true,
|
|
|
|
initComponent : function() {
|
|
var me = this;
|
|
|
|
if (!me.nodename) {
|
|
throw "no node name specified";
|
|
}
|
|
|
|
me.isCreate = true;
|
|
|
|
Ext.applyIf(me, {
|
|
url: "/nodes/" + me.nodename + "/ceph/osd",
|
|
method: 'POST',
|
|
items: [
|
|
{
|
|
xtype: 'pveCephDiskSelector',
|
|
name: 'dev',
|
|
nodename: me.nodename,
|
|
diskType: 'unused',
|
|
fieldLabel: gettext('Disk'),
|
|
allowBlank: false
|
|
},
|
|
{
|
|
xtype: 'pveCephDiskSelector',
|
|
name: 'journal_dev',
|
|
nodename: me.nodename,
|
|
diskType: 'journal_disks',
|
|
fieldLabel: gettext('Journal Disk'),
|
|
value: '',
|
|
autoSelect: false,
|
|
allowBlank: true,
|
|
emptyText: 'use OSD disk'
|
|
}
|
|
]
|
|
});
|
|
|
|
me.callParent();
|
|
}
|
|
});
|
|
|
|
Ext.define('PVE.CephRemoveOsd', {
|
|
extend: 'PVE.window.Edit',
|
|
alias: ['widget.pveCephRemoveOsd'],
|
|
|
|
isRemove: true,
|
|
|
|
showProgress: true,
|
|
method: 'DELETE',
|
|
items: [
|
|
{
|
|
xtype: 'pvecheckbox',
|
|
name: 'cleanup',
|
|
checked: true,
|
|
labelWidth: 130,
|
|
fieldLabel: gettext('Remove Partitions')
|
|
}
|
|
],
|
|
initComponent : function() {
|
|
|
|
var me = this;
|
|
|
|
if (!me.nodename) {
|
|
throw "no node name specified";
|
|
}
|
|
if (me.osdid === undefined || me.osdid < 0) {
|
|
throw "no osdid specified";
|
|
}
|
|
|
|
me.isCreate = true;
|
|
|
|
me.title = gettext('Remove') + ': ' + 'Ceph OSD osd.' + me.osdid.toString();
|
|
|
|
Ext.applyIf(me, {
|
|
url: "/nodes/" + me.nodename + "/ceph/osd/" + me.osdid.toString()
|
|
});
|
|
|
|
me.callParent();
|
|
}
|
|
});
|
|
|
|
Ext.define('PVE.node.CephOsdTree', {
|
|
extend: 'Ext.tree.Panel',
|
|
alias: ['widget.pveNodeCephOsdTree'],
|
|
onlineHelp: 'chapter_pveceph',
|
|
stateful: true,
|
|
stateId: 'grid-ceph-osd',
|
|
columns: [
|
|
{
|
|
xtype: 'treecolumn',
|
|
text: 'Name',
|
|
dataIndex: 'name',
|
|
width: 150
|
|
},
|
|
{
|
|
text: 'Type',
|
|
dataIndex: 'type',
|
|
align: 'right',
|
|
width: 60
|
|
},
|
|
{
|
|
text: 'Status',
|
|
dataIndex: 'status',
|
|
align: 'right',
|
|
renderer: function(value, metaData, rec) {
|
|
if (!value) {
|
|
return value;
|
|
}
|
|
var inout = rec.data['in'] ? 'in' : 'out';
|
|
var updownicon = value === 'up' ? 'good fa-arrow-circle-up' :
|
|
'critical fa-arrow-circle-down';
|
|
|
|
var inouticon = rec.data['in'] ? 'good fa-circle' :
|
|
'warning fa-circle-o';
|
|
|
|
var text = value + ' <i class="fa ' + updownicon + '"></i> / ' +
|
|
inout + ' <i class="fa ' + inouticon + '"></i>';
|
|
|
|
return text;
|
|
},
|
|
width: 80
|
|
},
|
|
{
|
|
text: 'weight',
|
|
dataIndex: 'crush_weight',
|
|
align: 'right',
|
|
renderer: function(value, metaData, rec) {
|
|
if (rec.data.type !== 'osd') {
|
|
return '';
|
|
}
|
|
return value;
|
|
},
|
|
width: 80
|
|
},
|
|
{
|
|
text: 'reweight',
|
|
dataIndex: 'reweight',
|
|
align: 'right',
|
|
renderer: function(value, metaData, rec) {
|
|
if (rec.data.type !== 'osd') {
|
|
return '';
|
|
}
|
|
return value;
|
|
},
|
|
width: 90
|
|
},
|
|
{
|
|
header: gettext('Used'),
|
|
columns: [
|
|
{
|
|
text: '%',
|
|
dataIndex: 'percent_used',
|
|
align: 'right',
|
|
renderer: function(value, metaData, rec) {
|
|
if (rec.data.type !== 'osd') {
|
|
return '';
|
|
}
|
|
return Ext.util.Format.number(value, '0.00');
|
|
},
|
|
width: 80
|
|
},
|
|
{
|
|
text: gettext('Total'),
|
|
dataIndex: 'total_space',
|
|
align: 'right',
|
|
renderer: function(value, metaData, rec) {
|
|
if (rec.data.type !== 'osd') {
|
|
return '';
|
|
}
|
|
return PVE.Utils.render_size(value);
|
|
},
|
|
width: 100
|
|
}
|
|
]
|
|
},
|
|
{
|
|
header: gettext('Latency (ms)'),
|
|
columns: [
|
|
{
|
|
text: 'Apply',
|
|
dataIndex: 'apply_latency_ms',
|
|
align: 'right',
|
|
renderer: function(value, metaData, rec) {
|
|
if (rec.data.type !== 'osd') {
|
|
return '';
|
|
}
|
|
return value;
|
|
},
|
|
width: 60
|
|
},
|
|
{
|
|
text: 'Commit',
|
|
dataIndex: 'commit_latency_ms',
|
|
align: 'right',
|
|
renderer: function(value, metaData, rec) {
|
|
if (rec.data.type !== 'osd') {
|
|
return '';
|
|
}
|
|
return value;
|
|
},
|
|
width: 60
|
|
}
|
|
]
|
|
}
|
|
],
|
|
initComponent: function() {
|
|
/*jslint confusion: true */
|
|
var me = this;
|
|
|
|
// we expect noout to be not set by default
|
|
var noout = false;
|
|
|
|
var nodename = me.pveSelNode.data.node;
|
|
if (!nodename) {
|
|
throw "no node name specified";
|
|
}
|
|
|
|
var sm = Ext.create('Ext.selection.TreeModel', {});
|
|
|
|
var set_button_status; // defined later
|
|
|
|
var reload = function() {
|
|
PVE.Utils.API2Request({
|
|
url: "/nodes/" + nodename + "/ceph/osd",
|
|
waitMsgTarget: me,
|
|
method: 'GET',
|
|
failure: function(response, opts) {
|
|
PVE.Utils.setErrorMask(me, response.htmlStatus);
|
|
},
|
|
success: function(response, opts) {
|
|
sm.deselectAll();
|
|
me.setRootNode(response.result.data.root);
|
|
me.expandAll();
|
|
// extract noout flag
|
|
if (response.result.data.flags &&
|
|
response.result.data.flags.search(/noout/) !== -1) {
|
|
noout = true;
|
|
} else {
|
|
noout = false;
|
|
}
|
|
set_button_status();
|
|
}
|
|
});
|
|
};
|
|
|
|
var osd_cmd = function(cmd) {
|
|
var rec = sm.getSelection()[0];
|
|
if (!(rec && (rec.data.id >= 0) && rec.data.host)) {
|
|
return;
|
|
}
|
|
PVE.Utils.API2Request({
|
|
url: "/nodes/" + rec.data.host + "/ceph/osd/" +
|
|
rec.data.id + '/' + cmd,
|
|
waitMsgTarget: me,
|
|
method: 'POST',
|
|
success: reload,
|
|
failure: function(response, opts) {
|
|
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
|
}
|
|
});
|
|
};
|
|
|
|
var service_cmd = function(cmd) {
|
|
var rec = sm.getSelection()[0];
|
|
if (!(rec && rec.data.name && rec.data.host)) {
|
|
return;
|
|
}
|
|
PVE.Utils.API2Request({
|
|
url: "/nodes/" + rec.data.host + "/ceph/" + cmd,
|
|
params: { service: rec.data.name },
|
|
waitMsgTarget: me,
|
|
method: 'POST',
|
|
success: function(response, options) {
|
|
var upid = response.result.data;
|
|
var win = Ext.create('PVE.window.TaskProgress', { upid: upid });
|
|
win.show();
|
|
me.mon(win, 'close', reload, me);
|
|
},
|
|
failure: function(response, opts) {
|
|
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
|
}
|
|
});
|
|
};
|
|
|
|
var create_btn = new PVE.button.Button({
|
|
text: gettext('Create') + ': OSD',
|
|
handler: function() {
|
|
var rec = sm.getSelection()[0];
|
|
|
|
var win = Ext.create('PVE.CephCreateOsd', {
|
|
nodename: nodename
|
|
});
|
|
win.show();
|
|
me.mon(win, 'close', reload, me);
|
|
}
|
|
});
|
|
|
|
var start_btn = new Ext.Button({
|
|
text: gettext('Start'),
|
|
disabled: true,
|
|
handler: function(){ service_cmd('start'); }
|
|
});
|
|
|
|
var stop_btn = new Ext.Button({
|
|
text: gettext('Stop'),
|
|
disabled: true,
|
|
handler: function(){ service_cmd('stop'); }
|
|
});
|
|
|
|
var osd_out_btn = new Ext.Button({
|
|
text: 'Out',
|
|
disabled: true,
|
|
handler: function(){ osd_cmd('out'); }
|
|
});
|
|
|
|
var osd_in_btn = new Ext.Button({
|
|
text: 'In',
|
|
disabled: true,
|
|
handler: function(){ osd_cmd('in'); }
|
|
});
|
|
|
|
var remove_btn = new Ext.Button({
|
|
text: gettext('Remove'),
|
|
disabled: true,
|
|
handler: function(){
|
|
var rec = sm.getSelection()[0];
|
|
if (!(rec && (rec.data.id >= 0) && rec.data.host)) {
|
|
return;
|
|
}
|
|
|
|
var win = Ext.create('PVE.CephRemoveOsd', {
|
|
nodename: rec.data.host,
|
|
osdid: rec.data.id
|
|
});
|
|
win.show();
|
|
me.mon(win, 'close', reload, me);
|
|
}
|
|
});
|
|
|
|
var noout_btn = new Ext.Button({
|
|
text: gettext('Set noout'),
|
|
handler: function() {
|
|
PVE.Utils.API2Request({
|
|
url: "/nodes/" + nodename + "/ceph/flags/noout",
|
|
waitMsgTarget: me,
|
|
method: noout ? 'DELETE' : 'POST',
|
|
failure: function(response, opts) {
|
|
Ext.Msg.alert(gettext('Error'), response.htmlStatus);
|
|
},
|
|
success: reload
|
|
});
|
|
}
|
|
});
|
|
|
|
var osd_label = new Ext.toolbar.TextItem({
|
|
data: {
|
|
osd: undefined
|
|
},
|
|
tpl: [
|
|
'<tpl if="osd">',
|
|
'{osd}:',
|
|
'<tpl else>',
|
|
gettext('No OSD selected'),
|
|
'</tpl>'
|
|
]
|
|
});
|
|
|
|
set_button_status = function() {
|
|
var rec = sm.getSelection()[0];
|
|
noout_btn.setText(noout?gettext('Unset noout'):gettext('Set noout'));
|
|
|
|
if (!rec) {
|
|
start_btn.setDisabled(true);
|
|
stop_btn.setDisabled(true);
|
|
remove_btn.setDisabled(true);
|
|
osd_out_btn.setDisabled(true);
|
|
osd_in_btn.setDisabled(true);
|
|
return;
|
|
}
|
|
|
|
var isOsd = (rec.data.host && (rec.data.type === 'osd') && (rec.data.id >= 0));
|
|
|
|
start_btn.setDisabled(!(isOsd && (rec.data.status !== 'up')));
|
|
stop_btn.setDisabled(!(isOsd && (rec.data.status !== 'down')));
|
|
remove_btn.setDisabled(!(isOsd && (rec.data.status === 'down')));
|
|
|
|
osd_out_btn.setDisabled(!(isOsd && rec.data['in']));
|
|
osd_in_btn.setDisabled(!(isOsd && !rec.data['in']));
|
|
|
|
osd_label.update(isOsd?{osd:rec.data.name}:undefined);
|
|
};
|
|
|
|
sm.on('selectionchange', set_button_status);
|
|
|
|
var reload_btn = new Ext.Button({
|
|
text: gettext('Reload'),
|
|
handler: reload
|
|
});
|
|
|
|
Ext.apply(me, {
|
|
tbar: [ create_btn, reload_btn, noout_btn, '->', osd_label, start_btn, stop_btn, osd_out_btn, osd_in_btn, remove_btn ],
|
|
rootVisible: false,
|
|
fields: ['name', 'type', 'status', 'host', 'in', 'id' ,
|
|
{ type: 'number', name: 'reweight' },
|
|
{ type: 'number', name: 'percent_used' },
|
|
{ type: 'integer', name: 'bytes_used' },
|
|
{ type: 'integer', name: 'total_space' },
|
|
{ type: 'integer', name: 'apply_latency_ms' },
|
|
{ type: 'integer', name: 'commit_latency_ms' },
|
|
{ type: 'number', name: 'crush_weight' }],
|
|
selModel: sm,
|
|
|
|
listeners: {
|
|
activate: function() {
|
|
reload();
|
|
}
|
|
}
|
|
});
|
|
|
|
me.callParent();
|
|
|
|
reload();
|
|
}
|
|
});
|