rethoth 0.4.1

data/lib/thoth/public/js/admin/name.js

@@ -0,0 +1,244 @@
+Thoth.Admin = Thoth.Admin || {};
+
+Thoth.Admin.Name = function () {
+  // Shorthand.
+  var d   = document,
+      Y   = YAHOO,
+      yut = Y.util,
+      yuc = yut.Connect,
+      yud = yut.Dom,
+      yue = yut.Event;
+
+  // -- Private Variables ------------------------------------------------------
+  var conn,
+      data,
+      delay,
+      originalName,
+      regexp = /^[0-9a-z_-]+$/i,
+      self;
+
+  // -- Private Methods --------------------------------------------------------
+
+  /**
+   * Submits an Ajax request to determine if the current name is valid and not
+   * already taken.
+   *
+   * @method checkName
+   * @param {HTMLElement} el name input element
+   * @param {String} name name to check
+   * @private
+   */
+  function checkName(el, name) {
+    if (conn && yuc.isCallInProgress(conn)) {
+      yuc.abort(conn);
+    }
+
+    var url = '/api/' + (yud.hasClass(el, 'name-post') ? 'post' : 'page') +
+        '/check_name?name=' + encodeURIComponent(name);
+
+    conn = yuc.asyncRequest('GET', url, {
+      argument: el,
+      success : handleCheckResponse,
+      timeout : 1000
+    });
+  }
+
+  /**
+   * Hides the error message associated with the specified name input element.
+   *
+   * @method hideError
+   * @param {HTMLElement} el name input element
+   * @private
+   */
+  function hideError(el) {
+    var errorEl = yud.get(el.id + '-error');
+
+    if (errorEl) {
+      errorEl.parentNode.removeChild(errorEl);
+    }
+  }
+
+  /**
+   * Shows an error message associated with the specified name input element.
+   *
+   * @method showError
+   * @param {HTMLElement} el name input element
+   * @param {String} message error message
+   * @private
+   */
+  function showError(el, message) {
+    var errorEl = yud.get(el.id + '-error');
+
+    if (!errorEl) {
+      errorEl = d.createElement('p');
+
+      errorEl.id        = el.id + '-error';
+      errorEl.className = 'flash error';
+
+      yud.insertAfter(errorEl, el);
+    }
+
+    errorEl.innerHTML = '';
+    errorEl.appendChild(d.createTextNode(message));
+  }
+
+  /**
+   * Submits an Ajax request for a name suggestion based on the contents of the
+   * specified title input element.
+   *
+   * @method suggestName
+   * @param {HTMLElement} el title input element
+   * @param {String} title title string
+   * @private
+   */
+  function suggestName(el, title) {
+    if (conn && yuc.isCallInProgress(conn)) {
+      yuc.abort(conn);
+    }
+
+    var url = '/api/' + (yud.hasClass(el, 'title-post') ? 'post' : 'page') +
+        '/suggest_name?title=' + encodeURIComponent(title);
+
+    conn = yuc.asyncRequest('GET', url, {
+      argument: el,
+      success : handleSuggestResponse,
+      timeout : 1000
+    });
+  }
+
+  // -- Private Event Handlers -------------------------------------------------
+
+  /**
+   * Handles Ajax check_name responses.
+   *
+   * @method handleCheckResponse
+   * @param {Object} response response object
+   * @private
+   */
+  function handleCheckResponse(response) {
+    var data
+
+    try {
+      data = Y.lang.JSON.parse(response.responseText);
+    } catch (e) {
+      return;
+    }
+
+    if (!data.valid) {
+      showError(response.argument, 'Names may only contain letters, numbers, ' +
+          'underscores, and dashes, and may not be entirely numeric.');
+    } else if (!data.unique && response.argument.value !== originalName) {
+      showError(response.argument, 'This name is already taken.');
+    } else {
+      hideError(response.argument);
+    }
+  }
+
+  /**
+   * Handles keypress events on name input fields.
+   *
+   * @method handleKeyPress
+   * @param {Event} e event object
+   * @private
+   */
+  function handleKeyPress(e) {
+    var c  = String.fromCharCode(yue.getCharCode(e)),
+        el = yue.getTarget(e);
+
+    if (e.isChar) {
+      if (regexp.test(c)) {
+        if (/[A-Z]/.test(c)) {
+          yue.stopEvent(e);
+          el.value += c.toLowerCase();
+        }
+      } else {
+        yue.stopEvent(e);
+
+        if (c === ' ') {
+          el.value += '-';
+        }
+      }
+    }
+  }
+
+  /**
+   * Handles keyup events on name input fields.
+   *
+   * @method handleKeyUp
+   * @param {Event} e event object
+   * @private
+   */
+  function handleKeyUp(e) {
+    var el = yue.getTarget(e);
+
+    clearTimeout(delay);
+
+    if (el.value) {
+      yue.removeListener('title', 'change', handleTitleChange);
+
+      delay = setTimeout(function () {
+        checkName(el, el.value);
+      }, 200);
+    } else {
+      hideError(el);
+      yue.on('title', 'change', handleTitleChange, self, true);
+    }
+  }
+
+  /**
+   * Handles Ajax suggest_name responses.
+   *
+   * @method handleSuggestResponse
+   * @param {Object} response response object
+   * @private
+   */
+  function handleSuggestResponse(response) {
+    try {
+      yud.get('name').value = Y.lang.JSON.parse(response.responseText).name;
+    } catch (e) {}
+  }
+
+  /**
+   * Handles change events on title input fields.
+   *
+   * @method handleTitleChange
+   * @param {Event} e event object
+   * @private
+   */
+  function handleTitleChange(e) {
+    var el = yue.getTarget(e);
+
+    if (el.value) {
+      suggestName(el, el.value);
+    }
+  }
+
+  return {
+    // -- Public Methods -------------------------------------------------------
+
+    /**
+     * Initializes the Name module on this page.
+     *
+     * @method init
+     */
+    init: function () {
+      var name = yud.get('name');
+
+      self = this;
+
+      // Listen for keys on name input fields.
+      yue.on(name, 'keypress', handleKeyPress, self, true);
+      yue.on(name, 'keyup', handleKeyUp, self, true);
+
+      if (!name.value.length) {
+        // Listen for changes to title input fields.
+        yue.on('title', 'change', handleTitleChange, self, true);
+      } else {
+        originalName = name.value;
+      }
+    },
+  };
+}();
+
+YAHOO.util.Event.onContentReady('doc', Thoth.Admin.Name.init, Thoth.Admin.Name,
+    true);

