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 --- openecomp-ui/src/sdc-app/Application.jsx | 5 +- .../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 ++++++++++++++++++++++ .../sdc-app/onboarding/OnboardingReducersMap.js | 6 ++- 6 files changed, 148 insertions(+), 4 deletions(-) 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') diff --git a/openecomp-ui/src/sdc-app/Application.jsx b/openecomp-ui/src/sdc-app/Application.jsx index 4915d26044..aa81eb384c 100644 --- a/openecomp-ui/src/sdc-app/Application.jsx +++ b/openecomp-ui/src/sdc-app/Application.jsx @@ -1,5 +1,5 @@ /*! - * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + * 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. @@ -21,7 +21,7 @@ import Loader from 'nfvo-components/loader/Loader.jsx'; import WebSocketUtil from 'nfvo-utils/WebSocketUtil.js'; import UserNotificationsActionHelper from 'sdc-app/onboarding/userNotifications/UserNotificationsActionHelper.js'; import store from './AppStore.js'; - +import FeaturesActionHelper from 'sdc-app/features/FeaturesActionHelper.js'; class Application extends React.Component { static propTypes = { @@ -32,6 +32,7 @@ class Application extends React.Component { if(openSocket) { UserNotificationsActionHelper.notificationsFirstHandling(store.dispatch); } + FeaturesActionHelper.getFeaturesList(store.dispatch); } componentWillUnmount() { WebSocketUtil.close(); 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); + }; +} + diff --git a/openecomp-ui/src/sdc-app/onboarding/OnboardingReducersMap.js b/openecomp-ui/src/sdc-app/onboarding/OnboardingReducersMap.js index f69bc0da5e..12304fcbce 100644 --- a/openecomp-ui/src/sdc-app/onboarding/OnboardingReducersMap.js +++ b/openecomp-ui/src/sdc-app/onboarding/OnboardingReducersMap.js @@ -1,5 +1,5 @@ /*! - * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + * 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. @@ -25,6 +25,7 @@ import versionsPageReducer from './versionsPage/VersionsPageReducer.js'; import usersReducer from './users/UsersReducers.js'; import mergeEditorReducer from 'sdc-app/common/merge/MergeEditorReducer.js'; import revisionsReducer from './revisions/RevisionsReducer.js'; +import featuresReducer from 'sdc-app/features/FeaturesReducer.js'; export default { currentScreen: currentScreenReducer, @@ -38,5 +39,6 @@ export default { softwareProductList: softwareProductListReducer, users: usersReducer, versionsPage: versionsPageReducer, - revisions: revisionsReducer + revisions: revisionsReducer, + features: featuresReducer }; -- cgit 1.2.3-korg