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

ui: ceph wizard: move out info panel to separate component

Browse Source 
Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2020-11-22 15:46:18 +01:00
parent 71696fc1ad
commit 37e75d8616
1 changed files with 40 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
www/manager6/ceph/CephInstallWizard.js
View File

@ -1,19 +1,44 @@
Ext.define('PVE.ceph.CephInstallWizardInfo', {
extend: 'Ext.panel.Panel',
xtype: 'pveCephInstallWizardInfo',
html: `<h3>Ceph?</h3>
<blockquote cite="https://ceph.com/"><p>"<b>Ceph</b> is a unified,
distributed storage system designed for excellent performance, reliability
and scalability."</p></blockquote>
<p>
<b>Ceph</b> is currently <b>not installed</b> on this node, click on the
next button below to start the installation. This wizard will guide you
through the necessary steps, after the initial installation you will be
offered to create an initial configuration. The configuration step is only
needed once per cluster and will be skipped if a config is already present.
</p>
<p>
Please take a look at our documentation, by clicking the help button below,
before starting the installation, if you want to gain deeper knowledge about
Ceph visit <a target="_blank" href="http://docs.ceph.com/docs/master/">ceph.com</a>.
</p>`,
});
Ext.define('PVE.ceph.CephInstallWizard', { Ext.define('PVE.ceph.CephInstallWizard', {
extend: 'PVE.window.Wizard', extend: 'PVE.window.Wizard',
alias: 'widget.pveCephInstallWizard', alias: 'widget.pveCephInstallWizard',
mixins: ['Proxmox.Mixin.CBind'], mixins: ['Proxmox.Mixin.CBind'],
resizable: false, resizable: false,
nodename: undefined, nodename: undefined,
viewModel: { viewModel: {
data: { data: {
nodename: '', nodename: '',
configuration: true, configuration: true,
isInstalled: false isInstalled: false,
} }
}, },
cbindData: { cbindData: {
nodename: undefined nodename: undefined
}, },
title: gettext('Setup'), title: gettext('Setup'),
navigateNext: function() { navigateNext: function() {
var tp = this.down('#wizcontent'); var tp = this.down('#wizcontent');
@ -42,18 +67,24 @@ Ext.define('PVE.ceph.CephInstallWizard', {
}, },
items: [ items: [
{ {
title: gettext('Info'),
xtype: 'panel', xtype: 'panel',
title: gettext('Info'),
border: false, border: false,
bodyBorder: false, bodyBorder: false,
onlineHelp: 'chapter_pveceph', onlineHelp: 'chapter_pveceph',
html: '<h3>Ceph?</h3>'+ layout: {
'<blockquote cite="https://ceph.com/"><p>"<b>Ceph</b> is a unified, distributed storage system designed for excellent performance, reliability and scalability."</p></blockquote>'+ type: 'vbox',
'<p><b>Ceph</b> is currently <b>not installed</b> on this node, click on the next button below to start the installation.'+ align: 'stretch',
' This wizard will guide you through the necessary steps, after the initial installation you will be offered to create an initial configuration.'+ },
' The configuration step is only needed once per cluster and will be skipped if a config is already present.</p>'+ defaults: {
'<p>Please take a look at our documentation, by clicking the help button below, before starting the installation, '+ border: false,
'if you want to gain deeper knowledge about Ceph visit <a target="_blank" href="http://docs.ceph.com/docs/master/">ceph.com</a>.</p>', bodyBorder: false,
},
items: [
{
xtype: 'pveCephInstallWizardInfo',
},
],
listeners: { listeners: {
activate: function() { activate: function() {
// notify owning container that it should display a help button // notify owning container that it should display a help button