From d3886bbaf06392dd14f0f2a0d19521e3943b2954 Mon Sep 17 00:00:00 2001 From: svishnev Date: Mon, 8 Jan 2018 15:21:46 +0200 Subject: UI support for Togglz flow Issue-ID: SDC-881 Change-Id: I4423d1ee115003aff0bd9d988b25a8260811928b Signed-off-by: svishnev --- .../src/sdc-app/features/FeaturesActionHelper.js | 40 ++++++++++++++++ .../src/sdc-app/features/FeaturesConstants.js | 20 ++++++++ .../src/sdc-app/features/FeaturesReducer.js | 26 ++++++++++ openecomp-ui/src/sdc-app/features/featureToggle.js | 55 ++++++++++++++++++++++ 4 files changed, 141 insertions(+) create mode 100644 openecomp-ui/src/sdc-app/features/FeaturesActionHelper.js create mode 100644 openecomp-ui/src/sdc-app/features/FeaturesConstants.js create mode 100644 openecomp-ui/src/sdc-app/features/FeaturesReducer.js create mode 100644 openecomp-ui/src/sdc-app/features/featureToggle.js (limited to 'openecomp-ui/src/sdc-app/features') diff --git a/openecomp-ui/src/sdc-app/features/FeaturesActionHelper.js b/openecomp-ui/src/sdc-app/features/FeaturesActionHelper.js new file mode 100644 index 0000000000..5ae182018a --- /dev/null +++ b/openecomp-ui/src/sdc-app/features/FeaturesActionHelper.js @@ -0,0 +1,40 @@ +/*! + * Copyright © 2016-2017 European Support Limited + * + * 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 RestAPIUtil from 'nfvo-utils/RestAPIUtil.js'; +import Configuration from 'sdc-app/config/Configuration.js'; +import {actionTypes} from './FeaturesConstants.js'; + + +function baseUrl() { + const restPrefix = Configuration.get('restPrefix'); + return `${restPrefix}/v1.0/togglz`; +} + +function fetchList() { + return RestAPIUtil.fetch(baseUrl()); +} + +export default { + getFeaturesList(dispatch) { + return fetchList().then(response => { + dispatch({ + type: actionTypes.FEATURES_LIST_LOADED, + features: response.features + }); + }); + } +}; + diff --git a/openecomp-ui/src/sdc-app/features/FeaturesConstants.js b/openecomp-ui/src/sdc-app/features/FeaturesConstants.js new file mode 100644 index 0000000000..fe3d4a474e --- /dev/null +++ b/openecomp-ui/src/sdc-app/features/FeaturesConstants.js @@ -0,0 +1,20 @@ +/*! + * Copyright © 2016-2017 European Support Limited + * + * 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 keyMirror from 'nfvo-utils/KeyMirror.js'; + +export const actionTypes = keyMirror({ + FEATURES_LIST_LOADED: null +}); \ No newline at end of file diff --git a/openecomp-ui/src/sdc-app/features/FeaturesReducer.js b/openecomp-ui/src/sdc-app/features/FeaturesReducer.js new file mode 100644 index 0000000000..d7c8624d54 --- /dev/null +++ b/openecomp-ui/src/sdc-app/features/FeaturesReducer.js @@ -0,0 +1,26 @@ +/*! + * 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 {actionTypes} from './FeaturesConstants.js'; + + export default (state = [], action) => { + switch (action.type) { + case actionTypes.FEATURES_LIST_LOADED: + return [...action.features]; + default: + return state; + } + }; \ No newline at end of file diff --git a/openecomp-ui/src/sdc-app/features/featureToggle.js b/openecomp-ui/src/sdc-app/features/featureToggle.js new file mode 100644 index 0000000000..ffdd19aabf --- /dev/null +++ b/openecomp-ui/src/sdc-app/features/featureToggle.js @@ -0,0 +1,55 @@ +/*! + * Copyright © 2016-2017 European Support Limited + * + * 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. + */ + + + /** + * Feature toggling decorator + * usage: + * + * @featureToggle('FeatureName') + * class Example extends React.Component { + * render() { + * return (
test feature
); + * } + * } + * + * OR + * + * const TestFeature = () => (
test feature
) + * export default featureToggle('FeatureName')(TestFeature) + * + */ + +import React from 'react'; +import PropTypes from 'prop-types'; +import {connect} from 'react-redux'; + +export const FeatureComponent = ({features = [], featureName, InnerComponent}) => { + return !!features.find(el => el.name === featureName && el.active) ? : null; +}; + +FeatureComponent.propTypes = { + features: PropTypes.array, + featureName: PropTypes.string.isRequired +}; + + +export default function featureToggle(featureName) { + return (InnerComponent) => { + return connect(({features}) => {return {features, featureName, InnerComponent};})(FeatureComponent); + }; +} + -- cgit 1.2.3-korg