search

caseywatts / emberattendance

0 stars 0 forks source link

Drag and Drop #5

Open caseywatts opened 10 years ago

caseywatts commented 10 years ago

I want to be able to drag someone from one list to another, in a lot of ways that's a better interface than clicking on the card. https://medium.com/delightful-ui-for-ember-apps/ember-js-and-html5-drag-and-drop-fa5dfe478a9a

caseywatts commented 10 years ago

Works on my computer! Trying to get it on a phone to test now.

caseywatts commented 10 years ago

Oop no go on the phone. more research reveals that draggable doesn't work on moblie, I need some custom javascript code to watch for a touchmove event - bleh.

Some research: http://stackoverflow.com/questions/6600950/native-html5-drag-and-drop-in-mobile-safari-ipad-ipod-iphone http://mobiforge.com/design-development/touch-friendly-drag-and-drop https://www.npmjs.org/package/drag-drop-webkit-mobile

caseywatts commented 10 years ago

Aaand I did it!

Using this shim: https://github.com/timruffles/ios-html5-drag-drop-shim

also did some css to make the dropzones clearer (totally inspired from the medium tutorial) It's on caseywatts.github.io/emberattendance/ ready to be played with!