diff options
| -rw-r--r-- | src/client/views/collections/CollectionStaffView.scss | 13 | ||||
| -rw-r--r-- | src/client/views/collections/CollectionStaffView.tsx | 53 | ||||
| -rw-r--r-- | src/client/views/collections/CollectionView.tsx | 33 |
3 files changed, 16 insertions, 83 deletions
diff --git a/src/client/views/collections/CollectionStaffView.scss b/src/client/views/collections/CollectionStaffView.scss deleted file mode 100644 index 493a5f670..000000000 --- a/src/client/views/collections/CollectionStaffView.scss +++ /dev/null @@ -1,13 +0,0 @@ -.collectionStaffView { - .collectionStaffView-staff { - width: 100%; - margin-top: 100px; - margin-bottom: 100px; - } - - .collectionStaffView-line { - margin: 10px; - height: 2px; - background: black; - } -}
\ No newline at end of file diff --git a/src/client/views/collections/CollectionStaffView.tsx b/src/client/views/collections/CollectionStaffView.tsx deleted file mode 100644 index c025e94a8..000000000 --- a/src/client/views/collections/CollectionStaffView.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import { CollectionSubView } from "./CollectionSubView"; -import React = require("react"); -import { computed, action, IReactionDisposer, reaction, runInAction, observable } from "mobx"; -import { NumCast } from "../../../fields/Types"; -import "./CollectionStaffView.scss"; -import { observer } from "mobx-react"; - -@observer -export class CollectionStaffView extends CollectionSubView() { - private _reactionDisposer: IReactionDisposer | undefined; - @observable private _staves = NumCast(this.props.Document.staves); - - componentWillUnmount() { - this._reactionDisposer?.(); - } - componentDidMount = () => { - this._reactionDisposer = reaction(() => NumCast(this.props.Document.staves), - (staves) => runInAction(() => this._staves = staves) - ); - - this.props.Document.staves = 5; - } - - @computed get addStaffButton() { - return <div onPointerDown={this.addStaff}>+</div>; - } - - @computed get staves() { - const staves = []; - for (let i = 0; i < this._staves; i++) { - const rows = []; - for (let j = 0; j < 5; j++) { - rows.push(<div key={`staff-${i}-${j}`} className="collectionStaffView-line"></div>); - } - staves.push(<div key={`staff-${i}`} className="collectionStaffView-staff"> - {rows} - </div>); - } - return staves; - } - - @action - addStaff = (e: React.PointerEvent) => { - this.props.Document.staves = this._staves + 1; - } - - render() { - return <div className="collectionStaffView"> - {this.staves} - {this.addStaffButton} - </div>; - } -}
\ No newline at end of file diff --git a/src/client/views/collections/CollectionView.tsx b/src/client/views/collections/CollectionView.tsx index c2062e8ab..f10d33f03 100644 --- a/src/client/views/collections/CollectionView.tsx +++ b/src/client/views/collections/CollectionView.tsx @@ -124,23 +124,22 @@ export class CollectionView extends ViewBoxAnnotatableComponent<ViewBoxAnnotatab if (type === undefined) return null; switch (type) { default: - case CollectionViewType.Freeform: return <CollectionFreeFormView key="collview" {...props} />; - case CollectionViewType.Docking: return <CollectionDockingView key="collview" {...props} />; - case CollectionViewType.Schema: return <CollectionSchemaView key="collview" {...props} />; - case CollectionViewType.Docking: return <CollectionDockingView key="collview" {...props} />; - case CollectionViewType.Tree: return <CollectionTreeView key="collview" {...props} />; - case CollectionViewType.Multicolumn: return <CollectionMulticolumnView key="collview" {...props} />; - case CollectionViewType.Multirow: return <CollectionMultirowView key="collview" {...props} />; - case CollectionViewType.Linear: return <CollectionLinearView key="collview" {...props} />; - case CollectionViewType.Pile: return <CollectionPileView key="collview" {...props} />; - case CollectionViewType.Carousel: return <CollectionCarouselView key="collview" {...props} />; - case CollectionViewType.Carousel3D: return <CollectionCarousel3DView key="collview" {...props} />; - case CollectionViewType.Stacking: return <CollectionStackingView key="collview" {...props} />; - case CollectionViewType.NoteTaking: return <CollectionNoteTakingView key="collview" {...props} />; - case CollectionViewType.Masonry: return <CollectionStackingView key="collview" {...props} />; - case CollectionViewType.Time: return <CollectionTimeView key="collview" {...props} />; - case CollectionViewType.Grid: return <CollectionGridView key="collview" {...props} />; - //case CollectionViewType.Staff: return <CollectionStaffView key="collview" {...props} />; + case CollectionViewType.Freeform: return <CollectionFreeFormView key="collview" {...props} />; + case CollectionViewType.Docking: return <CollectionDockingView key="collview" {...props} />; + case CollectionViewType.Schema: return <CollectionSchemaView key="collview" {...props} />; + case CollectionViewType.Docking: return <CollectionDockingView key="collview" {...props} />; + case CollectionViewType.Tree: return <CollectionTreeView key="collview" {...props} />; + case CollectionViewType.Multicolumn: return <CollectionMulticolumnView key="collview" {...props} />; + case CollectionViewType.Multirow: return <CollectionMultirowView key="collview" {...props} />; + case CollectionViewType.Linear: return <CollectionLinearView key="collview" {...props} />; + case CollectionViewType.Pile: return <CollectionPileView key="collview" {...props} />; + case CollectionViewType.Carousel: return <CollectionCarouselView key="collview" {...props} />; + case CollectionViewType.Carousel3D: return <CollectionCarousel3DView key="collview" {...props} />; + case CollectionViewType.Stacking: return <CollectionStackingView key="collview" {...props} />; + case CollectionViewType.NoteTaking: return <CollectionNoteTakingView key="collview" {...props} />; + case CollectionViewType.Masonry: return <CollectionStackingView key="collview" {...props} />; + case CollectionViewType.Time: return <CollectionTimeView key="collview" {...props} />; + case CollectionViewType.Grid: return <CollectionGridView key="collview" {...props} />; } }; |