proxmox-mirrors/pve-manager
1
0
Fork 0
mirror of https://git.proxmox.com/git/pve-manager synced 2025-07-25 10:10:14 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

ui: token selector: refactor to more schematic approach

Browse Source 
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2020-03-30 10:44:50 +02:00
parent e3372697a0
commit 4dedd333d1
1 changed files with 41 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
www/manager6/form/TokenSelector.js
View File

@ -4,77 +4,58 @@ Ext.define('PVE.form.TokenSelector', {
allowBlank: false,
autoSelect: false,
valueField: 'id',
displayField: 'id',
editable: true,
anyMatch: true,
forceSelection: true,
initComponent: function() {
var me = this;
store: {
model: 'pve-tokens',
autoLoad: true,
proxy: {
type: 'proxmox',
url: 'api2/json/access/users',
extraParams: { 'full': 1 },
},
sorters: 'id',
listeners: {
load: function(store, records, success) {
let tokens = [];
for (const rec of records) {
let user = rec.data;
if (!user.tokens || user.tokens.length === 0) continue;
var store = new Ext.data.Store({
model: 'pve-tokens',
sorters: [{
property: 'userid'
for (token of user.tokens) {
tokens.push({
id: `${user.userid}!${token.tokenid}`,
comment: token.comment,
});
}
}
store.loadData(tokens);
},
},
},
listConfig: {
columns: [
{
header: gettext('API Token'),
sortable: true,
dataIndex: 'id',
flex: 1
},
{
property: 'tokenid'
}]
});
Ext.apply(me, {
store: store,
listConfig: {
columns: [
{
header: gettext('API Token'),
sortable: true,
dataIndex: 'id',
flex: 1
},
{
header: gettext('Comment'),
sortable: false,
dataIndex: 'comment',
renderer: Ext.String.htmlEncode,
flex: 1
}
]
header: gettext('Comment'),
sortable: false,
dataIndex: 'comment',
renderer: Ext.String.htmlEncode,
flex: 1
}
});
me.callParent();
Proxmox.Utils.API2Request({
url: '/access/users/?full=1',
method: 'GET',
failure: function(response, opts) {
Proxmox.Utils.setErrorMask(me, response.htmlStatus);
me.load_task.delay(me.load_delay);
},
success: function(response, opts) {
Proxmox.Utils.setErrorMask(me, false);
var result = Ext.decode(response.responseText);
var data = result.data || [];
var records = [];
Ext.Array.each(data, function(user) {
tokens = user.tokens || [];
Ext.Array.each(tokens, function(token) {
var r = {};
r.id = user.userid + '!' + token.tokenid;
r.comment = token.comment;
records.push(r);
});
});
store.loadData(records);
},
});
}
]
},
}, function() {
Ext.define('pve-tokens', {
extend: 'Ext.data.Model',
fields: [
@ -84,8 +65,4 @@ Ext.define('PVE.form.TokenSelector', {
],
idProperty: 'id'
});
});