aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/MapBox/MapBox2.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/MapBox/MapBox2.tsx')
-rw-r--r--src/client/views/nodes/MapBox/MapBox2.tsx34
1 files changed, 17 insertions, 17 deletions
diff --git a/src/client/views/nodes/MapBox/MapBox2.tsx b/src/client/views/nodes/MapBox/MapBox2.tsx
index 1dbbbb633..722a347f1 100644
--- a/src/client/views/nodes/MapBox/MapBox2.tsx
+++ b/src/client/views/nodes/MapBox/MapBox2.tsx
@@ -127,7 +127,7 @@
// private _ref: React.RefObject<HTMLDivElement> = React.createRef();
// componentDidMount() {
-// this.props.setContentView?.(this);
+// this._props.setContentView?.(this);
// }
// @action
@@ -358,9 +358,9 @@
// e,
// (e, down, delta) =>
// runInAction(() => {
-// const localDelta = this.props
+// const localDelta = this._props
// .ScreenToLocalTransform()
-// .scale(this.props.NativeDimScaling?.() || 1)
+// .scale(this._props.NativeDimScaling?.() || 1)
// .transformDirection(delta[0], delta[1]);
// const fullWidth = NumCast(this.layoutDoc._width);
// const mapWidth = fullWidth - this.sidebarWidth();
@@ -380,12 +380,12 @@
// );
// };
-// sidebarWidth = () => (Number(this.layout_sidebarWidthPercent.substring(0, this.layout_sidebarWidthPercent.length - 1)) / 100) * this.props.PanelWidth();
+// sidebarWidth = () => (Number(this.layout_sidebarWidthPercent.substring(0, this.layout_sidebarWidthPercent.length - 1)) / 100) * this._props.PanelWidth();
// @computed get layout_sidebarWidthPercent() {
// return StrCast(this.layoutDoc._layout_sidebarWidthPercent, '0%');
// }
// @computed get sidebarColor() {
-// return StrCast(this.layoutDoc.sidebar_color, StrCast(this.layoutDoc[this.props.fieldKey + '_backgroundColor'], '#e4e4e4'));
+// return StrCast(this.layoutDoc.sidebar_color, StrCast(this.layoutDoc[this._props.fieldKey + '_backgroundColor'], '#e4e4e4'));
// }
// /**
@@ -444,7 +444,7 @@
// key="sidebar"
// title="Toggle Sidebar"
// style={{
-// display: !this.props.isContentActive() ? 'none' : undefined,
+// display: !this._props.isContentActive() ? 'none' : undefined,
// top: StrCast(this.layoutDoc._layout_showTitle) === 'title' ? 20 : 5,
// backgroundColor: this.SidebarShown ? Colors.MEDIUM_BLUE : Colors.BLACK,
// }}
@@ -481,7 +481,7 @@
// };
// pointerEvents = () => {
-// return this.props.isContentActive() === false ? 'none' : this.props.isContentActive() && this.props.pointerEvents?.() !== 'none' && !MarqueeOptionsMenu.Instance.isShown() ? 'all' : SnappingManager.IsDragging ? undefined : 'none';
+// return this._props.isContentActive() === false ? 'none' : this._props.isContentActive() && this._props.pointerEvents?.() !== 'none' && !MarqueeOptionsMenu.Instance.isShown() ? 'all' : SnappingManager.IsDragging ? undefined : 'none';
// };
// @computed get annotationLayer() {
// return (
@@ -489,7 +489,7 @@
// {this.inlineTextAnnotations
// .sort((a, b) => NumCast(a.y) - NumCast(b.y))
// .map(anno => (
-// <Annotation key={`${anno[Id]}-annotation`} {...this.props} fieldKey={this.annotationKey} pointerEvents={this.pointerEvents} showInfo={this.showInfo} dataDoc={this.dataDoc} anno={anno} />
+// <Annotation key={`${anno[Id]}-annotation`} {...this._props} fieldKey={this.annotationKey} pointerEvents={this.pointerEvents} showInfo={this.showInfo} dataDoc={this.dataDoc} anno={anno} />
// ))}
// </div>
// );
@@ -515,13 +515,13 @@
// // }
// };
-// panelWidth = () => this.props.PanelWidth() / (this.props.NativeDimScaling?.() || 1) - this.sidebarWidth();
-// panelHeight = () => this.props.PanelHeight() / (this.props.NativeDimScaling?.() || 1);
-// scrollXf = () => this.props.ScreenToLocalTransform().translate(0, NumCast(this.layoutDoc._layout_scrollTop));
-// transparentFilter = () => [...this.props.childFilters(), Utils.TransparentBackgroundFilter];
-// opaqueFilter = () => [...this.props.childFilters(), Utils.OpaqueBackgroundFilter];
-// infoWidth = () => this.props.PanelWidth() / 5;
-// infoHeight = () => this.props.PanelHeight() / 5;
+// panelWidth = () => this._props.PanelWidth() / (this._props.NativeDimScaling?.() || 1) - this.sidebarWidth();
+// panelHeight = () => this._props.PanelHeight() / (this._props.NativeDimScaling?.() || 1);
+// scrollXf = () => this._props.ScreenToLocalTransform().translate(0, NumCast(this.layoutDoc._layout_scrollTop));
+// transparentFilter = () => [...this._props.childFilters(), Utils.TransparentBackgroundFilter];
+// opaqueFilter = () => [...this._props.childFilters(), Utils.OpaqueBackgroundFilter];
+// infoWidth = () => this._props.PanelWidth() / 5;
+// infoHeight = () => this._props.PanelHeight() / 5;
// anchorMenuClick = () => this._sidebarRef.current?.anchorMenuClick;
// savedAnnotations = () => this._savedAnnotations;
@@ -556,7 +556,7 @@
// .map(marker => (
// <MapBoxInfoWindow
// key={marker[Id]}
-// {...this.props}
+// {...this._props}
// setContentView={emptyFunction}
// place={marker}
// markerMap={this.markerMap}
@@ -575,7 +575,7 @@
// <div className="MapBox2-sidebar" style={{ width: `${this.layout_sidebarWidthPercent}`, backgroundColor: `${this.sidebarColor}` }}>
// <SidebarAnnos
// ref={this._sidebarRef}
-// {...this.props}
+// {...this._props}
// fieldKey={this.fieldKey}
// Document={this.Document}
// layoutDoc={this.layoutDoc}