[Display Layout] Snap to grid toolbar toggle button (#2262)

* Add a  button in the toolbar to toggle snapp to grid.

* Convert item's coordinates and size from grid unit to pixels depending on useGrid value.

* Rename selectionListener to removeSelectionListener
This commit is contained in:
Pegah Sarram
2019-01-17 09:24:59 -08:00
committed by Pete Richards
parent 6b1e8862ef
commit 931871ff95
8 changed files with 83 additions and 7 deletions

View File

@ -154,6 +154,23 @@ define([], function () {
});
}
};
let useGrid = {
control: "toggle-button",
domainObject: selectedParent,
property: path + ".useGrid",
options: [
{
value: false,
icon: "icon-grid-snap-no",
title: "Do not snap to grid"
},
{
value: true,
icon: "icon-grid-snap-to",
title: "Snap to grid"
}
]
};
if (layoutItem.type === 'subobject-view') {
if (toolbar.length > 0) {
@ -177,6 +194,7 @@ define([], function () {
}
]
});
toolbar.push(useGrid);
toolbar.push(separator);
toolbar.push(remove);
} else {
@ -297,6 +315,8 @@ define([], function () {
height,
width,
separator,
useGrid,
separator,
remove
];
} else if (layoutItem.type === 'text-view' ) {
@ -321,6 +341,7 @@ define([], function () {
width,
separator,
text,
useGrid,
separator,
remove
];
@ -334,6 +355,8 @@ define([], function () {
height,
width,
separator,
useGrid,
separator,
remove
];
} else if (layoutItem.type === 'image-view') {
@ -354,6 +377,7 @@ define([], function () {
width,
separator,
url,
useGrid,
separator,
remove
];
@ -382,6 +406,8 @@ define([], function () {
x2,
y2,
separator,
useGrid,
separator,
remove
];
}