AjaxCategories rewrite:
authorKrinkle <krinkle@users.mediawiki.org>
Thu, 28 Jul 2011 00:43:21 +0000 (00:43 +0000)
committerKrinkle <krinkle@users.mediawiki.org>
Thu, 28 Jul 2011 00:43:21 +0000 (00:43 +0000)
commit62a3e10fea063972e181e494979eb18a3497c0b2
tree0abc5900d16d37f2caa675d1e74d0ca8fb2fabd7
parentc6f9ec242609e9f08cad6d4081cea8281e09b965
AjaxCategories rewrite:

Solving syntax problems, performance improvements and applying code conventions:

* Replaced sprite image with separate images and letting ResourceLoader embed them with @embed (@embed means 0 http requests, less maintenance, none of the known limitations with sprites, and more readable code (named files rather than pixel offsets)

* Many functions were floating in the global namespace (like window.makeCaseInsensitive). A statement ends after a semi-colon(;). All functions declared after "catUrl" were assigned to the window object. I've instead turned the semi-colons back into comma's, merged some other var statements and moved them to the top of the closure. Changed local function declarations into function expressions for clarity.

* fetchSuggestions is called by $.fn.suggestions like ".call( $textbox, $textbox.val() )". So the context (this) isn't the raw element but the jQuery object, no need to re-construct with "$(this)" or "$(that)" which is slow and shouldn't even work. jQuery methods can be called on it directly. I've also replaced "$(this).val()" with the value-argument passed to fetchSuggestions which has this exact value already.

* Adding more function documentation. And changing @since to 1.19 as this was merged from js2-branch into 1.19-trunk and new features aren't backported to 1.18.

* Optimizing options/default construction to just "options = $.extend( {}, options )". Caching defaultOptions is cool, but doesn't really work if it's in a context/instance local variable. Moved it up to the module closure var statements, now it's static across all instances.

* In makeSuggestionBox(): Fixing invalid html fragments passed to jQuery that fail in IE. Shortcuts (like '<foo>' and '<foo/>') are only allowed for createElement triggers, not when creating longer fragments with content and/or attributes which are created through innerHTML, in the latter case the HTML must be completely valid and is not auto-corrected by IE.

* Using more jQuery chaining where possible.

* In buildRegex(): Using $.map with join( '|' ), (rather than $.each with += '|'; and substr).

* Storing the init instance of mw.ajaxCategories in mw.page for reference (rather than local/anonymous).

* Applied some best practices and "write testable code"
** Moved some of the functions created on the fly and assigned to 'this' into prototype (reference is cheaper)
** Making sure at least all 'do', 'set' and/or 'prototype' functions have a return value. Even if it's just a simple boolean true or context/this for chain-ability.
** Rewrote confirmEdit( .., .., .., ) as a prototyped method named "doConfirmEdit" which takes a single props-object with named valuas as argument, instead of list with 8 arguments.

* Removed trailing whitespace and other minor fixes to comply with the code conventions.
** Removed space between function name and caller: "foo ()" => foo())
** Changing "someArray.indexOf() + 1" into "someArr.indexOf() !== -1". We want a Boolean here, not a Number.
** Renamed all underscore-variables to non-underscore variants.

== Bug fixes ==

* When adding a category that is not already on the page as-is but of which the clean() version is already on the page, the script would fail. Fixed it by moving the checks up in handleCategoryAdd() and making sure that createCatLink() actually returned something.

* confirmEdit() wasn't working properly and had unused code (such as submitButton), removed hidden prepending to #catlinks, no need to, it can be dialog'ed directly from the jQuery object without being somewhere in the document.

* in doConfirmEdit() in submitFunction() and multiEdit: Clearing the input field after adding a category, so that when another category is being added it doesn't start with the previous value which is not allowed to be added again...
15 files changed:
resources/mediawiki.page/images/AJAXCategorySprite.png [deleted file]
resources/mediawiki.page/images/ajaxcat-add-hover.png [new file with mode: 0644]
resources/mediawiki.page/images/ajaxcat-add.png [new file with mode: 0644]
resources/mediawiki.page/images/ajaxcat-close-hover.png [new file with mode: 0644]
resources/mediawiki.page/images/ajaxcat-close.png [new file with mode: 0644]
resources/mediawiki.page/images/ajaxcat-edit-hover.png [new file with mode: 0644]
resources/mediawiki.page/images/ajaxcat-edit.png [new file with mode: 0644]
resources/mediawiki.page/images/ajaxcat-error-hover.png [new file with mode: 0644]
resources/mediawiki.page/images/ajaxcat-error.png [new file with mode: 0644]
resources/mediawiki.page/images/ajaxcat-tick-hover.png [new file with mode: 0644]
resources/mediawiki.page/images/ajaxcat-tick.png [new file with mode: 0644]
resources/mediawiki.page/mediawiki.page.ajaxCategories.css
resources/mediawiki.page/mediawiki.page.ajaxCategories.init.js
resources/mediawiki.page/mediawiki.page.ajaxCategories.js
resources/mediawiki.page/mediawiki.page.startup.js