summaryrefslogtreecommitdiffstats
path: root/sdnr/wt/odlux/apps/linkCalculationApp/src/pluginLinkCalculation.tsx
diff options
context:
space:
mode:
authorAijana Schumann <aijana.schumann@highstreet-technologies.com>2020-08-27 09:01:53 +0200
committerAijana Schumann <aijana.schumann@highstreet-technologies.com>2020-08-27 11:52:38 +0200
commit4bd84bebdaa0c2d82050fbedd1fa8260eb62146d (patch)
tree3f26dfc6c7da0f176f31bcde112971b0b8c552ce /sdnr/wt/odlux/apps/linkCalculationApp/src/pluginLinkCalculation.tsx
parent958de10b4c433eb6110b93007f281b07515ed6fe (diff)
Add link calculation app
Add link calculation app to odlux Issue-ID: CCSDK-2562 Signed-off-by: Aijana Schumann <aijana.schumann@highstreet-technologies.com> Change-Id: Ifc0a5b2a8bb974dfd85d70a9f05990b1f11925a3 Signed-off-by: Aijana Schumann <aijana.schumann@highstreet-technologies.com>
Diffstat (limited to 'sdnr/wt/odlux/apps/linkCalculationApp/src/pluginLinkCalculation.tsx')
-rw-r--r--sdnr/wt/odlux/apps/linkCalculationApp/src/pluginLinkCalculation.tsx148
1 files changed, 148 insertions, 0 deletions
diff --git a/sdnr/wt/odlux/apps/linkCalculationApp/src/pluginLinkCalculation.tsx b/sdnr/wt/odlux/apps/linkCalculationApp/src/pluginLinkCalculation.tsx
new file mode 100644
index 000000000..fc72f5ab3
--- /dev/null
+++ b/sdnr/wt/odlux/apps/linkCalculationApp/src/pluginLinkCalculation.tsx
@@ -0,0 +1,148 @@
+/**
+* ============LICENSE_START========================================================================
+* ONAP : ccsdk feature sdnr wt odlux
+* =================================================================================================
+* Copyright (C) 2020 highstreet technologies GmbH 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.
+* ============LICENSE_END==========================================================================
+*/
+// app configuration and main entry point for the app
+
+import * as React from "react";
+import { withRouter, RouteComponentProps, Route, Switch, Redirect } from 'react-router-dom';
+
+import { faBookOpen } from '@fortawesome/free-solid-svg-icons'; // select app icon
+import applicationManager from '../../../framework/src/services/applicationManager';
+
+import LinkCalculation from './views/linkCalculationComponent';
+import LinkCalculationAppRootHandler from './handlers/linkCalculationAppRootHandler';
+import connect, { Connect, IDispatcher } from '../../../framework/src/flux/connect';
+import { IApplicationStoreState } from "../../../framework/src/store/applicationStore";
+import { UpdateLinkIdAction, UpdateLatLonAction, updateHideForm, UpdateSiteAction, UpdateDistanceAction } from "./actions/commonLinkCalculationActions";
+
+
+let currentLinkId: string | null = null;
+let lastUrl: string = "/linkCalculation";
+
+const mapProps = (state: IApplicationStoreState) => ({
+});
+
+const mapDisp = (dispatcher: IDispatcher) => ({
+ updateLinkId: (mountId: string) => dispatcher.dispatch(new UpdateLinkIdAction(mountId)),
+
+ updateSiteName: (siteNameA?:any, siteNameB?:any)=>{
+ dispatcher.dispatch(new UpdateSiteAction(siteNameA, siteNameB))
+ },
+ updateDistance :(distance:number) =>{
+ dispatcher.dispatch(new UpdateDistanceAction(distance))
+ },
+ updateLatLon : (Lat1:number, Lon1:number, Lat2:number, Lon2:number)=> {
+
+ dispatcher.dispatch(new UpdateLatLonAction(Lat1, Lon1, Lat2, Lon2))
+ dispatcher.dispatch(new updateHideForm (true))
+ },
+});
+
+
+const LinkCalculationRouteAdapter = connect(mapProps, mapDisp)((props: RouteComponentProps<{ mountId?: string }> & Connect<typeof mapProps, typeof mapDisp>) => {
+ let linkId: string = "";
+
+ // called when component finshed mounting
+ React.useEffect(() => {
+
+ lastUrl = props.location.pathname;
+ linkId = getLinkId(lastUrl);
+
+ const data= props.location.search
+
+
+
+ if (data !== undefined && data.length>0){
+
+
+
+ const lat1 = data.split('&')[0].split('=')[1]
+ const lon1 = data.split('&')[1].split('=')[1]
+ const lat2 = data.split('&')[2].split('=')[1]
+ const lon2 = data.split('&')[3].split('=')[1]
+
+ const siteNameA = data.split('&')[4].split('=')[1]
+ const siteNameB = data.split('&')[5].split('=')[1]
+
+ const distance = data.split('&')[8].split('=')[1]
+
+
+ props.updateSiteName(String(siteNameA), String(siteNameB))
+ props.updateDistance(Number(distance))
+
+
+ props.updateLatLon(Number(lat1),Number(lon1),Number(lat2),Number(lon2))
+
+ }
+
+
+ if (currentLinkId !== linkId) { // new element is loaded
+ currentLinkId = linkId;
+ props.updateLinkId(currentLinkId);
+ }
+ }, []);
+
+ // called when component gets updated
+ React.useEffect(() => {
+
+ lastUrl = props.location.pathname;
+ linkId = getLinkId(lastUrl);
+
+ if (currentLinkId !== linkId) {
+ currentLinkId = linkId;
+ props.updateLinkId(currentLinkId);
+ }
+ });
+
+ const getLinkId = (lastUrl: string) => {
+ let index = lastUrl.lastIndexOf("linkCalculation/");
+ if (index >= 0) {
+ linkId = lastUrl.substr(index+16);
+ } else {
+ linkId = "";
+ }
+
+ return linkId;
+ }
+
+
+ return (
+ <LinkCalculation />
+ );
+});
+
+const App = withRouter((props: RouteComponentProps) => {
+ props.history.action = "POP";
+ return (
+ <Switch>
+ <Route path={`${props.match.path}/:linkId`} component={LinkCalculationRouteAdapter} />
+ <Route path={`${props.match.path}`} component={LinkCalculationRouteAdapter} />
+ <Redirect to={`${props.match.path}`} />
+ </Switch>
+ )
+});
+
+export function register() {
+ applicationManager.registerApplication({
+ name: "linkCalculation",
+ icon: faBookOpen,
+ rootActionHandler: LinkCalculationAppRootHandler,
+ rootComponent: App,
+ menuEntry: "Link Calculation"
+ });
+}
+