dev/js/src/tagger.js

define(['palette'], function (p) {

  // "use strict";

  return {
    create : function (elem) {
      var obj = Object.create(this);
      obj._nr = 0;
      obj._elem = elem;
      elem.appendChild(
	document.createElement('div')
      );
      var newCat = elem.appendChild(
	document.createElement('input')
      );

      newCat.setAttribute('type', 'text');

      newCat.addEventListener('keypress', function (e) {
	var key = e.keyCode || e.which;
	if (key === 13) {
	  obj.addTag(this.value);
	  this.value = '';
	};
      });

      obj._cat = [];
    },

    addTag : function (name) {
      this._cat.push(name);

      this._nr++;

      var cat = document.createElement('span');
      cat.appendChild(
	document.createTextNode(name)
      );
      cat.appendChild(
	document.createElement('span')
      ).setAttribute('class','close');

      cat.style.backgroundColor = p.getC(this._nr);

      this._elem.firstChild.appendChild(cat);
    }
  };
});