feat(xo-web/ip-pools): show IP format example (#10522)

CHANGELOG.unreleased.md

@@ -13,6 +13,7 @@
 
 - [REST API] `POST /rest/v0/acl-roles` now supports a `privileges` property, allowing privileges to be directly associated with the newly created role (PR [#10470](https://github.com/vatesfr/xen-orchestra/pull/10470))
 - [XO6/Tasks] Add link and object resolution to Tasks Overview panel, better text flow for resolved task names (PR [#10265](https://github.com/vatesfr/xen-orchestra/pull/10265))
+- [XO5/Settings/IPs] Show an example of the expected IP format when adding IPs to an IP pool (PR [#10522](https://github.com/vatesfr/xen-orchestra/pull/10522))
 
 ### Bug fixes
 
@@ -43,5 +44,6 @@
 - @xen-orchestra/web minor
 - @xen-orchestra/web-core minor
 - xo-server minor
+- xo-web minor
 
 <!--packages-end-->

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

@@ -2573,6 +2573,7 @@ const messages = {
   // ----- IPs ------
   ipPoolName: 'Name',
   ipPoolIps: 'IPs',
+  ipPoolIpsPlaceholder: 'IPs, e.g. 192.168.0.1-192.168.0.254;192.168.1.10',
   ipPoolNetworks: 'Networks',
   ipsNoIpPool: 'No IP pools',
   ipsCreate: 'Create',

packages/xo-web/src/xo-app/settings/ips/index.js

@@ -32,6 +32,7 @@ const IPS_PATTERN = (() => {
   networks: createGetObjectsOfType('network').groupBy('id'),
   vifs: createGetObjectsOfType('VIF').groupBy('id'),
 }))
+@injectIntl
 class IpsCell extends BaseComponent {
   _addIps = () => {
     const addresses = {}
@@ -120,6 +121,7 @@ class IpsCell extends BaseComponent {
                 <DebounceInput
                   autoFocus
                   onChange={this.linkState('newIps')}
+                  placeholder={this.props.intl.formatMessage(messages.ipPoolIpsPlaceholder)}
                   type='text'
                   className='form-control'
                   required
@@ -312,7 +314,7 @@ export default class Ips extends BaseComponent {
                     disabled={creatingIpPool}
                     onChange={this.linkState('ips')}
                     pattern={IPS_PATTERN}
-                    placeholder={intl.formatMessage(messages.ipPoolIps)}
+                    placeholder={intl.formatMessage(messages.ipPoolIpsPlaceholder)}
                     required
                     style={FULL_WIDTH}
                     type='text'