Loading app/package.json +0 −1 Original line number Diff line number Diff line Loading @@ -84,7 +84,6 @@ "leaflet": "^1.6.0", "leaflet-draw": "1.0.4", "leaflet-fullscreen": "^1.0.2", "leaflet-sidebar-v2": "^3.2.2", "proj4": "^2.6.0", "proj4leaflet": "^1.0.2", "react": "^16.12.0", Loading app/src/components/container/MapContainer.jsx +5 −41 Original line number Diff line number Diff line import React, { Component } from "react"; import AstroMap from "../../js/AstroMap"; import ProjectionControl from "../../js/ProjectionControl"; import MousePositionControl from "../../js/MousePositionControl"; import AstroDrawControl from "../../js/AstroDrawControl"; import AstroControlManager from "../../js/AstroControlManager"; /** * Component that uses back end JS files to invoke and display the Loading @@ -29,25 +27,8 @@ export default class MapContainer extends Component { */ componentDidMount() { let map = new AstroMap("map-container", this.props.target, {}); map.addControl(new ProjectionControl()); map.addControl( new MousePositionControl({ numDigits: 3 }) ); let drawnItems = new L.FeatureGroup(); map.addLayer(drawnItems); map.addControl( new AstroDrawControl({ edit: { featureGroup: drawnItems } }) ); map.addControl(new L.Control.Scale({ imperial: false })); let controlManager = new AstroControlManager(map); controlManager.addTo(map); } /** Loading @@ -72,25 +53,8 @@ export default class MapContainer extends Component { // create new map with updated target let map = new AstroMap("map-container", this.props.target, {}); map.addControl(new ProjectionControl()); map.addControl( new MousePositionControl({ numDigits: 3 }) ); let drawnItems = new L.FeatureGroup(); map.addLayer(drawnItems); map.addControl( new AstroDrawControl({ edit: { featureGroup: drawnItems } }) ); map.addControl(new L.Control.Scale({ imperial: false })); let controlManager = new AstroControlManager(map); controlManager.addTo(map); } render() { Loading app/src/components/presentational/ConsoleAppBar.jsx +2 −1 Original line number Diff line number Diff line Loading @@ -42,12 +42,13 @@ export default function ConsoleAppBar(props) { const classes = useStyles(); return ( <div className={classes.root}> <div className={classes.root} id="consoleToolbarParent"> <AppBar className={classes.appbar} variant="outlined" position="static" color="inherit" id="consoleToolbar" > <Toolbar className={classes.toolbar}> <Grid Loading app/src/components/presentational/ConsoleCoordinates.jsx +2 −1 Original line number Diff line number Diff line Loading @@ -62,6 +62,7 @@ export default function ConsoleCoordinates() { alignItems="center" item xs={3} id="coordContainerParent" > <Grid item xs> <StyledTooltip Loading @@ -76,7 +77,7 @@ export default function ConsoleCoordinates() { arrow TransitionComponent={Zoom} > <div className={classes.container}> <div id="coordContianer" className={classes.container}> <Paper style={{ borderTopRightRadius: 0, borderBottomRightRadius: 0 }} variant="outlined" Loading app/src/components/presentational/ConsoleLonLatSelects.jsx +102 −94 Original line number Diff line number Diff line Loading @@ -153,11 +153,14 @@ export default function ConsoleLonLatSelects() { alignItems="center" className={classes.grid} xs={7} id="lonLatContainer" > <div> <StyledTooltip title={ <Typography variant="subtitle1"> Switch to either positive east or positive west longitude reporting. Switch to either positive east or positive west longitude reporting. </Typography> } enterDelay={800} Loading @@ -165,7 +168,7 @@ export default function ConsoleLonLatSelects() { arrow TransitionComponent={Zoom} > <div> <div id="lonLatEastWest"> <StyledToggleButtonGroup exclusive size="small" Loading @@ -183,7 +186,9 @@ export default function ConsoleLonLatSelects() { </StyledToggleButtonGroup> </div> </StyledTooltip> </div> <StyledDivider orientation="vertical" /> <div> <StyledTooltip title={ <Typography variant="subtitle1"> Loading @@ -196,7 +201,7 @@ export default function ConsoleLonLatSelects() { arrow TransitionComponent={Zoom} > <div> <div id="lonLatType"> <StyledToggleButtonGroup exclusive size="small" Loading @@ -220,7 +225,9 @@ export default function ConsoleLonLatSelects() { </StyledToggleButtonGroup> </div> </StyledTooltip> </div> <StyledDivider orientation="vertical" /> <div> <StyledTooltip title={ <Typography variant="subtitle1"> Loading @@ -233,7 +240,7 @@ export default function ConsoleLonLatSelects() { arrow TransitionComponent={Zoom} > <div> <div id="lonLatRange"> <StyledToggleButtonGroup exclusive size="small" Loading @@ -251,6 +258,7 @@ export default function ConsoleLonLatSelects() { </StyledToggleButtonGroup> </div> </StyledTooltip> </div> </Grid> ); } Loading
app/package.json +0 −1 Original line number Diff line number Diff line Loading @@ -84,7 +84,6 @@ "leaflet": "^1.6.0", "leaflet-draw": "1.0.4", "leaflet-fullscreen": "^1.0.2", "leaflet-sidebar-v2": "^3.2.2", "proj4": "^2.6.0", "proj4leaflet": "^1.0.2", "react": "^16.12.0", Loading
app/src/components/container/MapContainer.jsx +5 −41 Original line number Diff line number Diff line import React, { Component } from "react"; import AstroMap from "../../js/AstroMap"; import ProjectionControl from "../../js/ProjectionControl"; import MousePositionControl from "../../js/MousePositionControl"; import AstroDrawControl from "../../js/AstroDrawControl"; import AstroControlManager from "../../js/AstroControlManager"; /** * Component that uses back end JS files to invoke and display the Loading @@ -29,25 +27,8 @@ export default class MapContainer extends Component { */ componentDidMount() { let map = new AstroMap("map-container", this.props.target, {}); map.addControl(new ProjectionControl()); map.addControl( new MousePositionControl({ numDigits: 3 }) ); let drawnItems = new L.FeatureGroup(); map.addLayer(drawnItems); map.addControl( new AstroDrawControl({ edit: { featureGroup: drawnItems } }) ); map.addControl(new L.Control.Scale({ imperial: false })); let controlManager = new AstroControlManager(map); controlManager.addTo(map); } /** Loading @@ -72,25 +53,8 @@ export default class MapContainer extends Component { // create new map with updated target let map = new AstroMap("map-container", this.props.target, {}); map.addControl(new ProjectionControl()); map.addControl( new MousePositionControl({ numDigits: 3 }) ); let drawnItems = new L.FeatureGroup(); map.addLayer(drawnItems); map.addControl( new AstroDrawControl({ edit: { featureGroup: drawnItems } }) ); map.addControl(new L.Control.Scale({ imperial: false })); let controlManager = new AstroControlManager(map); controlManager.addTo(map); } render() { Loading
app/src/components/presentational/ConsoleAppBar.jsx +2 −1 Original line number Diff line number Diff line Loading @@ -42,12 +42,13 @@ export default function ConsoleAppBar(props) { const classes = useStyles(); return ( <div className={classes.root}> <div className={classes.root} id="consoleToolbarParent"> <AppBar className={classes.appbar} variant="outlined" position="static" color="inherit" id="consoleToolbar" > <Toolbar className={classes.toolbar}> <Grid Loading
app/src/components/presentational/ConsoleCoordinates.jsx +2 −1 Original line number Diff line number Diff line Loading @@ -62,6 +62,7 @@ export default function ConsoleCoordinates() { alignItems="center" item xs={3} id="coordContainerParent" > <Grid item xs> <StyledTooltip Loading @@ -76,7 +77,7 @@ export default function ConsoleCoordinates() { arrow TransitionComponent={Zoom} > <div className={classes.container}> <div id="coordContianer" className={classes.container}> <Paper style={{ borderTopRightRadius: 0, borderBottomRightRadius: 0 }} variant="outlined" Loading
app/src/components/presentational/ConsoleLonLatSelects.jsx +102 −94 Original line number Diff line number Diff line Loading @@ -153,11 +153,14 @@ export default function ConsoleLonLatSelects() { alignItems="center" className={classes.grid} xs={7} id="lonLatContainer" > <div> <StyledTooltip title={ <Typography variant="subtitle1"> Switch to either positive east or positive west longitude reporting. Switch to either positive east or positive west longitude reporting. </Typography> } enterDelay={800} Loading @@ -165,7 +168,7 @@ export default function ConsoleLonLatSelects() { arrow TransitionComponent={Zoom} > <div> <div id="lonLatEastWest"> <StyledToggleButtonGroup exclusive size="small" Loading @@ -183,7 +186,9 @@ export default function ConsoleLonLatSelects() { </StyledToggleButtonGroup> </div> </StyledTooltip> </div> <StyledDivider orientation="vertical" /> <div> <StyledTooltip title={ <Typography variant="subtitle1"> Loading @@ -196,7 +201,7 @@ export default function ConsoleLonLatSelects() { arrow TransitionComponent={Zoom} > <div> <div id="lonLatType"> <StyledToggleButtonGroup exclusive size="small" Loading @@ -220,7 +225,9 @@ export default function ConsoleLonLatSelects() { </StyledToggleButtonGroup> </div> </StyledTooltip> </div> <StyledDivider orientation="vertical" /> <div> <StyledTooltip title={ <Typography variant="subtitle1"> Loading @@ -233,7 +240,7 @@ export default function ConsoleLonLatSelects() { arrow TransitionComponent={Zoom} > <div> <div id="lonLatRange"> <StyledToggleButtonGroup exclusive size="small" Loading @@ -251,6 +258,7 @@ export default function ConsoleLonLatSelects() { </StyledToggleButtonGroup> </div> </StyledTooltip> </div> </Grid> ); }