define([

  'Backbone',

  //Template
  'text!templates/project-page/taskItemTemplate.html',

  'jquery-ui'
], function(

  Backbone,

  //Template
  itemTemplate

){

  var TaskItemView = Backbone.View.extend({

    template: _.template(itemTemplate),

    events: {
      'click' : 'selected'
    },

    initialize: function(title){
      this.$el.html(this.template({title: this.model.get('title')}));

      this.$el.draggable({
        revert: "invalid",
        scroll: false,
        cursor: "move",
        cursorAt: { top: 25, left: 10 },

        helper: function(event){
          var $target = $(event.currentTarget);
          $target.find('li').addClass('selected');

          var num = $('.selected').length - 1 || '';
          var helper = $target.clone();
          var span   = helper.find('span');
          var name   = span.text();

          helper.width('710px');

          if(num){ span.text(name + ' + ' + num); }
          return helper;
        }
      });

      return this;
    },

    selected: function(event){
      var $target = $(event.currentTarget).find('li');
      $target.toggleClass('selected');
    }

  });

  return TaskItemView;
});

@@ -90,21 +90,79 @@
 l',%0A
-%0A
   '
-jquery-ui
+text!templates/project-page/informationTemplate.html',%0A%0A  'bootstrap
 '%0A%5D,
@@ -213,16 +213,39 @@
 Template
+,%0A  informationTemplate
 %0A%0A)%7B%0A%0A  
@@ -326,16 +326,66 @@
 mplate),
+%0A    information: _.template(informationTemplate),
 %0A%0A    ev
@@ -547,566 +547,168 @@
 is.$
-el.draggable(%7B%0A        revert: %22invalid%22,%0A        scroll: false,%0A        cursor: %22move%22,%0A        cursorAt: %7B top: 25, left: 10 %7D,%0A%0A        helper: function(event)%7B%0A          var $target = $(event.currentTarget);%0A          $target.find('li').addClass('selected');%0A%0A          var num = $('.selected').length - 1 %7C%7C '';%0A          var helper = $target.clone();%0A          var span   = helper.find('span');%0A          var name   = span.text();%0A%0A          helper.width('710px');%0A%0A          if(num)%7B span.text(name + ' + ' + num); %7D%0A          return helper;%0A        %7D
+('li').popover(%7B%0A        title: this.model.get('title'),%0A        trigger: 'hover',%0A        content: ' ',%0A        template: this.information(this.model.toJSON())
 %0A   

Remove drag and drop