blob: 8df1385d036d4fe1e8efb7a03e4444b8ff2908d5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
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))
|