JList.js

function ListContainer(title) {
  
  this.title = title;
  
  this.createList = function() {
     var container = this.renderContainer();
     container.appendChild(this.renderLoad());
     container.appendChild(this.renderBucketContainer());
     return container;
  };


  this.renderBucket = function(id) {
    var bucket = JHtml.div(id,'');
    return bucket;
  };

  this.renderBucketContainer = function() {
    var bucketc = JHtml.div(SortList.bucketContainerName(this.title),  
                                'width: 100%; margin: 0px; background-color: #B5BDC1;' + 
                                'padding: 0px;  height: ' + (configHeight - 38) + 'px; ' + 
                                '-moz-box-shadow: 0px -3px 5px 0px #c0c0c0 inset;' + 
                                '-webkit-box-shadow: 0px -3px 5px 0px #c0c0c0 inset;' + 
                                'overflow-y: auto; overflow-x: hidden;' +
                                '-webkit-box-shadow: 0px 0px 0px 0px #c0c0c0; ');
    return bucketc;
  };

  this.renderLoad = function() {
    var loadLayer = JHtml.div(SortList.bucketContainerName(this.title) + '-loading');
    loadLayer.setAttribute('style','position: absolute; width: 100%; height: 100%;' +  
                                'opacity: 0.4; background-color: #000000; ' + 
                                'float: left; z-index: 200;');
    var loadingText = JHtml.div();
    loadingText.setAttribute('style','width: 150px; margin: 200px auto; color: white; ' + 
                                'border: 2px solid white; text-align: center; padding: 10px;');
    loadingText.innerHTML = "Loading...";
    loadLayer.appendChild(loadingText);
    return loadLayer;
  };

  this.renderContainer = function() {
    var newContainer = JHtml.div(SortList.containerName(this.title), 
                                'overflow: hidden; background-color: #FFFFFF; ' +
                                'border: 1px solid #c0c0c0; padding: 0px; ' +
                                '-webkit-border-radius:15px 15px 0px 0px; ' + 
                                'float: left; width: 12%; margin-left: 10px; ' + 
                                'margin-right: 0px; -moz-border-radius:15px 15px 0px 0px; ' + 
                                'height: ' + configHeight + 'px; padding-top: 0px; position: relative');
    var titleContainer = JHtml.div('',  
                                'width: 95%; margin-top: 0px; ' + 
                                'font-size: 12px; height: 24px; font-weight: bold; ' + 
                                'padding-top: 2px; padding-bottom: 2px; ' +
                                'text-align: left; padding-left: 20px;');
    var subTitleContainer = JHtml.div('subtitle-' + this.title,
                                '-moz-box-shadow: 0px 5px 5px 0px #c0c0c0;' + 
                                '-webkit-box-shadow: 0px 5px 5px 0px #c0c0c0;' + 
                                'background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e0e0e0));' + 
                                'width: 100%; margin-top: 0px; font-size: 12px;' +
                                'padding-top: 2px; padding-bottom: 2px; height: 20px;' +
                                'padding-left: 10px;' +
                                'border-bottom: 1px solid #c0c0c0;');
    var bugs = JHtml.div('bugs-count-' + this.title,
                                'padding-left: 20px; padding-top: 2px;' +
                                'background-image: url(/images/warning.png); ' +
                                'background-repeat: no-repeat; float: left;');
    var features = JHtml.div('features-count-' + this.title,
                                'padding-left: 20px; padding-top: 2px; margin-left: 10px;' +
                                'background-image: url(/images/package.png); ' +
                                'background-repeat: no-repeat; float: left;');
    var tasks = JHtml.div('tasks-count-' + this.title,
                                'padding-top: 2px; float: left; margin-left: 10px;');

    var dificulty = JHtml.div('dificulty-count-' + this.title,
                                'padding-top: 2px; float: right; margin-right: 15px;');

    subTitleContainer.appendChild(bugs);
    subTitleContainer.appendChild(features);
    subTitleContainer.appendChild(tasks);
    subTitleContainer.appendChild(dificulty);
  
    var titleH = JHtml.span();
    titleH.setAttribute('style','width: 36%; cursor: text; font-size: 14px; ' + 
                                'font-weight: bold; margin: 0px; padding: 0px;');
    titleH.setAttribute('onclick','listCollection.list("' + title + '").editTitle(this)');
    titleH.innerHTML = this.title;
    var rawOptions = JHtml.div('raw-options-' + this.title, 
                                'font-size: 10px; float: right; width: 10%; padding-top: 4px;');
    var rawLink = JHtml.a();
    rawLink.setAttribute('style', 'padding-left: 20px; padding-bottom: 3px; background-image: url(/images/copy.png); ' + 
                                'background-repeat: no-repeat; cursor: pointer;');
    rawLink.setAttribute('onclick', 'listCollection.list("' + this.title + '").getRawList(true);');
    rawLink.innerHTML = 'Changelog';
    rawOptions.appendChild(rawLink);
    
    var colorOptions = JHtml.div('',
                                'font-size: 10px; float: right; width: 50%; ' + 
                                'height: 14px; padding-right: 15px; padding-top: 2px; text-align: right;');
    colorOptions.innerHTML = 'color:';
    for(var i=0; i<Colors.list.length;i++) {
      var color = Colors.list[i];
      var colorPick = JHtml.div('',
                                'cursor: pointer; float: right; width: 10px; height: 10px; ' + 
                                'margin: 1px; border: 1px solid #c0c0c0; background-color: ' + color + ';');
      colorPick.setAttribute('onclick','listCollection.list("' + this.title + '").setColor("' + color + '")');
      colorOptions.appendChild(colorPick);
    }
    // and we add the automatic coloring:
    var colorPick = JHtml.div('',
                            'cursor: pointer; float: right; width: 10px; height: 10px; font-size: 10px;' + 
                            'margin: 1px; border: 1px solid #c0c0c0; background-color: #FFFFFF;' + 
                            'text-align: center;');
    colorPick.setAttribute('onclick','listCollection.list("' + this.title + '").setAutoColor()');
    colorPick.innerHTML = 'a';
    colorOptions.appendChild(colorPick);

    titleContainer.appendChild(titleH);
    titleContainer.appendChild(colorOptions);
    titleContainer.appendChild(rawOptions);
    newContainer.appendChild(titleContainer);
    newContainer.appendChild(subTitleContainer);
    return newContainer;
  };

  this.html = this.createList();
}


function List(list) {
  this.url = list[0];
  this.color = list[1];
  this.title = list[2];
  this.tasks = [];
  this.template = [];
  // Properties are the ones we set to the
  // items integrated to the list.
  // For example, when a bug is moved to a task
  // list, then the bug becomes... task!
  this.properties = [];

  // Helpers to containers names
  this.taskTypeName = function() { return this.title.split(' ').join('-'); };
  this.containerName = function() { return this.title.split(' ').join('-') + '-title'; };
  this.bucketContainerName = function() { return this.title.split(' ').join('-') + '-bucket-container'; };
  this.ticketContainerName = function(ticket) { return ticket + '-container'};
  
  // And now the variables
  this.containerName = this.bucketContainerName();
  this.taskType = this.taskTypeName();
  this.container = new ListContainer(this.title);
  this.isFiltered = list[3] ? list[3] : 0;
  this.fieldFiltered = list[4] ? list[4] : '';

  this.task = function(taskId) {
    for(var i=0;i<this.tasks.length;i++) {
      if(this.tasks[i].taskId == taskId) {
        return this.tasks[i];  
      }  
    }
  };

  // ------------------ Group by filters -------------------------

  this.toggleTasks = function(filter) {
    var ids = filter.ids;
    var field = filter.field;
    var title = filter.title;

    for(var t=0;t<this.tasks.length;t++) {
      for(var d =0;d<ids.length;d++) {
        if(this.tasks[t][field] == ids[d]) {
          this.tasks[t].toggle();
        }
      }
    }

    var st = document.getElementById('subtitle-' + this.title + '-' + title);
    if(st.style.color == 'white')
      st.style.color = 'gray';
    else
      st.style.color = 'white';
  };
 
  // If reordered is been called, means that
  // a task has been moved around.
  // Lets check if the task has been moved
  // out of its filter. If so, then the property
  // of that task needs to be changed!
  // if there is variuos IDs for a filter, then
  // the first element of that filter will
  // be selected for.
  this.reordered = function(divElement, filterField) {
    if(listCollection.lists[0].isFiltered == 0) return null;
    if(!divElement) return null;
    var tasks = $(divElement).childNodes;
    var filterValue = 0;
    for(var i=0;i<tasks.length; i++) {
      var task = tasks[i];
      if(task.className.match('joax-redmine-title')) {
        filterValue = task.getAttribute('titleId');
      } else {
        task_id = task.getAttribute('taskId');
        taskChanged = listCollection.task(task_id);
        if(taskChanged) {
          if(taskChanged.priorityId && parseInt(taskChanged.priorityId) != parseInt(filterValue)) {
            if(taskChanged.setPriority && filterField == 'priorityId' && taskChanged.setPriority)
              taskChanged.setPriority(filterValue, false);
            else if(filterField == 'versionId' && taskChanged.setVersion)
              taskChanged.setVersion(filterValue, false);
          }
        }
      }
    }
  };

  this.subTitle = function(title, field, ids) {

    var dificulty = 0;
    var people = 0;
    if(this.fieldFiltered == 'priorityId') { 
      dificulty = this.priorityDificulty(ids);
      people    = this.priorityPeople(ids);
    } else {
      dificulty = this.versionDificulty(ids);
      people    = this.versionPeople(ids);
    }
   


    var sTitle = JHtml.div('subtitle-' + this.title + '-' + title);
    sTitle.setAttribute('style','display: inline-block; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(gray));' + 
                        'background-image: -moz-linear-gradient(top center, black, gray); color: white; cursor: pointer;' +
                        'font-size: 12px; font-weight: bold; padding: 3px;');
    if(ids)
      sTitle.setAttribute('onclick','listCollection.list("' + this.title + '").toggleTasks({ title: "' + title + '",  field: "' + field + '", ids: [ ' + ids.join(',') +' ]})');
    var text = JHtml.div();
    text.setAttribute('style','float: left; margin-left: 10px;');
    text.innerHTML = title;
    var options = JHtml.div();
    options.setAttribute('style','float: right; width: 60px; font-size: 10px; padding-top: 2px; margin-right: 5px;');
    options.innerHTML = dificulty + '/' + people;
    options.setAttribute('onclick','');
    sTitle.appendChild(text);
    sTitle.appendChild(options);
    sTitle.className = 'joax-redmine-task joax-redmine-title';
    ids_joined = ids ? ids.join(',') : '';
    sTitle.setAttribute('titleId',ids_joined);
    return sTitle;
  };

  // The filter must have this structure:
  // id - id to identify
  // field - field to identify with
  this.groupBy = function(fCol) {
    if(fCol.length()) {
      var new_order = [];
      for(var i in fCol){
        if(fCol[i].ids) {
          var ids = fCol[i].ids;
          var field = fCol[i].field;
          // Insert the title
          var stitle = {};
          stitle.html = this.subTitle(i, field, ids);
          stitle.title = i;
          new_order[new_order.length] = stitle;
          for(var t=0;t<this.tasks.length;t++) {
            for(var d=0;d<ids.length;d++) {
              if(this.tasks[t][field] == ids[d]) {
                if(field == 'priorityId') {
                  this.tasks[t].setColor(this.tasks[t].priorityColor[ids[d]]);  
                }
                new_order[new_order.length] = this.tasks[t];  
              }
            }
          }
        }
      }
      
      if(new_order.length < this.tasks.length + fCol.length()) {
        var stitle = {};
        stitle.html = this.subTitle('The rest');
        stitle.title = 'The rest';
        new_order[new_order.length] = stitle;
        for(var t=0;t<this.tasks.length;t++) {
          var found = false;
          for(var i in fCol) {
            if(fCol[i].ids) {
              for(var d=0;d<fCol[i].ids.length;d++) {
                if(this.tasks[t][fCol[i].field] == fCol[i].ids[d]) {
                  found = true;
                }
              }
            }
          }
          if(!found && !this.tasks[t].title) {
            new_order[new_order.length] = this.tasks[t];  
          }
        }
      }
      this.tasks = [];
      this.tasks = new_order;
      this.isFiltered = 2;
      this.fieldFiltered = fCol.field;
      this.render();
    } else {
      this.load();
    }
  };

  // ------------------ Generate Html List -----------------------

  // This function generates a list to be sent in email (i.e. Changelog)

  this.getRawList = function(changelog) {

    if($('raw-representation-' + this.containerName)) {
      var raw = $('raw-representation-' + this.containerName);
      raw.show();
    } else {
      var raw = JHtml.div('raw-representation-' + this.containerName);
      raw.setAttribute('style', 'position: absolute; width: 100%; height: 100%; background-color: #ffffff;' + 
                                  'padding: 10px; z-index: 201; top: 20px; left: 0px;');
    }
    var divClose = JHtml.div();
    divClose.setAttribute('style','margin: 10px;');
    var closeLink = JHtml.a();
    closeLink.setAttribute('style', 'padding-left: 20px; background-image: url(/images/close_hl.png); ' + 
                                'background-repeat: no-repeat; cursor: pointer;');
    closeLink.setAttribute('onclick', 'listCollection.list("' + this.title + '").closeRawList();');
    closeLink.innerHTML = 'Close';
    divClose.appendChild(closeLink);
      
    var text = divClose.innerHTML;

    text += '<table style="width: 100%; border: 0px;">';
    text += '<thead>';
    text += '<tr>';
    text += '<th style="text-align: left;">ID</th>';
    if(!changelog) {
      text += '<th style="text-align: left;">Tracker</th>';
      text += '<th style="text-align: left;">Status</th>';
      text += '<th style="text-align: left;">Priority</th>';
    }
    text += '<th style="text-align: left;">Subject</th>';
    text += '</tr>';
    text += '</thead><tbody>';

    for(var i=0; i<this.tasks.length; i++) {
      if(this.tasks[i].title) {
        text += '<tr>';
        text += '<td colspan="5" style="font-weight: bold; border-bottom: 1px solid black">' + this.tasks[i].title + '</td>';
        text += '</tr>'; 
      } else {
        text += '<tr>';
        text += '<td>#' + this.tasks[i].taskId  + '</td>';
        if(!changelog) {
          text += '<td>' + TTracker.decode(this.tasks[i].trackerId)  + '</td>';
          text += '<td>' + TStatus.decode(this.tasks[i].statusId)  + '</td>';
          text += '<td>' + TPriority.decode(this.tasks[i].priorityId)  + '</td>';
        }
        text += '<td style="color: #000;">' + this.tasks[i].subject  + '</td>';
        text += '</tr>';
      }
    }

    text += '</tbody></table>';
  
    text += divClose.innerHTML;

    raw.innerHTML = text;
    $(this.containerName).parentNode.style.overflow = 'scroll';
    $(this.containerName).parentNode.appendChild(raw);
  };

  this.closeRawList = function() {
    if($('raw-representation-' + this.containerName)) {
      $('raw-representation-' + this.containerName).fade();
      $('raw-representation-' + this.containerName).innerHTML = '';
      $(this.containerName).parentNode.style.overflow = 'hidden';
    }
  };

  // ------------------ Modifiers ---------------------------------

  this.editTitle = function(obj) {
    var edit = JHtml.textbox('', '150px', obj.innerHTML);
    edit.setAttribute('style',  'border: 0px; height: 16px;' +
                                'padding-top: 0px; padding-bottom: 2px; ' +
                                'font-size: 14px; font-weight: bold;');
    edit.setAttribute('onblur', 'listCollection.list("' + this.title + '").setTitle(this.value); ' + 
                                'this.style.display = "none"; ' + 
                                'this.parentNode.childNodes[0].style.display = "";');
    obj.parentNode.insertBefore(edit, obj.parentNode.childNodes[1]); 
    edit.focus();
    obj.style.display = 'none';
  },


  this.setTitle = function(title) {
    this.title = title;
    $(this.containerName).parentNode.childNodes[0].childNodes[0].innerHTML = title;
    JInterface.storePreferences();
  };

  this.setAutoColor = function() {
    this.color = 'auto';
    for(var i=0;i<this.tasks.length;i++) {
      if(this.tasks[i].trackerId)
        this.tasks[i].setColor(this.tasks[i].priorityColor[this.tasks[i].priorityId]);
    }
    JInterface.storePreferences();
  };

  this.setColor = function(color) {
    this.color = color;
    for(var i=0;i<this.tasks.length;i++) {
      if(this.tasks[i].trackerId)
        this.tasks[i].setColor(color);  
    }
    JInterface.storePreferences();
  },

  // ------------------ Information ------------------------------

  this.dificulty = function() {
    var total = 0;
    for(var i=0;i<this.tasks.length;i++) {
      if(this.tasks[i].dificulty)
        total += this.tasks[i].dificulty;
    }
    return total;
  };

  this.weekDificulty = function() {
    var total = 0;
    var today = new Date();
    for(var i=0;i<this.tasks.length;i++) {
      var updated = this.tasks[i].updated ? this.tasks[i].updated - 1 : this.tasks[i].startDate - 1;
      if(this.tasks[i].dificulty && parseInt(updated) > parseInt(today - (7*24*60*60*1000)))
        total += this.tasks[i].dificulty;
    }
    return total;
  };
  
  this.versionDificulty = function(ids) {
    var total = 0;
    if(!ids) return total;
    for(var i=0;i<this.tasks.length;i++) {
      for(var j=0;j<ids.length;j++) {
        if(this.tasks[i].dificulty && this.tasks[i].versionId == ids[j]) {
          total += this.tasks[i].dificulty;
        }
      }
    }
    return total;
  };

  this.priorityDificulty = function(ids) {
    var total = 0;
    if(!ids) return total;
    for(var i=0;i<this.tasks.length;i++) {
      for(var j=0;j<ids.length;j++) {
        if(this.tasks[i].dificulty && this.tasks[i].priorityId == ids[j]) {
          total += this.tasks[i].dificulty;
        }
      }
    }
    return total;
  };

  this.versionPeople = function(ids) {
    var persons = {};
    var total = 0;
    if(!ids) return total;
    for(var i=0;i<this.tasks.length;i++) {
      for(var j=0;j<ids.length;j++) {
        if(this.tasks[i].assigned && this.tasks[i].versionId == ids[j]) {
          persons[this.tasks[i].assigned] = this.tasks[i].assigned;
        }
      }
    }
    for(var e in persons)
      total++;
    return total;
  };

  this.priorityPeople = function(ids) {
    var persons = {};
    var total = 0;
    if(!ids) return total;
    for(var i=0;i<this.tasks.length;i++) {
      for(var j=0;j<ids.length;j++) {
        if(this.tasks[i].assigned && this.tasks[i].priorityId == ids[j]) {
          persons[this.tasks[i].assigned] = this.tasks[i].assigned;
        }
      }
    }
    for(var e in persons)
      total++;
    return total;
  };

  this.bugsCounter = function() {
    var total = 0;
    for(var i=0;i<this.tasks.length;i++) {
      if(this.tasks[i].trackerId)
        total += this.tasks[i].trackerId == TTracker.BUG ? 1 : 0;
    }
    return total;
  };

  this.featuresCounter = function() {
    var total = 0;
    for(var i=0;i<this.tasks.length;i++) {
      if(this.tasks[i].trackerId)
        total += this.tasks[i].trackerId == TTracker.FEATURE ? 1 : 0;
    }
    return total;
   
  };

  this.tasksCounter = function() {
    var total = 0;
    for(var i=0;i<this.tasks.length;i++) {
      if(this.tasks[i].trackerId)
        total += this.tasks[i].trackerId == TTracker.TASK ? 1 : 0;
    }
    return total;
  };

  this.reloadSubTitle = function() {
    $('bugs-count-' + this.title).innerHTML = this.bugsCounter() + ' bug' + (this.bugsCounter() == 1 ? "" : "s");     
    $('features-count-' + this.title).innerHTML = this.featuresCounter() + ' feature' + (this.featuresCounter() == 1 ? "" : "s");     
    $('tasks-count-' + this.title).innerHTML = this.tasksCounter() + ' task' + (this.tasksCounter() == 1 ? "" : "s");     
    $('dificulty-count-' + this.title).innerHTML = 'Velocity: ' + this.dificulty() + ' (7 days: ' + this.weekDificulty() + ')';
  };

  // ------------------ Iframe load -------------------------------

  this.load = function() {
    $(this.containerName + '-loading').show();
    this.tasks = [];
    TGrabber.getTasks(this.url, "SortList.fill(this,'" + this.color + "','" + this.taskType + "','" + this.containerName + "')")
  };
  
  this.softLoad = function() {
    this.tasks = [];
    TGrabber.getTasks(this.url, "SortList.fill(this,'" + this.color + "','" + this.taskType + "','" + this.containerName + "')")
  };

  this.render = function() {

    $(this.containerName).innerHTML = '';

    if(this.tasks.length) {
      for(var i = 0; i<this.tasks.length; i++)
        $(this.containerName).appendChild(this.tasks[i].html);
    }
      var end = JHtml.div('no-elements','');
      end.setAttribute('style','width: 100%; height: 200px; border-top: 1px solid #c0c0c0; ' +
                'background: url(/images/back_end_tasks.png) 50% 0%; background-repeat: repeat-x;' + 
                ' font-size: 2px;');
                //'-moz-box-shadow: 0px 5px 5px 0px #c0c0c0;' +
                //'-webkit-box-shadow: 0px 3px 3px 0px #c0c0c0;');
      end.innerHTML = '&nbsp;';
      $(this.containerName).appendChild(end);
  };
};

function Task() {

  this.taskId = null;
  this.subject = null;
  this.projectId = null;
  this.assigned = '';
  this.categoryId = null;
  this.versionId = null;
  this.priorityId = null;
  this.trackerId = null;
  this.dificulty = 1;
  this.startDate = null;
  this.dueDate = null;
  this.updated = null;
  this.hours = null;
  this.description = null;
  this.priorityColor = [
      "#FFFFFF", 
      "#FFFFFF",
      "#FFFFFF",
      "#FFFFFF", // Low
      "#FFFFDD", // Normal
      "#FFEE88", // High
      "#FFDD88", // Urgent
      "#FFEE55", // Inmediate
      "#FFFFFF",
      "#FFFFFF",
      "#FFFFFF",
      "#FFFFFF",
      "#FFFF22", // GoList
      "#FFFFFF",
      "#FFFFFF",
      "#FFFFFF",
      "#FFFFFF",
      "#FFFFFF",
      "#FFFFFF",
      "#FFFFFF",
    ];


  // Full task view
  this.fullContainerId = null;

  // status vars
  this.isAssigned = false;
  this.type = null;
  this.id = null;
  this.color = '#ffffff';

  // HTML to return back
  this.html = null;

  this.hide = function() {
    this.html.style.display = 'none';
  };
  
  this.show = function() {
    this.html.style.display = '';
  };

  this.toggle = function() {
    if(this.html.style.display == '') {
      this.html.style.display = 'none';
    } else { 
      this.html.style.display = '';
    }
  };

  this.setId = function() {
    this.id = this.type + '-issue-' + this.taskId;
    this.fullContainerId = this.id + '-full-container';
    this.html.id = this.id;
    this.html.className = 'joax-redmine-task';
    this.html.setAttribute('taskId',this.taskId);
  };

  this.setColor = function(color) {
    this.color = color;
    this.html.style.background = color;
  };
 
  this.parse = function(task) {
    
    var aux = JHtml.div();
    aux.innerHTML =  '<table border="0" width="100%" style="font-size: 11px;">' + task.innerHTML + '</table>';
    var tds = aux.getElementsByTagName('TD');
    var notAssigned = false;
    var dificulty = 1;

    for(var j=0;j<tds.length;j++) {
      if(tds[j].className == 'checkbox hide-when-print') {
        tds[j].innerHTML = '';
        tds[j].style.width = '3%';
        var menuFull = tds[j];
      } else if(tds[j].className == 'updated_on') {
        var updated = tds[j].innerHTML;
        this.updated = new Date(updated);
        tds[j].parentNode.removeChild(tds[j]);
        j-=1;
      } else if(tds[j].className == 'created_on') {
        var created = tds[j].innerHTML;
        this.createdOn = new Date(created);
        tds[j].parentNode.removeChild(tds[j]);
        j-=1;
      } else if(tds[j].className == 'author') {
        var author = tds[j].innerHTML;
        tds[j].parentNode.removeChild(tds[j]);
        j-=1;
      } else if(tds[j].className == 'tracker') {
        var tracker = tds[j].innerHTML;
        this.trackerId = TTracker.code(tracker);
        tds[j].parentNode.removeChild(tds[j]);
        j-=1;
      } else if(tds[j].className == 'category') {
        var category = tds[j].innerHTML;
        this.categoryId = TCategory.code(category);
        tds[j].parentNode.removeChild(tds[j]);
        j-=1;
      } else if(tds[j].className == 'fixed_version') {
        if(tds[j].childNodes.length) {
          var version = tds[j].childNodes[0].href.split('/')[5];
          this.versionId = parseInt(version);
        } else {
          this.versionId = null;
        }
        tds[j].parentNode.removeChild(tds[j]);
        j-=1;
      } else if(tds[j].className == 'priority') {
        var priority = tds[j].innerHTML;
        this.priorityId = TPriority.code(priority);
        tds[j].parentNode.removeChild(tds[j]);
        j-=1;
      } else if(tds[j].className == 'project') {
        var project = tds[j].innerHTML;
        this.projectId = project;
        tds[j].parentNode.removeChild(tds[j]);
        j-=1;
      } else if(tds[j].className == 'cf_1') {
        dificulty = tds[j].innerHTML;
        this.dificulty = parseInt(dificulty ? dificulty : 0);
        tds[j].parentNode.removeChild(tds[j]);
        j-=1;
      } else if(tds[j].className == 'status') {
        var status_id = TStatus.code(tds[j].innerHTML);
        this.statusId = status_id;
        tds[j].parentNode.removeChild(tds[j]);
        j -= 1;
      } else if(tds[j].className == 'subject') {
        this.subject = tds[j].childNodes[0].innerHTML;
        tds[j].innerHTML = this.subject + '<span id="task-asigned-' + this.taskId + '"></span>';
      } else if(tds[j].className == 'assigned_to') {
        tds[j].setAttribute('width','8%');
        tds[j].setAttribute('align','center');
        if(tds[j].innerHTML == '') {
          this.isAssigned = false;
        } else {
          this.isAssigned = true;
          this.assigned = tds[j].innerHTML;
          tds[j].innerHTML = this.formatAssignedName(tds[j].childNodes[0]);
        }
      } else if (tds[j].innerHTML.indexOf('/issues/') != -1) {
        tds[j].setAttribute('width','8%');
        tds[j].setAttribute('align','center');
        var link = tds[j].getElementsByTagName('A')[0].innerHTML;
        this.taskId = link;
        tds[j].getElementsByTagName('A')[0].innerHTML = '#' + link;
        this.linkToTask = tds[j].getElementsByTagName('A')[0];
      }
    }
    
    if(this.trackerId == TTracker.FEATURE) {
      this.linkToTask.setAttribute('style','background-image: url(/images/package.png);' + 
                                'background-repeat: no-repeat; padding-left: 20px; padding-bottom: 3px;');
    } else if (this.trackerId == TTracker.BUG){
      this.linkToTask.setAttribute('style','background-image: url(/images/warning.png);' + 
                               'background-repeat: no-repeat; padding-left: 20px; padding-bottom: 3px;');
    }

    var dificultyOps = JHtml.td();
    dificultyOps.setAttribute('width','8%');
    dificultyOps.setAttribute('align','right');
    dificultyOps.appendChild(this.dificultyMenu(dificulty));
    aux.getElementsByTagName('TR')[0].appendChild(dificultyOps);   
 
    var taskButtons = JHtml.td();
    taskButtons.appendChild(this.taskOptions());
    taskButtons.setAttribute('width','8%');
    taskButtons.setAttribute('align','right');
    aux.getElementsByTagName('TR')[0].appendChild(taskButtons);  
    aux.setAttribute('style',
            'cursor: move; border-top: 1px solid #c0c0c0; padding-top: 2px; padding-bottom: 2px;');

    this.html =  aux;
  
    if(this.color == 'auto') {
      this.setColor(this.priorityColor[this.priorityId]);
    } else {
      this.setColor(this.color);
    }
    this.setId();

    menuFull.appendChild(this.fullTaskMenu());
  };
 
  this.taskOptions = function() {
    var that = this;
    var rspan = JHtml.span();
    rspan.setAttribute('style','padding-right: 5px;');
    rspan.setAttribute('align','right');
    var buttonSpan = JHtml.greyButton('O', '');
    buttonSpan.onclick = function(e) { listCollection.task(that.taskId).showPopup(e)};
    rspan.appendChild(buttonSpan);
    return rspan;
  };

  this.showPopup = function(e) {
    var event = e || window.event;
    if(event)
      event.stopPropagation();

    JPopup.reset();
    JPopup.set({
      text: 'Notes to the action:',
      actions: {
          input: listCollection.task(this.taskId).inputStatus(),
          ok: listCollection.task(this.taskId).optionsMenu()
        }
      });
    JPopup.relateTo(this.html);
  };

  this.inputStatus = function() {
    var tarea = JHtml.textarea('jpopup-input-' + this.taskId, 200, '');
    return tarea;
  },

  this.optionsMenu = function() {
    var options = JHtml.span();
    options.setAttribute('style','padding-right: 5px;');
    options.setAttribute('align','right');
    if(!this.isAssigned) {
      var buttonAccept = JHtml.greenButton('Accept','listCollection.task("' + this.taskId + '").setAssigned(' + sortMe + ')');
      options.appendChild(buttonAccept);
    }
      
    if(this.statusId == TStatus.NEW || this.statusId == TStatus.ACCEPTED) {
      var buttonAccept = JHtml.greyButton('Start','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.IN_PROGRESS + ')');
      options.appendChild(buttonAccept);
    } else if (this.statusId == TStatus.IN_PROGRESS) {
      var buttonStop = JHtml.redButton('Stop','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.NEW + ')');
      var buttonFinish = JHtml.greenButton('Fixed','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.FIXED + ')');
      options.appendChild(buttonStop);
      options.appendChild(buttonFinish);
    } else if (this.statusId == TStatus.ENGINEERING_FEEDBACK) {
      var buttonReopen = JHtml.greyButton('Reopen','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.NEW + ')');
      var buttonPush = JHtml.greenButton('Push','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.PUSH + ')');
      options.appendChild(buttonReopen);
      options.appendChild(buttonPush);
    } else if (this.statusId == TStatus.PUSHED ) {
      var buttonFailing = JHtml.redButton('Failing','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.FAILING + ')');
      var buttonClose = JHtml.greenButton('Close','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.CLOSED + ')');
      options.appendChild(buttonClose);
      options.appendChild(buttonFailing);
    } else if (this.statusId == TStatus.CLOSED ) {
      var buttonReopen = JHtml.greyButton('Reopen','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.NEW + ')');
      options.appendChild(buttonReopen);
    } else if (this.statusId == TStatus.FAILING) {
      var buttonReopen = JHtml.greyButton('Reopen','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.NEW + ')');
      options.appendChild(buttonReopen);
    } else if (this.statusId == TStatus.FIXED || this.statusId == TStatus.REJECTED) {
      var buttonReopen = JHtml.greyButton('Reopen','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.NEW + ')');
      var buttonClose = JHtml.greenButton('Close','listCollection.task("' + this.taskId + '").setStatus(' + TStatus.CLOSED + ')');
      options.appendChild(buttonReopen);
      options.appendChild(buttonClose);
    }
    // And we add the comment button :)
    buttonComment = JHtml.greyButton('Comment','listCollection.task("' + this.taskId + '").setStatus(' + this.statusId + ')');
    options.appendChild(buttonComment);

    return options;
  };

  this.showFull = function(menu) {
    if($(this.fullContainerId)) {
      $(this.id).removeChild($(this.fullContainerId));
      menu.setAttribute('style','background-image: url(/images/arrow_collapsed_2.png); background-repeat: no-repeat; height: 20px; cursor: pointer;');
    } else {
      JInterface.startLoading();
      menu.setAttribute('style','background-image: url(/images/arrow_down_2.png); background-repeat: no-repeat; height: 20px; cursor: pointer;');
      var c = JHtml.div(this.fullContainerId,'width: 99%; display: inline-block;');
      $(this.id).appendChild(c);
      TGrabber.getFullTask(this.taskId, this.fullContainerId);
    }
  };

  this.fullTaskMenu = function(id) {
    var d = JHtml.div();
    d.setAttribute('style','background-image: url(/images/arrow_collapsed_2.png); background-repeat: no-repeat; height: 20px; cursor: pointer;');
    d.innerHTML = '&nbsp;';
    d.setAttribute('onclick','listCollection.task("' + this.taskId + '").showFull(this);');
    return d;
  };
  
  this.formatAssignedName = function(name) {
    var smallName = name.innerHTML;
    if(smallName != null) {
      smallName = smallName.split(' ');
      var nameStr = '';
      for(var i=0;i<smallName.length;i++) {
        nameStr += smallName[i][0];
      }
      var p = JHtml.p();
      var link = JHtml.a();
      link.setAttribute('href',name.href);
      link.setAttribute('title',name.innerHTML);
      link.setAttribute('alt',name.innerHTML);
      link.innerHTML = nameStr;
      p.appendChild(link);
      return p.innerHTML;
    } else {
      return '';
    }
  };

  this.dificultyMenu = function(dificulty) {
    var menu = JHtml.span();
    menu.setAttribute('style','padding: 2px;');
    dificulty = dificulty ? dificulty : 0;
    for (var ii=0;ii<dificulty; ii++) {
      var dif = parseInt(ii) + 1;
      var bar = JHtml.divDif('dif-' + ii, 
                          '-moz-border-radius:4px 4px 4px 4px; margin: 1px; ' + 
                          '-webkit-border-radius:4px 4px 4px 4px; ' + 
                          'float: left; width: 3px; height: 12px; font-size: 10px; ' + 
                          'border: 1px solid #808080; background-color: #808080; cursor: pointer;');
      bar.setAttribute('onclick','listCollection.task("' + this.taskId + '").setDificulty(' + dif + ')');
      bar.innerHTML = '&nbsp;';
      menu.appendChild(bar);
    }
    for (var i=dificulty; i<3; i++){
      var dif = parseInt(i) + 1;
      var bar = JHtml.divDif('dif-' + i, 
                          '-moz-border-radius: 4px 4px 4px 4px; margin: 1px; ' + 
                          '-webkit-border-radius: 4px 4px 4px 4px; ' + 
                          'float: left; width: 3px; height: 12px; font-size: 10px; ' + 
                          'border: 1px solid #808080; cursor: pointer;');
      bar.setAttribute('onclick','listCollection.task("' + this.taskId + '").setDificulty(' + dif + ')');
      bar.innerHTML = '&nbsp;';
      menu.appendChild(bar);
    }
    return menu;
  };

  this.setStatus = function(statusId) {
    JInterface.startLoading();
    var params = '[[TGrabber.issueStatusId, ' + statusId + ']';
    if(parseInt(statusId) == TStatus.FIXED || parseInt(statusId) == TStatus.CLOSED || parseInt(statusId) == TStatus.REJECTED) {
      var today = new Date();
      params += ',[TGrabber.issueDueDate, "' + today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate() + '"]'
    } else if(parseInt(statusId) == TStatus.IN_PROGRESS) {
      var today = new Date();
      params += ',[TGrabber.issueStartDate, "' + today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate() + '"]'
    }

    var notes = document.getElementById('jpopup-input-' + this.taskId);

    if(notes) {
      params += ',[TGrabber.issueNotes, "' + escape(notes.value) + '"]';
    }
  
    params += ']';
    TGrabber.editTask(this.taskId,'TGrabber.ticketChangeValue(this, ' + params + ', true)');
    JPopup.reset();
  };

  this.setAssigned = function(assigned) {
    TGrabber.editTask(this.taskId,'TGrabber.ticketChangeValue(this, [[TGrabber.issueAssignedTo, ' + assigned +']], true)');
  };
  
  this.setPriority = function(priority, reload) {
    TGrabber.editTask(this.taskId,'TGrabber.ticketChangeValue(this, [[TGrabber.issuePriorityId, ' + priority +']], ' + reload + ')'); 
    this.setColor(this.priorityColor[parseInt(priority)]);
  };
  
  this.setVersion = function(version, reload) {
    TGrabber.editTask(this.taskId,'TGrabber.ticketChangeValue(this, [[TGrabber.issueTargetVersion, ' + version +']], ' + reload + ')');
  };

  this.setDificulty = function(dificulty) {
    this.dificulty = dificulty;

    TGrabber.editTask(this.taskId,'TGrabber.ticketChangeValue(this, [[TGrabber.issueDificulty, ' + dificulty +']], false)');

    var task = $(this.id);
    if(task) {
      var difs = task.getElementsByTagName('DIV');
      for(var j=0; j<difs.length;j++) {
        for(var d=0;d<dificulty;d++) {
          if(difs[j].id == 'dif-' + d)
            difs[j].style.background = '#606060';
        }
        for(var d=dificulty;d<3;d++) {
          if(difs[j].id == 'dif-' + d)
            difs[j].style.background = '';
        }
      }
    }
  };
}