From 2c1f3727a703634cf62c63cfc4a3d4bb30fe2d9c Mon Sep 17 00:00:00 2001
From: Aijana Schumann <aijana.schumann@highstreet-technologies.com>
Date: Fri, 7 May 2021 13:56:52 +0200
Subject: Add customization of networkmap

Add customization capabilities to the networkmap

Issue-ID: CCSDK-2938
Signed-off-by: Aijana Schumann <aijana.schumann@highstreet-technologies.com>
Change-Id: Ibd3fe258d02939ea69b21de25569f20d9087f693
---
 .../src/components/map/iconSwitch.tsx              | 53 ++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 sdnr/wt/odlux/apps/networkMapApp/src/components/map/iconSwitch.tsx

(limited to 'sdnr/wt/odlux/apps/networkMapApp/src/components/map/iconSwitch.tsx')

diff --git a/sdnr/wt/odlux/apps/networkMapApp/src/components/map/iconSwitch.tsx b/sdnr/wt/odlux/apps/networkMapApp/src/components/map/iconSwitch.tsx
new file mode 100644
index 000000000..bb98cb467
--- /dev/null
+++ b/sdnr/wt/odlux/apps/networkMapApp/src/components/map/iconSwitch.tsx
@@ -0,0 +1,53 @@
+/**
+ * ============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==========================================================================
+ */
+
+import * as React from 'react';
+import { FormControlLabel, Switch, Paper } from "@material-ui/core";
+import connect, { Connect, IDispatcher } from '../../../../../framework/src/flux/connect';
+import { IApplicationStoreState } from '../../../../../framework/src/store/applicationStore';
+import { SetIconSwitchAction } from '../../actions/mapActions';
+
+type props = Connect<typeof mapStateToProps, typeof mapDispatchToProps> & {visible: boolean}
+
+const IconSwitch: React.FunctionComponent<props> = (props) =>{
+
+    const toggleChecked = () => {
+      props.toogle(!props.areIconsEnabled)
+    };
+
+    return (
+      props.visible ?
+             <FormControlLabel style={{ padding:5, position: 'absolute',top: 190}}
+        value="end"
+        control={<Switch color="secondary" checked={props.areIconsEnabled} onChange={toggleChecked} />}
+        label="Show icons"
+        labelPlacement="end"
+      />: null)
+}
+
+const mapStateToProps = (state: IApplicationStoreState) => ({
+  areIconsEnabled: state.network.map.allowIconSwitch
+});
+
+
+const mapDispatchToProps = (dispatcher: IDispatcher) => ({ 
+  toogle : (enable:boolean) => dispatcher.dispatch(new SetIconSwitchAction(enable))
+
+});;
+
+export default (connect(mapStateToProps,mapDispatchToProps)(IconSwitch))
-- 
cgit 1.2.3-korg

