summaryrefslogtreecommitdiffstats
path: root/src/editAttributes/EditAttributes.jsx
blob: ab2d391aae43135793a9f36893f4095b7737a0f1 (plain)
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
/*
 * ============LICENSE_START===================================================
 * SPARKY (AAI UI service)
 * ============================================================================
 * Copyright © 2017 AT&T Intellectual Property.
 * Copyright © 2017 Amdocs
 * 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.
 * ============LICENSE_END=====================================================
 *
 * ECOMP and OpenECOMP are trademarks
 * and service marks of AT&T Intellectual Property.
 */

import React, {Component} from 'react';
import {connect} from 'react-redux';
import i18n from 'utils/i18n/i18n';

import InlineMessage from 'generic-components/InlineMessage/InlineMessage.jsx';
import {
  clearFeebackMessage,
  requestEditEntityAttributes
} from './EditAttributeActions.js';
import {
  SET_ATTRIBUTE_TITLE,
  ATTRIBUTE_MODIFICATION
} from './EditAttributeConstants.js';
import ChangeAttributeForm from 'editAttributes/changeAttributeForm/ChangeAttributeForm.jsx';
import {NO_VALUE_SELECTED} from 'editAttributes/changeAttributeForm/ChangeAttributeFormConstants.js';

let mapStateToProps = ({setAttributes}) => {
  let {
        feedbackMsgText = '',
        feedbackMsgSeverity = ''
      } = setAttributes;

  return {
    feedbackMsgText,
    feedbackMsgSeverity
  };
};

let mapActionToProps = (dispatch) => {
  return {
    handleSubmit: (values) => {
      let uri = values.uri;
      let attrMap = new Map();
      attrMap.set('provStatus', 'prov-status');
      attrMap.set('inMaint', 'in-maint');
      attrMap.set('isClosedLoopDisabled', 'is-closed-loop-disabled');
  
      let attributes = {};
      let valueString = JSON.stringify(values);
      JSON.parse(valueString, (key, value) => {
        if(value !== NO_VALUE_SELECTED) {
          let formattedKey = attrMap.get(key);
          if(formattedKey !== undefined) {
            attributes = {
              ...attributes, [formattedKey]: value
            };
          }
          return value;
        }
      });
      
      dispatch(requestEditEntityAttributes(uri, attributes));
    },
    clearFeedbackMessage: () => {
      dispatch(clearFeebackMessage());
    }
  };
};

class SetAttribute extends Component {
  render() {
    let {
		        feedbackMsgText,
		        feedbackMsgSeverity,
		        handleSubmit,
		        clearFeedbackMessage} = this.props;
    return (
      <div>
        <div className='header'>
          <div className='application-title'>{i18n(SET_ATTRIBUTE_TITLE)}</div>
        </div>
        <div className='secondary-header'>
          <span
            className='secondary-title'>{i18n(ATTRIBUTE_MODIFICATION)}</span>
          <InlineMessage level={feedbackMsgSeverity}
                         messageTxt={feedbackMsgText}/>
        </div>

        <ChangeAttributeForm
          onSubmit={(values) => {
            handleSubmit(values);
          }}
          buttonSelected={() => {
            clearFeedbackMessage();
          }}/>
      </div>
    );
  }
}

export default connect(mapStateToProps, mapActionToProps)(SetAttribute);