data/lib/thoth/public/js/admin/tagcomplete.js

@@ -0,0 +1,332 @@
+Thoth.Admin = Thoth.Admin || {};
+
+Thoth.Admin.TagComplete = function () {
+  // Shorthand.
+  var d   = document,
+      Y   = YAHOO,
+      yut = Y.util,
+      yuc = yut.Connect,
+      yud = yut.Dom,
+      yue = yut.Event;
+
+  // -- Private Variables ------------------------------------------------------
+  var cache = {},
+      conn,
+      data;
+
+  // -- Private Methods --------------------------------------------------------
+
+  /**
+   * Gets the last tag in the specified input element, or <i>null</i> if there
+   * are no tags.
+   *
+   * @method getLastTag
+   * @param {HTMLElement|String} el input element
+   * @return {String|null} last tag or <i>null</i> if there are no tags
+   * @private
+   */
+  function getLastTag(el) {
+    if (tag = getTags(el).pop()) {
+      return tag;
+    }
+
+    return null;
+  }
+
+  /**
+   * Returns a reference to the suggestion list element associated with the
+   * specified tag input element. If the specified element is a suggestion list
+   * element, it will be returned.
+   *
+   * @method getSuggestEl
+   * @param {HTMLElement|String} el input element
+   * @return {HTMLElement} suggestion list element or <i>null</i> if not found
+   * @private
+   */
+  function getSuggestEl(el) {
+    el = yud.get(el);
+
+    if (yud.hasClass(el, 'suggested-tags')) {
+      return el;
+    }
+
+    return yud.getNextSiblingBy(el, function (node) {
+      return yud.hasClass(node, 'suggested-tags');
+    });
+  }
+
+  /**
+   * Parses a comma-separated list of tags in the specified input element and
+   * returns it as an Array.
+   *
+   * @method getTags
+   * @param {HTMLElement|String} el tag input element
+   * @return {Array} tags
+   * @private
+   */
+  function getTags(el) {
+    var value = (el = yud.get(el)) ? el.value : null;
+
+    if (value && value.length) {
+      return value.split(/,\s*/);
+    }
+
+    return [];
+  }
+
+  /**
+   * Replaces the last tag in the specified tag input element with the specified
+   * tag.
+   *
+   * @method replaceLastTag
+   * @param {HTMLElement|String} el tag input element
+   * @param {String} tag tag text
+   * @private
+   */
+  function replaceLastTag(el, tag) {
+    var tags = getTags(el = yud.get(el));
+
+    tags.pop()
+    tags.push(tag);
+
+    el.value = tags.join(', ');
+  }
+
+  /**
+   * Sends an Ajax request for tags matching the specified query.
+   *
+   * @method requestTags
+   * @param {HTMLElement} el input element that triggered the request
+   * @param {String} query query string
+   * @param {Number} (optional) limit maximum number of tags to return
+   * @private
+   */
+  function requestTags(el, query, limit) {
+    if (conn && yuc.isCallInProgress(conn)) {
+      yuc.abort(conn);
+    }
+
+    var url = '/api/tag/suggest?q=' + encodeURIComponent(query);
+
+    if (limit) {
+      url += '&limit=' + encodeURIComponent(limit);
+    }
+
+    if (cache[url]) {
+      handleResponse(cache[url]);
+      return;
+    }
+
+    conn = yuc.asyncRequest('GET', url, {
+      argument: [url, el],
+      success : handleResponse,
+      timeout : 1000
+    });
+  }
+
+  // -- Private Event Handlers -------------------------------------------------
+
+  /**
+   * Handles keydown events on tag input fields.
+   *
+   * @method handleKeyDown
+   * @param {Event} e event object
+   * @private
+   */
+  function handleKeyDown(e) {
+    var charCode = yue.getCharCode(e),
+        el       = yue.getTarget(e),
+        suggestEl;
+
+    // Autocomplete the current tag when the tab key is pressed.
+    if (charCode === 9 && !e.shiftKey && !e.ctrlKey && !e.altKey &&
+          !e.metaKey && data.length && this.isVisible(el)) {
+      yue.preventDefault(e);
+      replaceLastTag(el, data[0][0]);
+      this.hide(el);
+    }
+  }
+
+  /**
+   * Handles keyup events on tag input fields.
+   *
+   * @method handleKeyUp
+   * @param {Event} e event object
+   * @private
+   */
+  function handleKeyUp(e) {
+    var charCode = yue.getCharCode(e),
+        el       = yue.getTarget(e),
+        tag;
+
+    if (charCode < 46 && charCode !== 8 && charCode !== 32) {
+      return;
+    }
+
+    tag = getLastTag(el);
+
+    if (tag) {
+      requestTags(el, tag);
+    } else {
+      this.hide(el);
+    }
+  }
+
+  /**
+   * Handles Ajax responses.
+   *
+   * @method handleResponse
+   * @param {Object} response response object
+   * @private
+   */
+  function handleResponse(response) {
+    if (!cache[response.argument[0]]) {
+      cache[response.argument[0]] = response;
+    }
+
+    try {
+      data = Y.lang.JSON.parse(response.responseText);
+      Thoth.Admin.TagComplete.refresh(response.argument[1], data);
+    } catch (e) {}
+  }
+
+  /**
+   * Handles clicks on the tag suggestions.
+   *
+   * @method handleTagClick
+   * @param {Event} e event object
+   * @param {HTMLElement} el tag input element
+   * @private
+   */
+  function handleTagClick(e, el) {
+    var a = yue.getTarget(e);
+
+    if (a.tagName.toLowerCase() !== 'a') {
+      return;
+    }
+
+    yue.preventDefault(e);
+    replaceLastTag(el, a.getAttribute('tagText'));
+    el.focus();
+
+    Thoth.Admin.TagComplete.hide(el);
+  }
+
+  return {
+    // -- Public Methods -------------------------------------------------------
+
+    /**
+     * Initializes the TagComplete module on this page.
+     *
+     * @method init
+     */
+    init: function () {
+      var self = this,
+          list;
+
+      yud.getElementsByClassName('tags-input', 'input', 'doc', function (el) {
+        // Listen for keys on tag input fields.
+        yue.on(el, 'keydown', handleKeyDown, self, true);
+        yue.on(el, 'keyup', handleKeyUp, self, true);
+
+        // Turn off browser autocomplete to avoid excess annoyingness.
+        el.setAttribute('autocomplete', 'off');
+
+        // Create a suggestion list element under the input element.
+        list = d.createElement('ol');
+        list.className = 'suggested-tags hidden';
+
+        yud.insertAfter(list, el);
+        yue.on(list, 'click', handleTagClick, el);
+      });
+    },
+
+    /**
+     * Clears the suggestions for the specified element.
+     *
+     * @method clear
+     * @param {HTMLElement|String} el input element or suggestion list
+     */
+    clear: function (el) {
+      if (el = getSuggestEl(el)) {
+        el.innerHTML = '';
+      }
+    },
+
+    /**
+     * Hides the suggestions for the specified element.
+     *
+     * @method hide
+     * @param {HTMLElement|String} el input element or suggestion list
+     */
+    hide: function (el) {
+      if (el = getSuggestEl(el)) {
+        yud.addClass(el, 'hidden');
+      }
+    },
+
+    /**
+     * Returns <i>true</i> if suggestions for the specified element are visible,
+     * <i>false</i> otherwise.
+     *
+     * @method isVisible
+     * @param {HTMLElement|String} el input element or suggestion list
+     * @return <i>true</i> if suggestions are visible, <i>false</i> otherwise
+     */
+    isVisible: function (el) {
+      return !yud.hasClass(getSuggestEl(el), 'hidden');
+    },
+
+    /**
+     * Refreshes the tag suggestions for the specified element.
+     *
+     * @method refresh
+     * @param {HTMLElement|String} el input element or suggestion list
+     * @param {Array} (optional) tags suggested tags
+     */
+    refresh: function (el, tags) {
+      var a, i, li, tag;
+
+      if (!(el = getSuggestEl(el))) {
+        return;
+      }
+
+      this.clear(el);
+
+      if (!tags || tags.length === 0) {
+        this.hide(el);
+        return;
+      }
+
+      for (i = 0; i < tags.length; ++i) {
+        tag = tags[i];
+        li  = d.createElement('li');
+        a   = d.createElement('a');
+
+        a.href = '#';
+        a.appendChild(d.createTextNode(tag[0] + ' (' + tag[1] + ')'));
+        a.setAttribute('tagText', tag[0]);
+
+        li.appendChild(a);
+        el.appendChild(li);
+      }
+
+      this.show(el);
+    },
+
+    /**
+     * Shows the suggestions for the specified element.
+     *
+     * @method show
+     * @param {HTMLElement|String} el input element or suggestion list
+     */
+    show: function (el) {
+      if (el = getSuggestEl(el)) {
+        yud.removeClass(el, 'hidden');
+      }
+    }
+  };
+}();
+
+YAHOO.util.Event.onContentReady('doc', Thoth.Admin.TagComplete.init,
+    Thoth.Admin.TagComplete, true);

