mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-28 12:28:50 +03:00
Code Issues Projects Releases Packages Wiki Activity

support associating an id with a resize item/handle

Browse source
This commit is contained in:
Bruno Windels 2018-11-26 16:46:27 +01:00
parent 35fc5307b6
commit f7a37be6dd
2 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/views/elements/ResizeHandle.js
View file

@ -14,7 +14,7 @@ const ResizeHandle = (props) => {
classNames.push('mx_ResizeHandle_reverse'); classNames.push('mx_ResizeHandle_reverse');
} }
return ( return (
<div className={classNames.join(' ')} /> <div className={classNames.join(' ')} data-id={props.id} />
); );
}; };

15
src/resizer/resizer.js
View file

@ -64,9 +64,20 @@ export class Resizer {
forHandleAt(handleIndex) { forHandleAt(handleIndex) {
const handles = this._getResizeHandles(); const handles = this._getResizeHandles();
const handle = handles[handleIndex]; const handle = handles[handleIndex];
if (handle) {
const {distributor} = this._createSizerAndDistributor(handle); const {distributor} = this._createSizerAndDistributor(handle);
return distributor; return distributor;
} }
}
forHandleWithId(id) {
const handles = this._getResizeHandles();
const handle = handles.find((h) => h.getAttribute("data-id") === id);
if (handle) {
const {distributor} = this._createSizerAndDistributor(handle);
return distributor;
}
}
_isResizeHandle(el) { _isResizeHandle(el) {
return el && el.classList.contains(this.classNames.handle); return el && el.classList.contains(this.classNames.handle);
@ -79,6 +90,7 @@ export class Resizer {
} }
// prevent starting a drag operation // prevent starting a drag operation
event.preventDefault(); event.preventDefault();
// mark as currently resizing // mark as currently resizing
if (this.classNames.resizing) { if (this.classNames.resizing) {
this.container.classList.add(this.classNames.resizing); this.container.classList.add(this.classNames.resizing);
@ -115,9 +127,10 @@ export class Resizer {
// if reverse, resize the item after the handle instead of before, so + 1 // if reverse, resize the item after the handle instead of before, so + 1
const itemIndex = items.indexOf(prevItem) + (reverse ? 1 : 0); const itemIndex = items.indexOf(prevItem) + (reverse ? 1 : 0);
const item = items[itemIndex]; const item = items[itemIndex];
const id = resizeHandle.getAttribute("data-id");
// eslint-disable-next-line new-cap // eslint-disable-next-line new-cap
const distributor = new this.distributorCtor( const distributor = new this.distributorCtor(
sizer, item, this.distributorCfg, sizer, item, id, this.distributorCfg,
items, this.container); items, this.container);
return {sizer, distributor}; return {sizer, distributor};
} }