extend: 'Proxmox.panel.StatusView',
alias: 'widget.pveNodeStatus',
- viewModel: {
- data: {
- subscriptionActive: '',
- noSubscriptionRepo: '',
- enterpriseRepo: '',
- testRepo: '',
- },
- formulas: {
- repoStatus: function(get) {
- if (get('subscriptionActive') === '' || get('enterpriseRepo') === '') {
- return '';
- }
-
- if (!get('subscriptionActive') && get('enterpriseRepo')) {
- return 'no-sub';
- } else if (get('noSubscriptionRepo') || get('testRepo')) {
- return 'non-production';
- } else if (!get('enterpriseRepo') || !get('noSubscriptionRepo') || !get('testRepo')) {
- return 'no-repo';
- }
- return 'ok';
- },
- repoStatusMessage: function(get) {
- const status = get('repoStatus');
-
- let fmt = (txt, cls) => `<i class="fa fa-fw fa-${cls}"></i> ${txt}`;
-
- if (status === 'ok') {
- return fmt(gettext('Enterprise repository enabled'), 'check good') + ', ' +
- fmt(gettext('Active subscription'), 'check good');
- } else if (status === 'no-sub') {
- return fmt(gettext('Enterprise repository enabled'), 'check good') + ', ' +
- fmt(gettext('No active subscription'), 'exclamation-circle warning');
- } else if (status === 'non-production') {
- return fmt(gettext('No production-ready repository used'), 'exclamation-circle warning');
- } else if (status === 'no-repo') {
- return fmt(gettext('No Proxmox VE repository enabled!'), 'exclamation-circle critical');
- }
-
- return Proxmox.Utils.unknownText;
- },
- },
- },
-
height: 300,
- bodyPadding: '20 15 20 15',
+ bodyPadding: '15 5 15 5',
layout: {
type: 'table',
defaults: {
xtype: 'pmxInfoWidget',
- padding: '0 15 5 15',
+ padding: '0 10 5 10',
},
items: [
renderer: function(record) {
return Proxmox.Utils.render_size(record.shared);
},
- padding: '0 15 10 15',
+ padding: '0 10 10 10',
},
{
iconCls: 'fa fa-fw fa-hdd-o',
itemId: 'rootfs',
- title: gettext('HD space') + '(root)',
+ title: '/ ' + gettext('HD space'),
valueField: 'rootfs',
maxField: 'rootfs',
renderer: Proxmox.Utils.render_node_size_usage,
textField: 'pveversion',
value: '',
},
- {
- itemId: 'repositoryStatus',
- colspan: 2,
- printBar: false,
- title: gettext('Repository Status'),
- // for bind
- setValue: function(value) {
- let me = this;
- me.updateValue(value);
- },
- bind: {
- value: '{repoStatusMessage}',
- },
- },
],
updateTitle: function() {
me.setTitle(me.pveSelNode.data.node + ' (' + gettext('Uptime') + ': ' + uptime + ')');
},
- setRepositoryInfo: function(standardRepos) {
+ initComponent: function() {
let me = this;
- let vm = me.getViewModel();
-
- for (const standardRepo of standardRepos) {
- const handle = standardRepo.handle;
- const status = standardRepo.status;
- if (handle === "enterprise") {
- vm.set('enterpriseRepo', status);
- } else if (handle === "no-subscription") {
- vm.set('noSubscriptionRepo', status);
- } else if (handle === "test") {
- vm.set('testRepo', status);
- }
- }
- },
+ let stateProvider = Ext.state.Manager.getProvider();
+ let repoLink = stateProvider.encodeHToken({
+ view: "server",
+ rid: `node/${me.pveSelNode.data.node}`,
+ ltab: "tasks",
+ nodetab: "aptrepositories",
+ });
- setSubscriptionStatus: function(status) {
- let me = this;
- let vm = me.getViewModel();
+ me.items.push({
+ xtype: 'pmxNodeInfoRepoStatus',
+ itemId: 'repositoryStatus',
+ product: 'Proxmox VE',
+ repoLink: `#${repoLink}`,
+ });
- vm.set('subscriptionActive', status);
+ me.callParent();
},
});