data/lib/thoth/public/js/lazyload-min.js

@@ -0,0 +1,4 @@
+LazyLoad=function(){function r(c,b){c=i.createElement(c);var a;for(a in b)b.hasOwnProperty(a)&&c.setAttribute(a,b[a]);return c}function k(c){var b=h[c],a,e;if(b){a=b.callback;e=b.urls;e.shift();l=0;if(!e.length){if(a)a.call(b.context||window,b.obj);h[c]=null;j[c].length&&m(c)}}}function w(){if(!d){var c=navigator.userAgent,b=parseFloat,a;d={gecko:0,ie:0,opera:0,webkit:0};if((a=c.match(/AppleWebKit\/(\S*)/))&&a[1])d.webkit=b(a[1]);else if((a=c.match(/MSIE\s([^;]*)/))&&a[1])d.ie=b(a[1]);else if(/Gecko\/(\S*)/.test(c)){d.gecko=
+1;if((a=c.match(/rv:([^\s\)]*)/))&&a[1])d.gecko=b(a[1])}else if(a=c.match(/Opera\/(\S*)/))d.opera=b(a[1])}}function m(c,b,a,e,s){var n=function(){k(c)},o=c==="css",f,g,p;w();if(b){b=b.constructor===Array?b:[b];if(o||d.gecko&&d.gecko<2||d.opera)j[c].push({urls:[].concat(b),callback:a,obj:e,context:s});else{f=0;for(g=b.length;f<g;++f)j[c].push({urls:[b[f]],callback:f===g-1?a:null,obj:e,context:s})}}if(!(h[c]||!(p=h[c]=j[c].shift()))){q=q||i.head||i.getElementsByTagName("head")[0];b=p.urls;f=0;for(g=
+b.length;f<g;++f){a=b[f];a=o?r("link",{charset:"utf-8","class":"lazyload",href:a,rel:"stylesheet",type:"text/css"}):r("script",{charset:"utf-8","class":"lazyload",src:a});if(d.ie)a.onreadystatechange=function(){var t=this.readyState;if(t==="loaded"||t==="complete"){this.onreadystatechange=null;n()}};else if(o&&(d.gecko||d.webkit))if(d.webkit){p.urls[f]=a.href;u()}else setTimeout(n,50*g);else a.onload=a.onerror=n;q.appendChild(a)}}}function u(){var c=h.css,b;if(c){for(b=v.length;--b;)if(v[b].href===
+c.urls[0]){k("css");break}l+=1;if(c)l<200?setTimeout(u,50):k("css")}}var i=document,q,h={},l=0,j={css:[],js:[]},v=i.styleSheets,d;return{css:function(c,b,a,e){m("css",c,b,a,e)},js:function(c,b,a,e){m("js",c,b,a,e)}}}();