secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Simplifying support for touchhold (not in progress)

Browse Source
This commit is contained in:
James Barnsley
2017-03-09 08:54:06 +13:00
parent 124c43c29d
commit a8a47b86a9
1 changed files with 9 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/js/components/TrackList.js
View File

@ -74,7 +74,13 @@ class TrackList extends React.Component{
this._touch_x > ( pageX - this._touch_threshold ) &&
this._touch_y < ( pageY + this._touch_threshold ) &&
this._touch_y > ( pageY - this._touch_threshold ) ){
this.handleTouchContextMenu(e,index)
// toggle selection
var tracks = this.state.tracks
tracks[index].selected = !tracks[index].selected
this.setState({ tracks: tracks, lastSelectedTrack: index })
//this.handleContextMenu(e)
}
e.preventDefault()
@ -122,7 +128,7 @@ class TrackList extends React.Component{
}
}
handleContextMenu(e,index){
handleContextMenu(e){
var selected_tracks = this.selectedTracks()
var data = {
e: e,
@ -135,29 +141,6 @@ class TrackList extends React.Component{
this.props.uiActions.showContextMenu(data)
}
handleTouchContextMenu(e,index){
// toggle selection
var tracks = this.state.tracks
tracks[index].selected = !tracks[index].selected
this.setState({ tracks: tracks, lastSelectedTrack: index })
// update our context menu to hide/show
var selected_tracks = this.selectedTracks()
if( selected_tracks.length > 0 ){
var data = {
context: (this.props.context ? this.props.context : 'track'),
tracklist_uri: (this.props.uri ? this.props.uri : null),
items: selected_tracks,
uris: helpers.asURIs(selected_tracks),
indexes: this.tracksIndexes(selected_tracks)
}
this.props.uiActions.showTouchContextMenu(data)
}else{
this.props.uiActions.hideTouchContextMenu()
}
}
toggleTrackSelections(e,index){
var tracks = this.state.tracks
var lastSelectedTrack = this.state.lastSelectedTrack
@ -323,7 +306,7 @@ class TrackList extends React.Component{
handleMouseDown={ e => self.handleMouseDown(e, index)}
handleTouchStart={ e => self.handleTouchStart(e, index)}
handleTouchEnd={ e => self.handleTouchEnd(e, index)}
handleContextMenu={ e => self.handleContextMenu(e, index)} />
handleContextMenu={ e => self.handleContextMenu(e)} />
}
)
}