Meteor-Dragula

I wanted to provide drag and drop interfaces to a meteor project without introducing complexity or breaking reactivity. Dragula worked out of the box with Meteor's templating. Living up to its tagline:

Drag and drop so simple it hurts

Full documentation at the source: https://github.com/bevacqua/dragula

Getting Started

Add the package

meteor add ahref:dragula

Create a template with some containers

<template name="dragList">
<div class='wrapper'>
  <div id='left1' class='container'>
    {{#each items}}
      <div>{{name}}</div>
    {{/each}}
  </div>
  <div id='right1' class='container'>
  </div>
</div>
</template>

Initialize dragula in onRendered on the template

Template.dragList.onRendered(function(){
  dragula([document.querySelector('#left1'), document.querySelector('#right1')]);
});

Example App

There's an example meteor app in example/ that includes Meteor Toys, run it and use Mongol to manipulate the items collection to check the reactivity.

Package Development

This package uses git submodules after cloning run the following commands to pull in dragula:

git submodule init
git submodule update

#Changelog

1.0.6

Upgrade dragular 3.5.4

1.0.5

Upgrade dragular 3.5.1

1.0.4

Update Dragula to version 3.0.7

1.0.2

Update git url to not 404

1.0.1

Initial release to Atmosphere

dbourguignon/meteor-dragula