1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
/*
* SonarQube
* Copyright (C) 2009-2017 SonarSource SA
* mailto:info AT sonarsource DOT com
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import React from 'react';
import shallowCompare from 'react-addons-shallow-compare';
import moment from 'moment';
import LicenseStatus from './LicenseStatus';
import LicenseChangeForm from './LicenseChangeForm';
export default class LicenseRow extends React.Component {
static propTypes = {
license: React.PropTypes.object.isRequired,
setLicense: React.PropTypes.func.isRequired
};
shouldComponentUpdate (nextProps, nextState) {
return shallowCompare(this, nextProps, nextState);
}
handleSet (value) {
return this.props.setLicense(this.props.license.key, value).catch(() => { /* do nothing */ });
}
render () {
const { license } = this.props;
return (
<tr className="js-license" data-license-key={license.key}>
<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-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-server-id text-middle">
<div className={license.invalidServerId ? 'text-danger' : null}>
{license.serverId}
</div>
</td>
<td className="text-right">
<LicenseChangeForm license={license} onChange={value => this.handleSet(value)}/>
</td>
</tr>
);
}
}
|
