IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Canvas: Add support to rotate a group of elements (#87358)

Browse Source
This commit is contained in:
Nathan Marrs 2024-05-03 16:58:51 -06:00 committed by GitHub
parent 7bcda34b55
commit 1ef1cc7e3f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/app/features/canvas/runtime/element.tsx
View File

@ -489,11 +489,14 @@ export class ElementState implements LayerElement {
}; };
applyRotate = (event: OnRotate) => { applyRotate = (event: OnRotate) => {
const absoluteRotationDegree = event.absoluteRotation; const rotationDelta = event.delta;
const placement = this.options.placement!; const placement = this.options.placement!;
const placementRotation = placement.rotation ?? 0;
const calculatedRotation = placementRotation + rotationDelta;
// Ensure rotation is between 0 and 360 // Ensure rotation is between 0 and 360
placement.rotation = absoluteRotationDegree - Math.floor(absoluteRotationDegree / 360) * 360; placement.rotation = calculatedRotation - Math.floor(calculatedRotation / 360) * 360;
event.target.style.transform = event.transform; event.target.style.transform = event.transform;
}; };

8
public/app/features/canvas/runtime/scene.tsx
View File

@ -463,6 +463,14 @@ export class Scene {
targetedElement.applyRotate(event); targetedElement.applyRotate(event);
} }
}) })
.on('rotateGroup', (e) => {
for (let event of e.events) {
const targetedElement = this.findElementByTarget(event.target);
if (targetedElement) {
targetedElement.applyRotate(event);
}
}
})
.on('rotateEnd', () => { .on('rotateEnd', () => {
this.enableCustomables(); this.enableCustomables();
// Update the editor with the new rotation // Update the editor with the new rotation