node/APT.js

   1 Ext.define('apt-pkglist', {
   2     extend: 'Ext.data.Model',
   3     fields: ['Package', 'Title', 'Description', 'Section', 'Arch',
   4               'Priority', 'Version', 'OldVersion', 'ChangeLogUrl', 'Origin'],
   5     idProperty: 'Package',
   6 });
   7
   8 Ext.define('Proxmox.node.APT', {
   9     extend: 'Ext.grid.GridPanel',
  10
  11     xtype: 'proxmoxNodeAPT',
  12
  13     upgradeBtn: undefined,
  14
  15     columns: [
  16         {
  17             header: gettext('Package'),
  18             width: 200,
  19             sortable: true,
  20             dataIndex: 'Package',
  21         },
  22         {
  23             text: gettext('Version'),
  24             columns: [
  25                 {
  26                     header: gettext('current'),
  27                     width: 100,
  28                     sortable: false,
  29                     dataIndex: 'OldVersion',
  30                 },
  31                 {
  32                     header: gettext('new'),
  33                     width: 100,
  34                     sortable: false,
  35                     dataIndex: 'Version',
  36                 },
  37             ],
  38         },
  39         {
  40             header: gettext('Description'),
  41             sortable: false,
  42             dataIndex: 'Title',
  43             flex: 1,
  44         },
  45     ],
  46
  47     initComponent: function() {
  48         let me = this;
  49
  50         if (!me.nodename) {
  51             throw "no node name specified";
  52         }
  53
  54         let store = Ext.create('Ext.data.Store', {
  55             model: 'apt-pkglist',
  56             groupField: 'Origin',
  57             proxy: {
  58                 type: 'proxmox',
  59                 url: "/api2/json/nodes/" + me.nodename + "/apt/update",
  60             },
  61             sorters: [
  62                 {
  63                     property: 'Package',
  64                     direction: 'ASC',
  65                 },
  66             ],
  67         });
  68
  69         let groupingFeature = Ext.create('Ext.grid.feature.Grouping', {
  70             groupHeaderTpl: '{[ "Origin: " + values.name ]} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})',
  71             enableGroupingMenu: false,
  72         });
  73
  74         let rowBodyFeature = Ext.create('Ext.grid.feature.RowBody', {
  75             getAdditionalData: function(data, rowIndex, record, orig) {
  76                 let headerCt = this.view.headerCt;
  77                 let colspan = headerCt.getColumnCount();
  78                 return {
  79                     rowBody: '<div style="padding: 1em">' +
  80                         Ext.String.htmlEncode(data.Description) +
  81                         '</div>',
  82                     rowBodyCls: me.full_description ? '' : Ext.baseCSSPrefix + 'grid-row-body-hidden',
  83                     rowBodyColspan: colspan,
  84                 };
  85             },
  86         });
  87
  88         let reload = function() {
  89             store.load();
  90         };
  91
  92         Proxmox.Utils.monStoreErrors(me, store, true);
  93
  94         let apt_command = function(cmd) {
  95             Proxmox.Utils.API2Request({
  96                 url: "/nodes/" + me.nodename + "/apt/" + cmd,
  97                 method: 'POST',
  98                 failure: function(response, opts) {
  99                     Ext.Msg.alert(gettext('Error'), response.htmlStatus);
 100                 },
 101                 success: function(response, opts) {
 102                     let upid = response.result.data;
 103
 104                     let win = Ext.create('Proxmox.window.TaskViewer', {
 105                         upid: upid,
 106                     });
 107                     win.show();
 108                     me.mon(win, 'close', reload);
 109                 },
 110             });
 111         };
 112
 113         let sm = Ext.create('Ext.selection.RowModel', {});
 114
 115         let update_btn = new Ext.Button({
 116             text: gettext('Refresh'),
 117             handler: function() {
 118                 Proxmox.Utils.checked_command(function() { apt_command('update'); });
 119             },
 120         });
 121
 122         let show_changelog = function(rec) {
 123             if (!rec || !rec.data || !(rec.data.ChangeLogUrl && rec.data.Package)) {
 124                 return;
 125             }
 126
 127             let view = Ext.createWidget('component', {
 128                 autoScroll: true,
 129                 style: {
 130                     'background-color': 'white',
 131                     'white-space': 'pre',
 132                     'font-family': 'monospace',
 133                     padding: '5px',
 134                 },
 135             });
 136
 137             let win = Ext.create('Ext.window.Window', {
 138                 title: gettext('Changelog') + ": " + rec.data.Package,
 139                 width: 800,
 140                 height: 400,
 141                 layout: 'fit',
 142                 modal: true,
 143                 items: [view],
 144             });
 145
 146             Proxmox.Utils.API2Request({
 147                 waitMsgTarget: me,
 148                 url: "/nodes/" + me.nodename + "/apt/changelog",
 149                 params: {
 150                     name: rec.data.Package,
 151                     version: rec.data.Version,
 152                 },
 153                 method: 'GET',
 154                 failure: function(response, opts) {
 155                     win.close();
 156                     Ext.Msg.alert(gettext('Error'), response.htmlStatus);
 157                 },
 158                 success: function(response, opts) {
 159                     win.show();
 160                     view.update(Ext.htmlEncode(response.result.data));
 161                 },
 162             });
 163         };
 164
 165         let changelog_btn = new Proxmox.button.Button({
 166             text: gettext('Changelog'),
 167             selModel: sm,
 168             disabled: true,
 169             enableFn: function(rec) {
 170                 if (!rec || !rec.data || !(rec.data.ChangeLogUrl && rec.data.Package)) {
 171                     return false;
 172                 }
 173                 return true;
 174             },
 175             handler: function(b, e, rec) {
 176                 show_changelog(rec);
 177             },
 178         });
 179
 180         let verbose_desc_checkbox = new Ext.form.field.Checkbox({
 181             boxLabel: gettext('Show details'),
 182             value: false,
 183             listeners: {
 184                 change: (f, val) => {
 185                     me.full_description = val;
 186                     me.getView().refresh();
 187                 },
 188             },
 189         });
 190
 191         if (me.upgradeBtn) {
 192             me.tbar = [update_btn, me.upgradeBtn, changelog_btn, '->', verbose_desc_checkbox];
 193         } else {
 194             me.tbar = [update_btn, changelog_btn, '->', verbose_desc_checkbox];
 195         }
 196
 197         Ext.apply(me, {
 198             store: store,
 199             stateful: true,
 200             stateId: 'grid-update',
 201             selModel: sm,
 202             viewConfig: {
 203                 stripeRows: false,
 204                 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>',
 205             },
 206             features: [groupingFeature, rowBodyFeature],
 207             listeners: {
 208                 activate: reload,
 209                 itemdblclick: function(v, rec) {
 210                     show_changelog(rec);
 211                 },
 212             },
 213         });
 214
 215         me.callParent();
 216     },
 217 });