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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
|
/*!
* Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
* or implied. See the License for the specific language governing
* permissions and limitations under the License.
*/
import React from 'react';
import {connect} from 'react-redux';
import VersionControllerUtils from 'nfvo-components/panel/versionController/VersionControllerUtils.js';
import OnboardingActionHelper from '../../../OnboardingActionHelper.js';
import EntitlementPoolsActionHelper from '../../entitlementPools/EntitlementPoolsActionHelper.js';
import LicenseAgreementActionHelper from '../../licenseAgreement/LicenseAgreementActionHelper.js';
import LicenseKeyGroupsActionHelper from '../../licenseKeyGroups/LicenseKeyGroupsActionHelper.js';
import FeatureGroupsActionHelper from '../../featureGroups/FeatureGroupsActionHelper.js';
import {overviewItems} from '../LicenseModelOverviewConstants.js';
import SummaryCountItem from './SummaryCountItem.jsx';
export const mapStateToProps = ({licenseModel: {licenseModelEditor, licenseAgreement: {licenseAgreementList},
featureGroup: {featureGroupsList}, entitlementPool: {entitlementPoolsList}, licenseKeyGroup: {licenseKeyGroupsList}}}) => {
let {vendorName, description, id, version} = licenseModelEditor.data;
let isReadOnlyMode = VersionControllerUtils.isReadOnly(licenseModelEditor.data);
let counts = [
{name: overviewItems.LICENSE_AGREEMENTS, count: licenseAgreementList.length},
{name: overviewItems.FEATURE_GROUPS, count: featureGroupsList.length},
{name: overviewItems.ENTITLEMENT_POOLS, count: entitlementPoolsList.length},
{name: overviewItems.LICENSE_KEY_GROUPS, count: licenseKeyGroupsList.length},
];
return {
vendorName,
licenseModelId: id,
description,
counts,
isReadOnlyMode,
version
};
};
const mapActionsToProps = (dispatch) => {
return {
onEditorOpenClick: (name, licenseModelId, version) => {
switch (name) {
case overviewItems.ENTITLEMENT_POOLS:
EntitlementPoolsActionHelper.openEntitlementPoolsEditor(dispatch);
break;
case overviewItems.FEATURE_GROUPS:
FeatureGroupsActionHelper.openFeatureGroupsEditor(dispatch, {licenseModelId, version});
break;
case overviewItems.LICENSE_AGREEMENTS:
LicenseAgreementActionHelper.openLicenseAgreementEditor(dispatch, {licenseModelId, version});
break;
case overviewItems.LICENSE_KEY_GROUPS:
LicenseKeyGroupsActionHelper.openLicenseKeyGroupsEditor(dispatch);
break;
default:
break;
}
},
onNavigateClick: ({name, licenseModelId, version}) => {
switch (name) {
case overviewItems.ENTITLEMENT_POOLS:
OnboardingActionHelper.navigateToEntitlementPools(dispatch, {licenseModelId, version});
break;
case overviewItems.FEATURE_GROUPS:
OnboardingActionHelper.navigateToFeatureGroups(dispatch, {licenseModelId, version});
break;
case overviewItems.LICENSE_AGREEMENTS:
OnboardingActionHelper.navigateToLicenseAgreements(dispatch, {licenseModelId, version});
break;
case overviewItems.LICENSE_KEY_GROUPS:
OnboardingActionHelper.navigateToLicenseKeyGroups(dispatch, {licenseModelId, version});
break;
default:
break;
}
}
};
};
export class SummaryCountList extends React.Component {
render() {
let {counts} = this.props;
return(
<div className='summary-count-list'>
{counts.map(item => this.renderItem(item))}
</div>
);
}
renderItem(item){
const {name, count} = item;
const {isReadOnlyMode} = this.props;
return(
<SummaryCountItem isReadOnlyMode={isReadOnlyMode} name={name} counter={count} onNavigate={() => this.onNavigate(name)} onAdd={() => this.onAdd(name)} key={name} />
);
}
onAdd(name) {
let {onEditorOpenClick, licenseModelId, isReadOnlyMode, version} = this.props;
if (!isReadOnlyMode) {
onEditorOpenClick(name, licenseModelId, version);
}
}
onNavigate(name) {
let {onNavigateClick, licenseModelId, version} = this.props;
onNavigateClick({licenseModelId, name, version});
}
}
export default connect(mapStateToProps, mapActionsToProps)(SummaryCountList);
|
