aboutsummaryrefslogtreecommitdiff
path: root/src/views/ContextMenu.tsx
diff options
context:
space:
mode:
authorAndrew Kim <andrewdkim@users.noreply.github.com>2019-03-05 18:51:20 -0500
committerAndrew Kim <andrewdkim@users.noreply.github.com>2019-03-05 18:51:20 -0500
commit7f93e6639e8fee3e3760d13c69d65b343875091a (patch)
treed29b45310f92a53935177d969ce3c1bee9920c32 /src/views/ContextMenu.tsx
parent9b839a93b98b850aa77087218d4862b97fb24d15 (diff)
parent2cc5eb6ff512dc6128d25903bcb852f25bcadcca (diff)
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into PDFNode
Diffstat (limited to 'src/views/ContextMenu.tsx')
-rw-r--r--src/views/ContextMenu.tsx68
1 files changed, 0 insertions, 68 deletions
diff --git a/src/views/ContextMenu.tsx b/src/views/ContextMenu.tsx
deleted file mode 100644
index 4f26a75d2..000000000
--- a/src/views/ContextMenu.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import React = require("react");
-import { ContextMenuItem, ContextMenuProps } from "./ContextMenuItem";
-import { observable } from "mobx";
-import { observer } from "mobx-react";
-import "./ContextMenu.scss"
-
-@observer
-export class ContextMenu extends React.Component {
- static Instance: ContextMenu
-
- @observable private _items: Array<ContextMenuProps> = [{ description: "test", event: (e: React.MouseEvent) => e.preventDefault() }];
- @observable private _pageX: number = 0;
- @observable private _pageY: number = 0;
- @observable private _display: string = "none";
-
- private ref: React.RefObject<HTMLDivElement>;
-
- constructor(props: Readonly<{}>) {
- super(props);
-
- this.ref = React.createRef()
-
- ContextMenu.Instance = this;
- }
-
- clearItems() {
- this._items = []
- this._display = "none"
- }
-
- addItem(item: ContextMenuProps) {
- if (this._items.indexOf(item) === -1) {
- this._items.push(item);
- }
- }
-
- getItems() {
- return this._items;
- }
-
- displayMenu(x: number, y: number) {
- this._pageX = x
- this._pageY = y
-
- this._display = "flex"
- }
-
- intersects = (x: number, y: number): boolean => {
- if (this.ref.current && this._display !== "none") {
- if (x >= this._pageX && x <= this._pageX + this.ref.current.getBoundingClientRect().width) {
- if (y >= this._pageY && y <= this._pageY + this.ref.current.getBoundingClientRect().height) {
- return true;
- }
- }
- }
- return false;
- }
-
- render() {
- return (
- <div className="contextMenu-cont" style={{ left: this._pageX, top: this._pageY, display: this._display }} ref={this.ref}>
- {this._items.map(prop => {
- return <ContextMenuItem {...prop} key={prop.description} />
- })}
- </div>
- )
- }
-} \ No newline at end of file