feat(xo-web/backup-ng/new): add a link to the documentation (#3790)

Fixes #3789

CHANGELOG.md

@@ -14,6 +14,7 @@
 - [New XOSAN] Improve view and possibility to sort SRs by name/size/free space [#2416](https://github.com/vatesfr/xen-orchestra/issues/2416) (PR [#3691](https://github.com/vatesfr/xen-orchestra/pull/3691))
 - [Backup NG] Disable HA on replicated VM (CR, DR) [#2359](https://github.com/vatesfr/xen-orchestra/issues/2359) (PR [#3755](https://github.com/vatesfr/xen-orchestra/pull/3755))
 - [Backup NG] Display the last run status for each schedule with the possibility to show the associated log [#3769](https://github.com/vatesfr/xen-orchestra/issues/3769) (PR [#3779](https://github.com/vatesfr/xen-orchestra/pull/3779))
+- [Backup NG] Add a link to the documentation [#3789](https://github.com/vatesfr/xen-orchestra/issues/3789) (PR [#3790](https://github.com/vatesfr/xen-orchestra/pull/3790))
 
 ### Bug fixes
 

packages/xo-web/src/common/intl/messages.js

@@ -421,6 +421,8 @@ const messages = {
     'Tip: creating VMs on a thin-provisioned storage will consume less space when backuping them. Please click on the icon to get more information',
   deltaBackupOnOutdatedXenServerWarning:
     'Delta Backup and Continuous Replication require at least XenServer 6.5.',
+  backupNgLinkToDocumentationMessage:
+    'Click for more information about the backup modes.',
   localRemoteWarningMessage:
     'Warning: local remotes will use limited XOA disk space. Only for advanced users.',
   backupVersionWarning:

packages/xo-web/src/xo-app/backup-ng/new/index.js

@@ -67,6 +67,8 @@ const DEFAULT_SCHEDULE = {
 const SR_BACKEND_FAILURE_LINK =
   'https://xen-orchestra.com/docs/backup_troubleshooting.html#srbackendfailure44-insufficient-space'
 
+const BACKUP_NG_DOC_LINK = 'https://xen-orchestra.com/docs/backups.html'
+
 const ThinProvisionedTip = ({ label }) => (
   <Tooltip content={_(label)}>
     <a
@@ -721,6 +723,16 @@ export default decorate([
                         <Icon icon='info' />
                       </Tooltip>
                     )}
+                    <br />
+                    <a
+                      className='text-muted'
+                      href={BACKUP_NG_DOC_LINK}
+                      rel='noopener noreferrer'
+                      target='_blank'
+                    >
+                      <Icon icon='info' />{' '}
+                      {_('backupNgLinkToDocumentationMessage')}
+                    </a>
                   </div>
                 </CardBlock>
               </FormFeedback>
@@ -954,10 +966,10 @@ export default decorate([
                   </ActionButton>
                 </CardHeader>
                 <CardBlock>
-                  <em>
+                  <span className='text-muted'>
                     <Icon icon='info' />{' '}
                     {_('deltaBackupOnOutdatedXenServerWarning')}
-                  </em>
+                  </span>
 
                   {state.smartMode ? (
                     <Upgrade place='newBackup' required={3}>