Mysaa/Encartes-web
1
0
Fork 0
mirror of https://gitlab.aliens-lyon.fr/encartes/web-interface.git synced 2026-03-17 22:51:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

selection de room: passe à rouge

Browse Source
This commit is contained in:
Gabriel Dehame 2023-01-10 17:04:30 +01:00
parent f7a2c2d483
commit 016a34d50c
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/Map.js
View File

@ -46,7 +46,7 @@ function min_max(request)
return [minX, maxX, minY, maxY];
}
function list_polygons(request, center, ratio, ind, cb)
function list_polygons(request, center, ratio, ind, cb, selectedRoom)
{
let polygons = [];
//let tarace = 0;
@ -67,13 +67,13 @@ function list_polygons(request, center, ratio, ind, cb)
return [(z[1]-center[1])/25, (z[0]-center[0])/25];
}
})
})).map((x) => {return <Polygon positions={x} key={k} pathOptions={{color: 'grey'}} onClick={() => cb(k)}><Tooltip>{k}</Tooltip></Polygon>})];
})).map((x) => {return <Polygon positions={x} key={k} color={selectedRoom === k ? 'red' : 'grey'} onClick={() => cb(k)}><Tooltip>{k}</Tooltip></Polygon>})];
// })).map((x) => {tarace = tarace+1; return <Polygon positions={x} key={k} pathOptions={{color: 'grey'}}><Tooltip permanent direction={tarace % 2 === 0 ? "bottom" : "top"}>{k}</Tooltip><Popup>Popup</Popup></Polygon>})];
}
return polygons;
}
function layers_list(requestList, cb)
function layers_list(requestList, cb, selectedRoom)
{
let layers = [];
requestList.forEach( (request, ind) =>
@ -88,7 +88,7 @@ function layers_list(requestList, cb)
// console.log((maxY-minY)/2284);
// console.log((maxX-minX)/135);
// console.log(ratio);
const polygons = list_polygons(request, center, ratio, ind, cb);
const polygons = list_polygons(request, center, ratio, ind, cb, selectedRoom);
layers = [...layers, <LayersControl.BaseLayer checked={ind === 1 ? true : false} name={"Floor "+String(ind+2)} key={ind}><LayerGroup> {polygons} </LayerGroup></LayersControl.BaseLayer>];
})
return layers;
@ -99,9 +99,9 @@ function Map({callbackRoomSelected, selectedRoom})
// When the user selects a room on the map, call callbackRoomSelected.
// The room that is currently selected is selectedRoom. It is null if no room
// is selected
const buildLayers = React.useCallback((request2, request3, request4, callbackRoomSelected) => {
return layers_list([request2, request3, request4], callbackRoomSelected);
}, [request2, request3, request4, callbackRoomSelected]);
const buildLayers = React.useCallback((request2, request3, request4, callbackRoomSelected, selectedRoom) => {
return layers_list([request2, request3, request4], callbackRoomSelected, selectedRoom);
}, [request2, request3, request4, callbackRoomSelected, selectedRoom]);
const layers = buildLayers(request2, request3, request4);
return <MapContainer center={[0,0]} zoom={4} scrollWheelZoom={true} style={{flexGrow: '1'}}>