From c949174a2e8c324e3e463a9d10e9e6dc07b0ba9e Mon Sep 17 00:00:00 2001
From: Adrian Lang <mail@adrianlang.de>
Date: Wed, 22 Jun 2011 21:05:17 +0200
Subject: Fix and refactor ajax.js

  * Move file to qsearch.js
  * Rename object to dw_qsearch
  * Remove unnecessary usage of Delay
  * Use $ prefix for jQuery objects
  * Fix result list hiding on click
  * Fix namespace shorting
---
 lib/scripts/qsearch.js | 144 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 144 insertions(+)
 create mode 100644 lib/scripts/qsearch.js

(limited to 'lib/scripts/qsearch.js')

diff --git a/lib/scripts/qsearch.js b/lib/scripts/qsearch.js
new file mode 100644
index 000000000..97eaa7ef0
--- /dev/null
+++ b/lib/scripts/qsearch.js
@@ -0,0 +1,144 @@
+/*jslint sloppy: true, plusplus: true, continue: true */
+/*global jQuery, DOKU_BASE, window, document, substr_replace */
+
+/**
+ * AJAX functions for the pagename quicksearch
+ *
+ * @license  GPL2 (http://www.gnu.org/licenses/gpl.html)
+ * @author   Andreas Gohr <andi@splitbrain.org>
+ * @author   Adrian Lang <lang@cosmocode.de>
+ * @author   Michal Rezler <m.rezler@centrum.cz>
+ */
+
+var dw_qsearch = {
+
+    $inObj: null,
+    $outObj: null,
+
+    /**
+     * initialize the quick search
+     *
+     * Attaches the event handlers
+     *
+     * @param input element (JQuery selector/DOM obj)
+     * @param output element (JQuery selector/DOM obj)
+     */
+    init: function (input, output) {
+        var do_qsearch;
+
+        dw_qsearch.$inObj  = jQuery(input);
+        dw_qsearch.$outObj = jQuery(output);
+
+        // objects found?
+        if (dw_qsearch.$inObj.length === 0 ||
+            dw_qsearch.$outObj.length === 0) {
+            return;
+        }
+
+        // attach eventhandler to search field
+        do_qsearch = function () {
+            dw_qsearch.clear_results();
+            var value = dw_qsearch.$inObj.val();
+            if (value === '') {
+                return;
+            }
+            jQuery.post(
+                DOKU_BASE + 'lib/exe/ajax.php',
+                {
+                    call: 'qsearch',
+                    q: encodeURI(value)
+                },
+                dw_qsearch.onCompletion,
+                'html'
+            );
+        };
+
+        dw_qsearch.$inObj.keyup(
+            function() {
+                dw_qsearch.clear_results();
+                window.setTimeout(do_qsearch, 500);
+            }
+        );
+
+        // attach eventhandler to output field
+        dw_qsearch.$outObj.click(dw_qsearch.clear_results);
+    },
+
+    /**
+     * Empty and hide the output div
+     */
+    clear_results: function(){
+        dw_qsearch.$outObj.hide();
+        dw_qsearch.$outObj.text('');
+    },
+
+    /**
+     * Callback. Reformat and display the results.
+     *
+     * Namespaces are shortened here to keep the results from overflowing
+     * or wrapping
+     *
+     * @param data The result HTML
+     */
+    onCompletion: function(data) {
+        var max, $links, too_big;
+
+        if (data === '') { return; }
+
+        dw_qsearch.$outObj
+            .html(data)
+            .show()
+            .css('white-space', 'nowrap');
+
+        // shorten namespaces if too long
+        max = dw_qsearch.$outObj[0].clientWidth;
+        $links = dw_qsearch.$outObj.find('a');
+        too_big = (document.documentElement.dir === 'rtl')
+                  ? function (l) { return l.offsetLeft < 0; }
+                  : function (l) { return l.offsetWidth + l.offsetLeft > max; };
+
+        $links.each(function () {
+            var start, length, replace, nsL, nsR, eli, runaway;
+
+            if (!too_big(this)) {
+                return;
+            }
+
+            nsL = this.innerText.indexOf('(');
+            nsR = this.innerText.indexOf(')');
+            eli = 0;
+            runaway = 0;
+
+            while((nsR - nsL > 3) && too_big(this) && runaway++ < 500) {
+                if(eli !== 0){
+                    // elipsis already inserted
+                    if( (eli - nsL) > (nsR - eli) ){
+                        // cut left
+                        start = eli - 2;
+                        length = 2;
+                    }else{
+                        // cut right
+                        start = eli + 1;
+                        length = 1;
+                    }
+                    replace = '';
+                }else{
+                    // replace middle with ellipsis
+                    start = Math.floor( nsL + ((nsR-nsL)/2) );
+                    length = 1;
+                    replace = '…';
+                }
+                this.innerText = substr_replace(this.innerText,
+                                                replace, start, length);
+
+                eli = this.innerText.indexOf('…');
+                nsL = this.innerText.indexOf('(');
+                nsR = this.innerText.indexOf(')');
+            }
+        });
+    }
+};
+
+jQuery(function () {
+    dw_qsearch.init('#qsearch__in','#qsearch__out');
+});
-- 
cgit v1.2.3