diff --git a/www/manager6/Makefile b/www/manager6/Makefile index d488c3a8..2c7b1e70 100644 --- a/www/manager6/Makefile +++ b/www/manager6/Makefile @@ -84,7 +84,6 @@ JSSRC= \ panel/BackupJobPrune.js \ panel/HealthWidget.js \ panel/IPSet.js \ - panel/NotesView.js \ panel/RunningChart.js \ panel/StatusPanel.js \ panel/GuestStatusView.js \ @@ -102,7 +101,6 @@ JSSRC= \ window/FirewallLograteEdit.js \ window/LoginWindow.js \ window/Migrate.js \ - window/NotesEdit.js \ window/Prune.js \ window/Restore.js \ window/SafeDestroyGuest.js \ diff --git a/www/manager6/dc/Config.js b/www/manager6/dc/Config.js index 9c54b19d..13ded12e 100644 --- a/www/manager6/dc/Config.js +++ b/www/manager6/dc/Config.js @@ -28,7 +28,7 @@ Ext.define('PVE.dc.Config', { itemId: 'summary', }, { - xtype: 'pveNotesView', + xtype: 'pmxNotesView', title: gettext('Notes'), iconCls: 'fa fa-sticky-note-o', itemId: 'notes', diff --git a/www/manager6/node/Config.js b/www/manager6/node/Config.js index 68f80391..52357df8 100644 --- a/www/manager6/node/Config.js +++ b/www/manager6/node/Config.js @@ -129,7 +129,7 @@ Ext.define('PVE.node.Config', { itemId: 'summary', }, { - xtype: 'pveNotesView', + xtype: 'pmxNotesView', title: gettext('Notes'), iconCls: 'fa fa-sticky-note-o', itemId: 'notes', diff --git a/www/manager6/panel/GuestSummary.js b/www/manager6/panel/GuestSummary.js index 82cc7a7f..35721419 100644 --- a/www/manager6/panel/GuestSummary.js +++ b/www/manager6/panel/GuestSummary.js @@ -40,7 +40,7 @@ Ext.define('PVE.qemu.Summary', { rstore: rstore, }, { - xtype: 'pveNotesView', + xtype: 'pmxNotesView', flex: 1, padding: template ? '5' : '0 0 0 5', itemId: 'notesview', diff --git a/www/manager6/panel/NotesView.js b/www/manager6/panel/NotesView.js deleted file mode 100644 index 7c8299d0..00000000 --- a/www/manager6/panel/NotesView.js +++ /dev/null @@ -1,129 +0,0 @@ -Ext.define('PVE.panel.NotesView', { - extend: 'Ext.panel.Panel', - xtype: 'pveNotesView', - - title: gettext("Notes"), - bodyPadding: 10, - scrollable: true, - animCollapse: false, - maxLength: 64 * 1024, - - tbar: { - itemId: 'tbar', - hidden: true, - items: [ - { - text: gettext('Edit'), - handler: function() { - let view = this.up('panel'); - view.run_editor(); - }, - }, - ], - }, - - run_editor: function() { - let me = this; - Ext.create('PVE.window.NotesEdit', { - pveSelNode: me.pveSelNode, - url: me.url, - listeners: { - destroy: () => me.load(), - }, - autoShow: true, - }).setMaxLength(me.maxLength); - }, - - load: function() { - var me = this; - - Proxmox.Utils.API2Request({ - url: me.url, - waitMsgTarget: me, - failure: function(response, opts) { - me.update(gettext('Error') + " " + response.htmlStatus); - me.setCollapsed(false); - }, - success: function(response, opts) { - var data = response.result.data.description || ''; - - let mdHTML = Proxmox.Markdown.parse(data); - me.update(mdHTML); - - if (me.collapsible && me.collapseMode === 'auto') { - me.setCollapsed(data === ''); - } - }, - }); - }, - - listeners: { - render: function(c) { - var me = this; - me.getEl().on('dblclick', me.run_editor, me); - }, - afterlayout: function() { - let me = this; - if (me.collapsible && !me.getCollapsed() && me.collapseMode === 'always') { - me.setCollapsed(true); - me.collapseMode = ''; // only once, on initial load! - } - }, - }, - - tools: [{ - type: 'gear', - handler: function() { - let view = this.up('panel'); - view.run_editor(); - }, - }], - - initComponent: function() { - const me = this; - const type = me.pveSelNode.data.type; - - if (me.pveSelNode.data.id === 'root') { - me.url = '/api2/extjs/cluster/options'; - } else { - const nodename = me.pveSelNode.data.node; - if (!nodename) { - throw "no node name specified"; - } - - if (!Ext.Array.contains(['node', 'qemu', 'lxc'], type)) { - throw 'invalid type specified'; - } - - const vmid = me.pveSelNode.data.vmid; - if (!vmid && type !== 'node') { - throw "no VM ID specified"; - } - - me.url = `/api2/extjs/nodes/${nodename}/`; - - // add the type specific path if qemu/lxc and set the backend's maxLen - if (type === 'qemu' || type === 'lxc') { - me.url += `${type}/${vmid}/`; - me.maxLength = 8 * 1024; - } - me.url += 'config'; - } - - me.callParent(); - if (type === 'node' || type === '') { // '' is for datacenter - me.down('#tbar').setVisible(true); - } else if (me.pveSelNode.data.template !== 1) { - me.setCollapsible(true); - me.collapseDirection = 'right'; - - let sp = Ext.state.Manager.getProvider(); - me.collapseMode = sp.get('guest-notes-collapse', 'never'); - - if (me.collapseMode === 'auto') { - me.setCollapsed(true); - } - } - me.load(); - }, -}); diff --git a/www/manager6/window/NotesEdit.js b/www/manager6/window/NotesEdit.js deleted file mode 100644 index 4649843e..00000000 --- a/www/manager6/window/NotesEdit.js +++ /dev/null @@ -1,38 +0,0 @@ -Ext.define('PVE.window.NotesEdit', { - extend: 'Proxmox.window.Edit', - - title: gettext('Notes'), - onlineHelp: 'markdown_basics', - - width: 800, - height: '600px', - - resizable: true, - layout: 'fit', - - autoLoad: true, - defaultButton: undefined, - - setMaxLength: function(maxLength) { - let me = this; - - let area = me.down('textarea[name="description"]'); - area.maxLength = maxLength; - area.validate(); - - return me; - }, - - items: { - xtype: 'textarea', - name: 'description', - height: '100%', - value: '', - hideLabel: true, - emptyText: gettext('You can use Markdown for rich text formatting.'), - fieldStyle: { - 'white-space': 'pre-wrap', - 'font-family': 'monospace', - }, - }, -});