';
//***************** Disconnect Nodes Checkbox **************************
SSUtilWindowHTML += '
Disconnect Nodes
';
//***************** Shift Amount **************************
// Define BOX
SSUtilWindowHTML +=
'
';
SSUtilWindowHTML +=
'
Shift amount Metre(s)';
// Shift amount controls
SSUtilWindowHTML +=
'
';
//Single Shift Up Button
SSUtilWindowHTML += '';
SSUtilWindowHTML += ' ';
SSUtilWindowHTML += '';
SSUtilWindowHTML += '
';
//Single Shift Left Button
SSUtilWindowHTML += '';
SSUtilWindowHTML += ' ';
SSUtilWindowHTML += '';
SSUtilWindowHTML += '';
//Single Shift Right Button
SSUtilWindowHTML += '';
SSUtilWindowHTML += ' ';
SSUtilWindowHTML += '';
SSUtilWindowHTML += '
';
//Single Shift Down Button
SSUtilWindowHTML += '';
SSUtilWindowHTML += ' ';
SSUtilWindowHTML += '';
SSUtilWindowHTML += '';
SSUtilWindowHTML += '
';
SSUtilWindow.innerHTML = SSUtilWindowHTML;
document.body.appendChild(SSUtilWindow);
$('#SSShiftLeftBtn').click(SSShiftLeftClick);
$('#SSShiftRightBtn').click(SSShiftRightClick);
$('#SSShiftUpBtn').click(SSShiftUpClick);
$('#SSShiftDownBtn').click(SSShiftDownClick);
$('#shiftAmount').keypress(function (event) {
if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) event.preventDefault();
});
// Keyboard shortcut support for direction shift (Alt+Arrow)
document.addEventListener(
'keydown',
function (e) {
if (!e.altKey) return;
// Prevent triggering when focus is in an input or textarea
const tag = e.target && e.target.tagName ? e.target.tagName.toLowerCase() : '';
if (tag === 'input' || tag === 'textarea') return;
switch (e.key) {
case 'ArrowLeft':
e.preventDefault();
SSShiftLeftClick(e);
break;
case 'ArrowRight':
e.preventDefault();
SSShiftRightClick(e);
break;
case 'ArrowUp':
e.preventDefault();
SSShiftUpClick(e);
break;
case 'ArrowDown':
e.preventDefault();
SSShiftDownClick(e);
break;
}
},
false
);
$('#collapserLink1').click(function () {
$('#divWrappers1').slideToggle('fast');
if ($('#collapser1').attr('class') == 'fa fa-caret-square-o-down') {
$('#collapser1').removeClass('fa-caret-square-o-down');
$('#collapser1').addClass('fa-caret-square-o-up');
} else {
$('#collapser1').removeClass('fa-caret-square-o-up');
$('#collapser1').addClass('fa-caret-square-o-down');
}
saveSettingsToStorage();
});
const loadedSettings = JSON.parse(localStorage.getItem('WME_SSUtil'));
const defaultSettings = {
divTop: '15%',
divLeft: '25%',
Expanded: true,
DisconnectNodes: false, // default to false (normal behavior)
};
_settings = loadedSettings ?? defaultSettings;
$('#SSUtilWindow').css('left', _settings.divLeft);
$('#SSUtilWindow').css('top', _settings.divTop);
$('#chkDisconnectNodes').prop('checked', _settings.DisconnectNodes); // Set checkbox state from settings
if (!_settings.Expanded) {
$('#divWrappers1').hide();
$('#collapser1').removeClass('fa-caret-square-o-up');
$('#collapser1').addClass('fa-caret-square-o-down');
}
sdk.Events.on({ eventName: 'wme-selection-changed', eventHandler: checkDisplayTool });
}
function saveSettingsToStorage() {
if (localStorage) {
_settings.divLeft = $('#SSUtilWindow').css('left');
_settings.divTop = $('#SSUtilWindow').css('top');
_settings.Expanded = $('#collapser1').attr('class').indexOf('fa-caret-square-o-up') > -1;
_settings.DisconnectNodes = $('#chkDisconnectNodes').is(':checked'); // Save checkbox state
localStorage.setItem('WME_SSUtil', JSON.stringify(_settings));
}
}
function checkDisplayTool() {
if (sdk.Editing.getSelection()?.objectType === 'segment') {
if (sdk.Editing.getSelection().length === 0) {
$('#SSUtilWindow').css({ visibility: 'hidden' });
} else {
$('#SSUtilWindow').css({ visibility: 'visible' });
if (typeof jQuery.ui !== 'undefined') {
$('#SSUtilWindow').draggable({
//Gotta nuke the height setting the dragging inserts otherwise the panel cannot collapse
stop: () => {
$('#SSUtilWindow').css('height', '');
saveSettingsToStorage();
},
});
}
}
} else {
$('#SSUtilWindow').css({ visibility: 'hidden' });
if (typeof jQuery.ui !== 'undefined') {
$('#SSUtilWindow').draggable({
stop: () => {
$('#SSUtilWindow').css('height', '');
saveSettingsToStorage();
},
});
}
}
}
function ShiftSegmentNodesLat(offset) {
const selectedSegmentIds = sdk.Editing.getSelection()?.ids;
if (!selectedSegmentIds || selectedSegmentIds.length === 0) {
return;
}
const numOffset = parseFloat(offset);
if (isNaN(numOffset)) {
console.error('SS UTIL: Invalid shift amount for Latitude.');
return;
}
const disconnectNodes = $('#chkDisconnectNodes').is(':checked'); // Checkbox state
sdk.Editing.doActions(() => {
const uniqueNodeIds = new Set();
if (!disconnectNodes) {
// Collect unique nodes from selected segments
for (const segmentId of selectedSegmentIds) {
const currentSegment = sdk.DataModel.Segments.getById({ segmentId });
if (currentSegment) {
uniqueNodeIds.add(currentSegment.fromNodeId);
uniqueNodeIds.add(currentSegment.toNodeId);
}
}
// Shift unique nodes
for (const nodeId of uniqueNodeIds) {
const node = sdk.DataModel.Nodes.getById({ nodeId });
if (node) {
let newNodeGeometry = structuredClone(node.geometry);
const nodeBearing = numOffset > 0 ? DIRECTION.NORTH : DIRECTION.SOUTH;
const nodeDistance = Math.abs(numOffset);
const currentNodePoint = node.geometry.coordinates;
const newNodePoint = turf.destination(currentNodePoint, nodeDistance, nodeBearing, { units: 'meters' });
newNodeGeometry.coordinates = newNodePoint.geometry.coordinates;
sdk.DataModel.Nodes.moveNode({ id: node.id, geometry: newNodeGeometry });
}
}
}
// Update Segment Geometries
for (const segmentId of selectedSegmentIds) {
const currentSegment = sdk.DataModel.Segments.getById({ segmentId });
if (currentSegment) {
let newGeometry = structuredClone(currentSegment.geometry);
const originalLength = currentSegment.geometry.coordinates.length;
const shiftDistance = Math.abs(numOffset);
const shiftBearing = numOffset > 0 ? DIRECTION.NORTH : DIRECTION.SOUTH;
if (disconnectNodes) {
// Shift all points including end nodes
for (let j = 0; j < originalLength; j++) {
const currentPoint = currentSegment.geometry.coordinates[j];
const newPoint = turf.destination(currentPoint, shiftDistance, shiftBearing, { units: 'meters' });
newGeometry.coordinates[j] = newPoint.geometry.coordinates;
}
} else {
// Shift only inner points
for (let j = 1; j < originalLength - 1; j++) {
const currentPoint = currentSegment.geometry.coordinates[j];
const newPoint = turf.destination(currentPoint, shiftDistance, shiftBearing, { units: 'meters' });
newGeometry.coordinates[j] = newPoint.geometry.coordinates;
}
// Update end points to match (potentially) moved nodes
const fromNodeAfterMove = sdk.DataModel.Nodes.getById({ nodeId: currentSegment.fromNodeId });
const toNodeAfterMove = sdk.DataModel.Nodes.getById({ nodeId: currentSegment.toNodeId });
if (fromNodeAfterMove && newGeometry.coordinates.length > 0) {
newGeometry.coordinates[0] = fromNodeAfterMove.geometry.coordinates;
}
if (toNodeAfterMove && newGeometry.coordinates.length > 1) {
newGeometry.coordinates[originalLength - 1] = toNodeAfterMove.geometry.coordinates;
}
}
sdk.DataModel.Segments.updateSegment({ segmentId: currentSegment.id, geometry: newGeometry });
}
}
}, 'Shifted segments vertically');
}
function ShiftSegmentNodesLon(offset) {
const selectedSegmentIds = sdk.Editing.getSelection()?.ids;
if (!selectedSegmentIds || selectedSegmentIds.length === 0) {
return;
}
const numOffset = parseFloat(offset);
if (isNaN(numOffset)) {
console.error('SS UTIL: Invalid shift amount for Longitude.');
return;
}
const disconnectNodes = $('#chkDisconnectNodes').is(':checked'); // Checkbox state
sdk.Editing.doActions(() => {
const uniqueNodeIds = new Set();
if (!disconnectNodes) {
for (const segmentId of selectedSegmentIds) {
const currentSegment = sdk.DataModel.Segments.getById({ segmentId });
if (currentSegment) {
uniqueNodeIds.add(currentSegment.fromNodeId);
uniqueNodeIds.add(currentSegment.toNodeId);
}
}
for (const nodeId of uniqueNodeIds) {
const node = sdk.DataModel.Nodes.getById({ nodeId });
if (node) {
let newNodeGeometry = structuredClone(node.geometry);
const nodeBearing = numOffset > 0 ? DIRECTION.EAST : DIRECTION.WEST;
const nodeDistance = Math.abs(numOffset);
const currentNodePoint = node.geometry.coordinates;
const newNodePoint = turf.destination(currentNodePoint, nodeDistance, nodeBearing, { units: 'meters' });
newNodeGeometry.coordinates = newNodePoint.geometry.coordinates;
sdk.DataModel.Nodes.moveNode({ id: node.id, geometry: newNodeGeometry });
}
}
}
for (const segmentId of selectedSegmentIds) {
const currentSegment = sdk.DataModel.Segments.getById({ segmentId });
if (currentSegment) {
let newGeometry = structuredClone(currentSegment.geometry);
const originalLength = currentSegment.geometry.coordinates.length;
const shiftDistance = Math.abs(numOffset);
const shiftBearing = numOffset > 0 ? DIRECTION.EAST : DIRECTION.WEST;
if (disconnectNodes) {
for (let j = 0; j < originalLength; j++) {
const currentPoint = currentSegment.geometry.coordinates[j];
const newPoint = turf.destination(currentPoint, shiftDistance, shiftBearing, { units: 'meters' });
newGeometry.coordinates[j] = newPoint.geometry.coordinates;
}
} else {
for (let j = 1; j < originalLength - 1; j++) {
const currentPoint = currentSegment.geometry.coordinates[j];
const newPoint = turf.destination(currentPoint, shiftDistance, shiftBearing, { units: 'meters' });
newGeometry.coordinates[j] = newPoint.geometry.coordinates;
}
const fromNodeAfterMove = sdk.DataModel.Nodes.getById({ nodeId: currentSegment.fromNodeId });
const toNodeAfterMove = sdk.DataModel.Nodes.getById({ nodeId: currentSegment.toNodeId });
if (fromNodeAfterMove && newGeometry.coordinates.length > 0) {
newGeometry.coordinates[0] = fromNodeAfterMove.geometry.coordinates;
}
if (toNodeAfterMove && newGeometry.coordinates.length > 1) {
newGeometry.coordinates[originalLength - 1] = toNodeAfterMove.geometry.coordinates;
}
}
sdk.DataModel.Segments.updateSegment({ segmentId: currentSegment.id, geometry: newGeometry });
}
}
}, 'Shifted segments horizontally');
}
//Left
function SSShiftLeftClick(e) {
e.stopPropagation();
ShiftSegmentNodesLon(-parseFloat($('#shiftAmount').val())); // Negative for West
WazeToastr.Alerts.info('WME Segment Shift Utility', `The segments are shifted by
${$('#shiftAmount').val()} Metres to the left.`, false, false, 1500);
}
//Right
function SSShiftRightClick(e) {
e.stopPropagation();
ShiftSegmentNodesLon(parseFloat($('#shiftAmount').val())); // Positive for East
WazeToastr.Alerts.info('WME Segment Shift Utility', `The segments are shifted by
${$('#shiftAmount').val()} Metres to the right.`, false, false, 1500);
}
//Up
function SSShiftUpClick(e) {
e.stopPropagation();
ShiftSegmentNodesLat(parseFloat($('#shiftAmount').val()));
WazeToastr.Alerts.info('WME Segment Shift Utility', `The segments are shifted by
${$('#shiftAmount').val()} Metres to the up.`, false, false, 1500);
}
//Down
function SSShiftDownClick(e) {
e.stopPropagation();
ShiftSegmentNodesLat(-parseFloat($('#shiftAmount').val()));
WazeToastr.Alerts.info('WME Segment Shift Utility', `The segments are shifted by
${$('#shiftAmount').val()} Metres to the down.`, false, false, 1500);
}
function injectCss() {
const css = [].join(' '); // No custom CSS needed if these were the only ones
$('').appendTo('head');
}
/*
Changelog
2025.07.04.01
- Added keyboard shortcuts (Alt + Arrow keys) for quick segment shifting in all four directions. This improves workflow speed and matches the behavior of other WME utility scripts.
*/
})();
Segment Shift Utility