Moving the standalone front end start up from localhost:port/aai -> localhost:port & Updating the node parameter to production for production build so that the minified code is more efficient & Changing the babel loaders for fonts to use the full name instead of the computed hash value & Adding a option to make the page header and html document title configurable instead of the previous hardcoded value of A&AI
Issue-ID: AAI-1881
Change-Id: I867200b97d4e2e9acb687f373e39aab8fb8a1b25
Signed-off-by: Arul.Nambi <arul.nambi@amdocs.com>
webpackProductionConfig.cache = true;
webpackProductionConfig.output = {
path: localPath.join(__dirname, 'dist'),
- publicPath: '/services/aai/webapp/',
+ publicPath: '',
filename: '[name].js'
};
webpackProductionConfig.resolveLoader = {
};
webpackProductionConfig.plugins = [
new webpack.DefinePlugin({
- 'process.env': {
- // This has effect on the react lib size
- 'NODE_ENV': JSON.stringify('production')
- },
- DEBUG: false,
- DEV: false
- }),
+ 'process.env.NODE_ENV': JSON.stringify('production')
+ }),
new webpack.optimize.DedupePlugin(),
new webpack.optimize.UglifyJsPlugin()
];
"main": "bundle.js",
"scripts": {
"start": "gulp",
- "build": "gulp build",
+ "build": "gulp build --max-old-space-size=8192",
"test": "jest",
"testReport": "jest --coverage"
},
"author": "",
"license": "Apache-2.0",
"dependencies": {
- "collapsible-sliding-panel": "1.0.0",
+ "axios": "^0.18.0",
+ "collapsible-sliding-panel": "1.0.2",
"core-js": "^2.4.0",
"crypto-js": "^3.1.9-1",
"d3": "^4.12.0",
"es6-promise": "^3.2.1",
- "filter-bar-utils": "1.0.0",
+ "filter-bar-utils": "1.0.1",
"gulp-sass": "^3.0.0",
"jquery": "^2.2.2",
"loadable-components": "^2.2.2",
"react-autosuggest": "^9.3.4",
"react-autowhatever": "^10.1.2",
"react-bootstrap": "^0.31.2",
- "react-datepicker": "^0.55.0",
- "react-dom": "^16.4.1",
+ "react-datepicker": "^1.7.0",
+ "react-dom": "^16.4.2",
"react-fontawesome": "^1.6.1",
"react-grid-layout": "^0.14.4",
"react-highlight-words": "^0.11.0",
"uuid-js": "^0.7.5",
"validator": "^4.3.0",
"velocity-react": "^1.4.1",
- "vertical-filter-bar": "^1.0.7"
+ "vertical-filter-bar": "1.0.10"
},
"devDependencies": {
"babel-core": "^6.25.0",
"react-hot-loader": "^3.0.0-beta.6",
"redux-mock-store": "^1.4.0",
"sass-loader": "^3.1.2",
- "sinon": "^6.3.4",
"source-map-loader": "^0.1.5",
"style-loader": "^0.13.1",
"url-loader": "^0.5.7",
-#!/bin/bash
+#!/bin/bash -x
###############################################################################
#
#
###############################################################################
-extensionList=$@
-
-# npm install
-echo "build.sh --- Running npm install"
-npm install
-
-# npm install extensions
-echo "build.sh --- parameter provided $extensionList"
-if [ -z "$extensionList" ]; then
- echo "build.sh --- No extension provided"
-else
- echo "build.sh --- Running npm --save ${extensionList}"
- npm install --save ${extensionList}
- # copy content when there are extensions
- UpdateFEwithExtensions
- UpdateFEWithCustomViews
-fi
+# Copy some extension content to the core sparky
+UpdateFEwithExtensions
# Copy style
updateStyle
-# npm run build
-echo "build.sh --- Running npm run build"
-npm run build
import Button from 'react-bootstrap/lib/Button.js';
import Modal from 'react-bootstrap/lib/Modal.js';
import GlobalAutoCompleteSearchBar from 'app/globalAutoCompleteSearchBar/GlobalAutoCompleteSearchBar.jsx';
-import {postAnalyticsData} from 'app/analytics/AnalyticsActions.js';
+import {postAnalyticsData, getStoreAnalyticsPayload} from 'app/analytics/AnalyticsActions.js';
import GlobalInlineMessageBar from 'app/globalInlineMessageBar/GlobalInlineMessageBar.jsx';
import {getClearGlobalMessageEvent} from 'app/globalInlineMessageBar/GlobalInlineMessageBarActions.js';
import {externalUrlRequest, externalMessageRequest, getSubscriptionPayload} from 'app/contextHandler/ContextHandlerActions.js';
} from 'react-router-dom';
import {
- AAI_TITLE,
+ AAI_TOP_LEFT_HEADER,
+ AAI_HTML_TITLE,
MENU_ITEM_TIER_SUPPORT,
MENU_ITEM_VNF_SEARCH
} from './MainScreenWrapperConstants.js';
import {clearSuggestionsTextField} from 'app/globalAutoCompleteSearchBar/GlobalAutoCompleteSearchBarActions.js';
import {changeUrlAddress} from 'utils/Routes.js';
import extensibleViews from 'resources/views/extensibleViews.json';
-
+import {getPersonalizationDetails} from 'app/personlaization/PersonalizationActions.js';
+import {isEmpty} from 'lodash';
const mapStateToProps = ({mainWrapper, configurableViews}) => {
let {
externalRequestFound = {},
secondaryTitle = '',
subscriptionPayload = {},
- subscriptionEnabled = false
+ subscriptionEnabled = false,
+ aaiTopLeftPersonalizedHeader = AAI_TOP_LEFT_HEADER,
+ aaiPersonalizedHtmlDocumentTitle = AAI_HTML_TITLE
} = mainWrapper;
let {
secondaryTitle,
subscriptionPayload,
subscriptionEnabled,
- configurableViewsConfig
+ configurableViewsConfig,
+ aaiTopLeftPersonalizedHeader,
+ aaiPersonalizedHtmlDocumentTitle
};
};
dispatch(showMainMenu(false));
},
dispatchAnalyticsData: () => dispatch(
- postAnalyticsData(document.documentElement.outerHTML.replace('\s+', ''))),
+ postAnalyticsData(getStoreAnalyticsPayload())),
onRouteChange: () => {
dispatch(getClearGlobalMessageEvent());
dispatch(clearSuggestionsTextField());
},
onFetchCustomViews: () => {
dispatch(getConfigurableViewConfigs());
+ },
+ onGetPersonalizationValues: () => {
+ dispatch(getPersonalizationDetails());
}
};
};
toggleButtonActive: PropTypes.bool,
externalRequestFound: PropTypes.object,
secondaryTitle: PropTypes.string,
- subscriptionPayload: PropTypes.object
+ subscriptionPayload: PropTypes.object,
+ aaiTopLeftPersonalizedHeader: PropTypes.string,
+ aaiPersonalizedHtmlDocumentTitle: PropTypes.string
};
navigationLinkAndCurrentPathMatch(location, to) {
}
componentWillMount() {
+ this.props.onGetPersonalizationValues();
this.props.onGetSubscriptionPayload();
if(this.props.match.params.externalUrl !== undefined &&
this.isValidExternalURL(this.props.match.params.externalUrl)) {
}
componentWillReceiveProps(nextProps) {
+ if(!isEmpty(nextProps.aaiPersonalizedHtmlDocumentTitle)) {
+ if(!sessionStorage.getItem('PAGE_TITLE') || sessionStorage.getItem('PAGE_TITLE') !== nextProps.aaiPersonalizedHtmlDocumentTitle) {
+ sessionStorage.setItem('PAGE_TITLE', nextProps.aaiPersonalizedHtmlDocumentTitle);
+ }
+ document.title = nextProps.aaiPersonalizedHtmlDocumentTitle;
+ } else {
+ document.title = AAI_HTML_TITLE;
+ }
if (this.props.location &&
this.props.location.pathname !==
nextProps.location.pathname) {
onHideMenu,
toggleButtonActive,
secondaryTitle,
- configurableViewsConfig
+ configurableViewsConfig,
+ aaiTopLeftPersonalizedHeader
} = this.props;
let menuOptions = [];
{menuOptions}
</Modal.Body>
</Modal>
- <span className='application-title'>{AAI_TITLE}</span>
+ <span className='application-title'>{aaiTopLeftPersonalizedHeader}</span>
<GlobalAutoCompleteSearchBar history={this.props.history}/>
</div>
<GlobalInlineMessageBar />
VNF_SEARCH: null
});
-export const AAI_TITLE = 'A&AI';
+export const AAI_TOP_LEFT_HEADER = 'A&AI';
+export const AAI_HTML_TITLE = 'A&AI';
export const MENU_ITEM_TIER_SUPPORT = 'View & Inspect';
export const MENU_ITEM_VNF_SEARCH = 'VNFs';
import {
contextHandlerActionTypes
} from 'app/contextHandler/ContextHandlerConstants.js';
+import {
+ personalizationActionTypes
+} from 'app/personlaization/PersonalizationConstans.js';
export default (state = {}, action) => {
switch (action.type) {
...state,
subscriptionEnabled: false
};
+ case personalizationActionTypes.PERSONALIZATION_PAYLOAD_FOUND:
+ return {
+ ...state,
+ aaiTopLeftPersonalizedHeader: action.data.topLeftHeader,
+ aaiPersonalizedHtmlDocumentTitle: action.data.htmlDocumentTitle
+ };
}
return state;
};
import {ANALYTICS_URL} from 'app/analytics/AnalyticsConstants.js';
let fetch = require('node-fetch');
+export function getStoreAnalyticsPayload() {
+ var documentBody = document.body.getElementsByTagName('*');
+ return documentBody[0].innerHTML.replace('\s+', '');
+}
function getAnalyticsPostBody(payload){
return {
}
export function postAnalyticsData(payload){
-
+
return () => {
fetch(ANALYTICS_URL, {
method: POST,
import {connect} from 'react-redux';
import React, {Component} from 'react';
import AutoCompleteSearchBar from 'generic-components/autoCompleteSearchBar/AutoCompleteSearchBar.jsx';
-import {postAnalyticsData} from 'app/analytics/AnalyticsActions.js';
+import {postAnalyticsData, getStoreAnalyticsPayload} from 'app/analytics/AnalyticsActions.js';
import {getClearGlobalMessageEvent} from 'app/globalInlineMessageBar/GlobalInlineMessageBarActions.js';
import {
queryRequestedValues,
},
onSuggestionsClearRequested: () => dispatch(onSuggestionsClearRequested()),
dispatchAnalytics: () => dispatch(
- postAnalyticsData(document.documentElement.outerHTML.replace('\s+', ''))),
+ postAnalyticsData(getStoreAnalyticsPayload())),
onInvalidSearch: (searchText) => {
dispatch(getInvalidSearchInputEvent(searchText));
},
--- /dev/null
+/*\r
+ * ============LICENSE_START=======================================================\r
+ * org.onap.aai\r
+ * ================================================================================\r
+ * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.\r
+ * Copyright © 2017-2018 Amdocs\r
+ * ================================================================================\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ * ============LICENSE_END=========================================================\r
+ */\r
+\r
+ import {\r
+ GET\r
+ } from 'app/networking/NetworkConstants.js';\r
+import networkCall from 'app/networking/NetworkCalls.js';\r
+import {\r
+ GET_PERSONALIZED_VALUES_URL, \r
+ PERSONALIZATION_FAILED_MESSAGE,\r
+ personalizationActionTypes\r
+} from 'app/personlaization/PersonalizationConstans.js';\r
+import {\r
+ getSetGlobalMessageEvent\r
+} from 'app/globalInlineMessageBar/GlobalInlineMessageBarActions.js';\r
+\r
+import { \r
+ STATUS_CODE_5XX_SERVER_ERROR,\r
+ MESSAGE_LEVEL_WARNING\r
+} from 'utils/GlobalConstants.js';\r
+\r
+\r
+function createPersonalizedValuesEvent(payload) {\r
+\r
+ let event = {\r
+ type: personalizationActionTypes.PERSONALIZATION_PAYLOAD_FOUND,\r
+ data: payload\r
+ };\r
+ return event;\r
+}\r
+\r
+function fetchPersonalizedValues(fetchRequestCallback) {\r
+ return dispatch => {\r
+ return fetchRequestCallback().then(\r
+ (response) => {\r
+ if (response.status >= STATUS_CODE_5XX_SERVER_ERROR) {\r
+ dispatch(getSetGlobalMessageEvent(PERSONALIZATION_FAILED_MESSAGE , MESSAGE_LEVEL_WARNING));\r
+ } else {\r
+ // assume 200 status\r
+ return response.json();\r
+ }\r
+ }\r
+ ).then(\r
+ (results)=> {\r
+ dispatch(createPersonalizedValuesEvent(results));\r
+ }\r
+ ).catch(\r
+ () => {\r
+ dispatch(getSetGlobalMessageEvent(PERSONALIZATION_FAILED_MESSAGE , MESSAGE_LEVEL_WARNING));\r
+ }\r
+ );\r
+ };\r
+}\r
+\r
+export function getPersonalizationDetails(){\r
+ let personalizationFetchRequest =\r
+ () => networkCall.getRequest(GET_PERSONALIZED_VALUES_URL, GET);\r
+ \r
+ return dispatch => {\r
+ dispatch(fetchPersonalizedValues(personalizationFetchRequest));\r
+ };\r
+}
\ No newline at end of file
--- /dev/null
+/*\r
+ * ============LICENSE_START=======================================================\r
+ * org.onap.aai\r
+ * ================================================================================\r
+ * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.\r
+ * Copyright © 2017-2018 Amdocs\r
+ * ================================================================================\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ * ============LICENSE_END=========================================================\r
+ */\r
+\r
+import keyMirror from 'utils/KeyMirror.js';\r
+import {BASE_URL} from 'app/networking/NetworkConstants.js';\r
+\r
+export const personalizationActionTypes = keyMirror({\r
+ PERSONALIZATION_PAYLOAD_FOUND: null\r
+});\r
+\r
+export const GET_PERSONALIZED_VALUES_URL = BASE_URL + '/rest/getPersonalizedValues';\r
+export const PERSONALIZATION_FAILED_MESSAGE = 'Failed to fetch personalization values';\r
<html>
<head>
<meta charset="utf-8">
- <title>A&AI UI</title>
</head>
<body>
},
output: {
path: path.join(__dirname, 'dist'),
- publicPath: `http://localhost:${devPort}/services/aai/webapp`,
+ publicPath: ``,
filename: '[name].js'
},
resolve: {
loader: 'source-map-loader'
}],
loaders: [
- {test: /\.(js|jsx)$/, loaders: ['babel-loader', 'eslint-loader'], exclude: /node_modules/},
+ {test: /\.(js|jsx)$/, loaders: ['babel-loader', 'eslint-loader', 'source-map-loader'], exclude: /node_modules/},
{test: /\.(css|scss)$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap']},
// required for font icons
- {test: /\.(woff|woff2)(\?.*)?$/, loader: 'url-loader?limit=16384&mimetype=application/font-woff'},
- {test: /\.(ttf|eot|otf)(\?.*)?$/, loader: 'file-loader'},
- {test: /\.(png|jpg|svg)(\?.*)?$/, loader: 'url-loader?limit=16384'},
- {test: /\.json$/, loaders: ['json']}
+ {test: /\.(woff|woff2|ttf|eot|otf)(\?.*)?$/, loader: 'url-loader?limit=163840&mimetype=application/font-woff&name=[name].[ext]'},
+ {test: /\.(png|jpg|svg)(\?.*)?$/, loader: 'url-loader?limit=163840'},
+ {test: /\.json$/, loaders: ['json']},
+ { test: /\.xml$/, loader: 'xml-loader' }
]
},
eslint: {
module.exports = {
devtool: 'eval-source-map',
entry: {
- 'aai/bundle': [
+ bundle: [
'app/main.app.jsx',
- `webpack-dev-server/client?https://localhost:${devPort}`,
'webpack/hot/only-dev-server'
],
'editAttributes/editAttributesBundle': [
'editAttributes/main.app.jsx',
- `webpack-dev-server/client?https://localhost:${devPort}`,
'webpack/hot/only-dev-server'
]
},
output: {
path: path.join(__dirname, 'dist'),
- publicPath: `https://localhost:${devPort}/`,
+ publicPath: ``,
filename: '[name].js'
},
resolve: {
devServer: {
port: devPort,
historyApiFallback: true,
- publicPath: `https://localhost:${devPort}/`,
+ publicPath: ``,
contentBase: path.join(__dirname, 'dist'),
hot: true,
progress: true,
],
loaders: [
{test: /\.(js|jsx)$/, loaders: ['babel-loader', 'eslint-loader'], exclude: /node_modules/},
- {test: /\.(css|scss)$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap']},
+ {test: /\.(css|scss)$/, loaders: ['style-loader', 'css-loader', 'sass-loader']},
// required for font icons
- {test: /\.(woff|woff2)(\?.*)?$/, loader: 'url-loader?limit=16384&mimetype=application/font-woff'},
- {test: /\.(ttf|eot|otf)(\?.*)?$/, loader: 'file-loader'},
- {test: /\.(png|jpg|svg)(\?.*)?$/, loader: 'url-loader?limit=16384'},
- {test: /\.json$/, loaders: ['json']}
+ {test: /\.(woff|woff2|ttf|eot|otf)(\?.*)?$/, loader: 'url-loader?limit=163840&mimetype=application/font-woff&name=[name].[ext]'},
+ {test: /\.(png|jpg|svg)(\?.*)?$/, loader: 'url-loader?limit=163840&name=[name].[ext]'},
+ {test: /\.json$/, loaders: ['json']},
+ { test: /\.xml$/, loader: 'xml-loader' }
]
},
eslint: {
Code Review / aai / sparky-fe.git / commitdiff