openproject/assets/javascripts/task.js

/**************************************
  TASK
***************************************/

RB.Task = RB.Object.create(RB.Story, {
  
  initialize: function(el){
    var j;  // This ensures that we use a local 'j' variable, not a global one.
    
    this.$ = j = $(el);
    this.el = el;
    
    j.addClass("task"); // If node is based on #task_template, it doesn't have the story class yet

    // Associate this object with the element for later retrieval
    j.data('this', this);

    // Observe click events in certain fields
    j.find('.editable').bind('mouseup', this.triggerEdit);
  },

  additionalInfo: function(){
    var cellID = this.$.parent('td').first().attr('id').split("_");
    return "&parent_issue_id=" + cellID[0];

  },

  checkSubjectLength: function(){
  },
  
  handleKeyup: function(event){
    var j = $(this).parents('.task').first();
    var that = j.data('this');

    switch(event.which){
      case 13   : that.saveEdits();   // Enter
                  break;
      case 27   : that.cancelEdit();     // ESC
                  break;
      default   : return true;
    }
  },

  markSaving: function(){
    this.$.addClass('saving');
  },
  
  saveURL: function(){
    console.log(RB.urlFor[(this.isNew() ? 'create_task' : 'update_task')]);
    return RB.urlFor[(this.isNew() ? 'create_task' : 'update_task')];
  },
    
  triggerEdit: function(event){
    // Get the task since what was clicked was a field
    var j = $(this).parents('.task').first();
    
    if(!j.hasClass('editing') && !j.hasClass('dragging')){
      j.data('this').edit();
      
      // Focus on the input corresponding to the field clicked
      j.find( '.' + $(event.currentTarget).attr('fieldname') + '.editor' ).focus();
    }
  },

  unmarkSaving: function(){
    this.$.removeClass('saving');
  }  
  
});