18371528919

Committed 09 Oct 2025 09:16AM UTC coverage: 76.738% (-0.05%) from 76.789%

Build # 18371528919

Build Type

Pull #11572

github

Committed by

web-flow

Commit Message

Merge 62e9c9670 into 2686c544e

Pull Request Pull Request #11572: Feat: #11527 Add the tabbed view for the dashboard

Run Details

31855 of 49574 branches covered (64.26%)

94 of 155 new or added lines in 10 files covered. (60.65%)

3 existing lines in 2 files now uncovered.

39633 of 51647 relevant lines covered (76.74%)

37.71 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

45.45

/web/client/components/dashboard/ConfigureView.jsx

import React, { useEffect, useState } from 'react';
import Dialog from '../misc/Dialog';
import { Button, ControlLabel, FormControl, FormGroup, Glyphicon } from 'react-bootstrap';
import Message from '../I18N/Message';
import ColorSelector from '../style/ColorSelector';

const ConfigureView = ({ active, onToggle, name, color, onSave }) => {
    const [setting, setSetting] = useState({ name: null, color: null });
    useEffect(() => {
        setSetting({ name, color });
    }, [name, color]);
    return (
        <div>
            {active && (
                <Dialog
                    id="mapstore-export-data-results"
                    draggable={false}
                    modal>
                    <span role="header">
                        <span className="modal-title about-panel-title"><Message msgId="dashboard.view.configure"/></span>
                        <button onClick={() => onToggle()} className="settings-panel-close close">
                            <Glyphicon glyph="1-close"/>
                        </button>
                    </span>
                    <div role="body" className="_padding-lg">
                        <FormGroup className="_padding-b-sm">
                            <ControlLabel><Message msgId="dashboard.view.name" /></ControlLabel>
                            <FormControl
                                type="text"
                                value={setting.name}
                                onChange={event => {
                                    const { value } = event.target || {};
                                    setSetting(prev => ({ ...prev, name: value }));
                                }}
                            />
                        </FormGroup>
                        <FormGroup className="ms-flex-box _flex _flex-gap-sm _flex-center-v">
                            <ControlLabel><Message msgId="dashboard.view.color" /></ControlLabel>
                            <div className="dashboard-color-picker">
                                <ColorSelector
                                    format="rgb"
                                    color={setting.color}
                                    onChangeColor={(colorVal) => colorVal && setSetting(prev =>({
                                        ...prev,
                                        color: colorVal
                                    }))}
                                />
                            </div>
                        </FormGroup>
                    </div>
                    <div role="footer">
                        <Button
                            bsStyle="default"
                            onClick={() => onToggle()}
                        >Cancel</Button>
                        <Button
                            bsStyle="primary"
                            onClick={() => onSave(setting)}
                        >Save</Button>
                    </div>
                </Dialog>
            )}
        </div>
    );
};

export default ConfigureView;

1	import React, { useEffect, useState } from 'react';
2	import Dialog from '../misc/Dialog';
3	import { Button, ControlLabel, FormControl, FormGroup, Glyphicon } from 'react-bootstrap';
4	import Message from '../I18N/Message';
5	import ColorSelector from '../style/ColorSelector';
6
7	const ConfigureView = ({ active, onToggle, name, color, onSave }) => {	1✔
8	const [setting, setSetting] = useState({ name: null, color: null });	6✔
9	useEffect(() => {	6✔
10	setSetting({ name, color });	3✔
11	}, [name, color]);
12	return (	6✔
13	<div>
14	{active && (	6!
15	<Dialog
16	id="mapstore-export-data-results"
17	draggable={false}
18	modal>
19	<span role="header">
20	<span className="modal-title about-panel-title"><Message msgId="dashboard.view.configure"/></span>
NEW 21	<button onClick={() => onToggle()} className="settings-panel-close close">	×
22	<Glyphicon glyph="1-close"/>
23	</button>
24	</span>
25	<div role="body" className="_padding-lg">
26	<FormGroup className="_padding-b-sm">
27	<ControlLabel><Message msgId="dashboard.view.name" /></ControlLabel>
28	<FormControl
29	type="text"
30	value={setting.name}
31	onChange={event => {
NEW 32	const { value } = event.target \|\| {};	×
NEW 33	setSetting(prev => ({ ...prev, name: value }));	×
34	}}
35	/>
36	</FormGroup>
37	<FormGroup className="ms-flex-box _flex _flex-gap-sm _flex-center-v">
38	<ControlLabel><Message msgId="dashboard.view.color" /></ControlLabel>
39	<div className="dashboard-color-picker">
40	<ColorSelector
41	format="rgb"
42	color={setting.color}
NEW 43	onChangeColor={(colorVal) => colorVal && setSetting(prev =>({	×
44	...prev,
45	color: colorVal
46	}))}
47	/>
48	</div>
49	</FormGroup>
50	</div>
51	<div role="footer">
52	<Button
53	bsStyle="default"
NEW 54	onClick={() => onToggle()}	×
55	>Cancel</Button>
56	<Button
57	bsStyle="primary"
NEW 58	onClick={() => onSave(setting)}	×
59	>Save</Button>
60	</div>
61	</Dialog>
62	)}
63	</div>
64	);
65	};
66
67	export default ConfigureView;

geosolutions-it / MapStore2 / 18371528919

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous