// ==UserScript==
// @name           Tada-lists more enhancer
// @namespace      http://d.hatena.ne.jp/snaka72/
// @include        http://*.tadalist.com/lists/*
// ==/UserScript==

// prototype.js & script.aculo.us object
var Ajax = unsafeWindow.Ajax;
var Effect = unsafeWindow.Effect;
var Element = unsafeWindow.Element;

var self = unsafeWindow.TadaEnhancer = {};
self.selectedListId = null;

self.taskMove = function(elem, to, itemId, title) {
  if (!to || to == "") {
    alert("Please select destination");
    return;
  }
  if (currentListId() == to) {
    alert("Destination is same as CURRENT !¥n" +
          "Please select another destination.");
    return;
  }

  Effect.Methods.fade(elem);
  // copy task item
  new Ajax.Request(
    '/lists/' + to + '/items',
    {
      asynchronouse: false,
      evalScripts: false,
      evalJS: false,
      parameters: 'item[content]=' + encodeURIComponent(title)
    }
  );
  // remove task item
  new Ajax.Request(
    '/lists/' + currentListId(),
    {
      method: 'put',
      asynchronouse: false,
      evalScripts: false,
      evalJS: false,
      parameters: "item[" + itemId + "][content]="
    }
  );
}

function addMenuItemBefore(element, newMenu) {
  element.parentNode.insertBefore(newMenu, element);
}

var selectedListId = null;

var newMenu = $N('span', {}, [
    "| ", $N('a', { id: "moveTo",
                    class: 'admin',
                    href: "javascript:void(0)",
                  }, "Move")
]);

// create & add "Move to.." button
var lastMenu = document.getElementById("ThisListLinks");
var menuContainer = lastMenu.parentNode;
menuContainer.appendChild(newMenu);
menuContainer.insertBefore(newMenu, lastMenu);
var moveTo = document.getElementById('moveTo');

moveTo.addEventListener('click', function moveToOnclick() {
  if (this.className.indexOf('donelink') > -1) {
      Effect.SlideUp(unsafeWindow.$('listSelectorInner'));
      Element.Methods.removeClassName(moveTo, 'donelink');
      moveTo.innerHTML = "Move";

  } else {

    if (!unsafeWindow.$('listSelectorInner')) {
      var nav = createContainer();
      getListIdNames().forEach(function([id, name]) {
        nav.appendChild(createListSelector(id, name));
      });
      GM_addStyle(<><![CDATA[
        .listSelector {
          display: inline;
          margin-right: 10px;
          font-size: 90%;
          line-height: 1.2em;
        }
        .selected {
          background-color: pink;
        }
      ]]></>);
    }

    // replace check event
    $X('//ul[@id="incomplete_items"]//input[@id="item_completed"]/..')
    .forEach(function(elem) {
      var content = elem.textContent.replace(/[¥s]+/g, "");
      var itemId = elem.id.match(/[0-9]+/)[0];
      //alert(content);
      var eventHandler = "TadaEnhancer.taskMove(this, " +
                            "TadaEnhancer.selectedListId" + ", '" +
                            itemId + "', '" +
                            content +
                         "'); return false;";
      elem.setAttribute('onsubmit', eventHandler);
    });

    // TOGGLE style
    Effect.SlideDown(unsafeWindow.$('listSelectorInner'));
    this.className += ' donelink';
    moveTo.innerHTML = "I'm done moving";
  }

}, false);

self.listIdNames = null;
function getListIdNames() {
  if (self.listIdNames)
    return self.listIdNames;

  GM_xmlhttpRequest({
    method:"GET",
    url:"http://" + location.host + "/lists",
    onload:function(resp) {
      //GM_log(resp.responseText);
      var items = resp.responseText.match(/<li¥s+class=¥"open-[0-9]¥">¥s+<a href=¥"¥/lists¥/([0-9]+)¥">([^<]*)<¥/a>/g);
      self.listIdNames = items.map(function(item) {
        var [, id, title] = item.match(/<a¥shref=¥"¥/lists¥/([0-9]+)¥">([^<]*)<¥/a>/);
        return [id, title];
      });
    }
  })
}

function createContainer() {
  return  document.getElementById('Header')
                      .appendChild($N('div', {
                          id: 'listSelectorInner',
                          style: 'float: left; display: none;'
                       }, [
                         $N('span', {}, 'Destination: ')
                       ]))
                      .appendChild($N('ul', {}));
}

//function createListSelector(elem) {
function createListSelector(listId, listName) {
  var result =  $N('li', { class: 'listSelector' }, [$N('a', {}, listName)]);
  result.addEventListener('click', function() {
    $X('//div[@id="listSelectorInner"]/ul/li').forEach(function(li) {
      Element.Methods.removeClassName(li, 'selected');
    });
    result.className += " selected";
    self.selectedListId = listId;
  }, false);
  return result;
}

function listNo(elem)
  elem.href.split('/').slice(-1).toString();

function currentListId()
  listNo(location);

// libraries >>>

//
// $N function from Minibuffer.user.js
//
function $N(name, attr, children) {
  var ret = document.createElement(name);
  for (var k in attr) if (attr.hasOwnProperty(k)) {
    var v = attr[k];
    if (k == "class") ret.className = v;
    else ret.setAttribute(k, v);
  }
  switch(typeof children){
    case "string":
    ret.appendChild(document.createTextNode(children));
    break;
    case "object":
    for (var i=0, len=children.length; i<len; i++) {
      var child = children[i];
      if (typeof child == "string") {
        ret.appendChild(document.createTextNode(child));
      } else {
        ret.appendChild(child);
      }
    }
  }
  return ret;
}

// very simple version of $X
// $X(exp);
// $X(exp, context, resolver, XPathResult.NUMBER_TYPE).numberValue;
// @source http://gist.github.com/29681.txt
function $X (exp, context, resolver, result_type) {
  context || (context = document);
  var Doc = context.ownerDocument || context;
  var result = Doc.evaluate(exp, context, resolver, result_type || XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  if (result_type) return result;
  for (var i = 0, len = result.snapshotLength, res = new Array(len); i < len; i++) {
    res[i] = result.snapshotItem(i);
  }
  return res;
}

//
//  initialize
//
getListIdNames();