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

Drag events on tracks with new style

Browse Source
This commit is contained in:
James Barnsley
2018-11-09 22:47:55 +13:00
parent 2dbdd42143
commit 5fa7e2fe09
11 changed files with 255 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -134,7 +134,7 @@ class TrackList extends React.Component{
let touch = e.touches[0];
let over = $(document.elementFromPoint(touch.clientX, touch.clientY));
if (!over.is('.track')){
over = over.closest('.track');
over = over.closest('.list__item--track');
}
$(document).find('.touch-drag-hover').removeClass('touch-drag-hover');
if (over.length > 0){
@ -153,12 +153,12 @@ class TrackList extends React.Component{
if (this.touch_dragging_tracks_keys){
let touch = e.changedTouches[0];
let over = $(document.elementFromPoint(touch.clientX, touch.clientY));
if (!over.is('.track')){
over = over.closest('.track');
if (!over.is('.list__item--track')){
over = over.closest('.list__item--track');
}
if (over.length > 0){
let siblings = over.parent().children('.track');
let dropped_at = siblings.index(over) - 1;
let siblings = over.parent().children('.list__item--track');
let dropped_at = siblings.index(over);
if (this.props.reorderTracks !== undefined){
this.props.reorderTracks(helpers.arrayOf('index',this.digestTracksKeys()),dropped_at);
@ -389,7 +389,7 @@ class TrackList extends React.Component{
return null;
}
var className = 'list track-list '+this.props.context
var className = 'list list--tracks '+this.props.context
if (this.props.className){
className += ' '+this.props.className
}