diff options
Diffstat (limited to 'server/sonar-web/src/main/js/apps/settings/licenses')
4 files changed, 38 insertions, 14 deletions
diff --git a/server/sonar-web/src/main/js/apps/settings/licenses/LicenseChangeForm.js b/server/sonar-web/src/main/js/apps/settings/licenses/LicenseChangeForm.js index ff068c49d98..b9b6c56b737 100644 --- a/server/sonar-web/src/main/js/apps/settings/licenses/LicenseChangeForm.js +++ b/server/sonar-web/src/main/js/apps/settings/licenses/LicenseChangeForm.js @@ -76,10 +76,14 @@ export default class LicenseChangeForm extends React.PureComponent { onRequestClose={this.closeModal}> <form onSubmit={this.handleSubmit}> <div className="modal-head"> - <h2>{translateWithParameters('licenses.update_license_for_x', productName)}</h2> + <h2> + {translateWithParameters('licenses.update_license_for_x', productName)} + </h2> </div> <div className="modal-body"> - <label htmlFor="license-input">{translate('licenses.license_input_label')}</label> + <label htmlFor="license-input"> + {translate('licenses.license_input_label')} + </label> <textarea autoFocus={true} className="width-100 spacer-top" @@ -88,7 +92,9 @@ export default class LicenseChangeForm extends React.PureComponent { id="license-input" defaultValue={license.value} /> - <div className="spacer-top note">{translate('licenses.license_input_note')}</div> + <div className="spacer-top note"> + {translate('licenses.license_input_note')} + </div> </div> <div className="modal-foot"> {this.state.loading && <i className="js-modal-spinner spinner spacer-right" />} diff --git a/server/sonar-web/src/main/js/apps/settings/licenses/LicenseRow.js b/server/sonar-web/src/main/js/apps/settings/licenses/LicenseRow.js index 9a5a332ac20..277d8a4c636 100644 --- a/server/sonar-web/src/main/js/apps/settings/licenses/LicenseRow.js +++ b/server/sonar-web/src/main/js/apps/settings/licenses/LicenseRow.js @@ -35,20 +35,26 @@ export default class LicenseRow extends React.PureComponent { return ( <tr className="js-license" data-license-key={license.key}> - <td className="text-middle"><LicenseStatus license={license} /></td> + <td className="text-middle"> + <LicenseStatus license={license} /> + </td> <td className="js-product text-middle"> <div className={license.invalidProduct ? 'text-danger' : null}> {license.name || license.key} </div> </td> - <td className="js-organization text-middle">{license.organization}</td> + <td className="js-organization text-middle"> + {license.organization} + </td> <td className="js-expiration text-middle"> {license.expiration != null && <div className={license.invalidExpiration ? 'text-danger' : null}> {moment(license.expiration).format('LL')} </div>} </td> - <td className="js-type text-middle">{license.type}</td> + <td className="js-type text-middle"> + {license.type} + </td> <td className="js-server-id text-middle"> <div className={license.invalidServerId ? 'text-danger' : null}> {license.serverId} diff --git a/server/sonar-web/src/main/js/apps/settings/licenses/LicensesAppHeader.js b/server/sonar-web/src/main/js/apps/settings/licenses/LicensesAppHeader.js index 153efb04fa5..c512f32a770 100644 --- a/server/sonar-web/src/main/js/apps/settings/licenses/LicensesAppHeader.js +++ b/server/sonar-web/src/main/js/apps/settings/licenses/LicensesAppHeader.js @@ -23,7 +23,9 @@ import { translate } from '../../../helpers/l10n'; export default function LicensesAppHeader() { return ( <header className="page-header"> - <h1 className="page-title">{translate('property.category.licenses')}</h1> + <h1 className="page-title"> + {translate('property.category.licenses')} + </h1> <div className="page-description" dangerouslySetInnerHTML={{ __html: translate('property.category.licenses.description') }} diff --git a/server/sonar-web/src/main/js/apps/settings/licenses/LicensesList.js b/server/sonar-web/src/main/js/apps/settings/licenses/LicensesList.js index afb1efc5c18..9104cd830ee 100644 --- a/server/sonar-web/src/main/js/apps/settings/licenses/LicensesList.js +++ b/server/sonar-web/src/main/js/apps/settings/licenses/LicensesList.js @@ -39,18 +39,28 @@ export default class LicensesList extends React.PureComponent { <thead> <tr> <th width={40}> </th> - <th>{translate('licenses.list.product')}</th> - <th width={150}>{translate('licenses.list.organization')}</th> - <th width={150}>{translate('licenses.list.expiration')}</th> - <th width={150}>{translate('licenses.list.type')}</th> - <th width={150}>{translate('licenses.list.server')}</th> + <th> + {translate('licenses.list.product')} + </th> + <th width={150}> + {translate('licenses.list.organization')} + </th> + <th width={150}> + {translate('licenses.list.expiration')} + </th> + <th width={150}> + {translate('licenses.list.type')} + </th> + <th width={150}> + {translate('licenses.list.server')} + </th> <th width={80}> </th> </tr> </thead> <tbody> - {this.props.licenses.map(licenseKey => ( + {this.props.licenses.map(licenseKey => <LicenseRowContainer key={licenseKey} licenseKey={licenseKey} /> - ))} + )} </tbody> </table> ); |