Introduction of new ProdCompSearch extension

3 files changed, 115 insertions, 0 deletions

diff --git a/extensions/ProdCompSearch/web/images/throbber.gif b/extensions/ProdCompSearch/web/images/throbber.gif
new file mode 100644
index 000000000..bc4fa6561
--- /dev/null
+++ b/extensions/ProdCompSearch/web/images/throbber.gif
diff --git a/extensions/ProdCompSearch/web/js/prod_comp_search.js b/extensions/ProdCompSearch/web/js/prod_comp_search.js
new file mode 100644
index 000000000..4d31437ad
--- /dev/null
+++ b/extensions/ProdCompSearch/web/js/prod_comp_search.js
@@ -0,0 +1,99 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. 
+ */
+
+// Product and component search to file a new bug
+
+var ProdCompSearch = {
+    format: null,
+    cloned_bug_id: null
+};
+
+YUI({
+    base: 'js/yui3/',
+    combine: false
+}).use("node", "json-stringify", "autocomplete", "escape",
+       "datasource-io", "datasource-jsonschema", "array-extras", function (Y) {
+    var counter = 0,
+        current_query = null,
+        dataSource = null,
+        autoComplete = null;
+
+    var resultListFormat = function(query, results) {
+        return Y.Array.map(results, function (result) {
+            var data = result.raw;
+            return Y.Escape.html(data.product) + " :: " +
+                   Y.Escape.html(data.component);
+        });
+    };
+
+    var requestTemplate = function(query) {
+        counter = counter + 1;
+        var json_object = {
+            version: "1.1",
+            method : "MyDashboard.prod_comp_search",
+            id : counter,
+            params : { search: query }
+        };
+        return Y.JSON.stringify(json_object);
+    };
+
+    var dataSource = new Y.DataSource.IO({
+        source: 'jsonrpc.cgi',
+        ioConfig: {
+            method: "POST",
+            headers: { 'Content-Type': 'application/json' }
+        }
+    });
+
+    dataSource.plug(Y.Plugin.DataSourceJSONSchema, {
+        schema: {
+            resultListLocator : "result.products",
+            resultFields : [ "product", "component" ]
+        }
+    });
+
+    var input = Y.one('#prod_comp_search');
+
+    input.plug(Y.Plugin.AutoComplete, {
+        enableCache: true,
+        source: dataSource,
+        minQueryLength: 3,
+        queryDelay: 0.05,
+        resultFormatter: resultListFormat,
+        suppressInputUpdate: true,
+        maxResults: 25,
+        scrollIntoView: true,
+        requestTemplate: requestTemplate,
+        on: {
+            query: function(e) {
+                current_query = e.inputValue;
+                Y.one("#prod_comp_throbber").removeClass('bz_default_hidden');
+            },
+            results: function(e) {
+                Y.one("#prod_comp_throbber").addClass('bz_default_hidden');
+            },
+            select: function(e) {
+                input.value = current_query;
+                var data = e.result.raw;
+                var url = "enter_bug.cgi?product=" + encodeURIComponent(data.product) +
+                          "&component=" +  encodeURIComponent(data.component);
+                if (ProdCompSearch.format)
+                    url += "&format=" + encodeURIComponent(ProdCompSearch.format);
+                if (ProdCompSearch.cloned_bug_id)
+                    url += "&cloned_bug_id=" + encodeURIComponent(ProdCompSearch.cloned_bug_id);
+                window.location.href = url;
+            }
+        },
+    });
+
+    input.on('focus', function (e) {
+        if (e.target.value && e.target.value.length > 3) {
+            dataSource.load(e.target.value);
+        }
+    });
+});
diff --git a/extensions/ProdCompSearch/web/styles/prod_comp_search.css b/extensions/ProdCompSearch/web/styles/prod_comp_search.css
new file mode 100644
index 000000000..59927302c
--- /dev/null
+++ b/extensions/ProdCompSearch/web/styles/prod_comp_search.css
@@ -0,0 +1,16 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This Source Code Form is "Incompatible With Secondary Licenses", as
+ * defined by the Mozilla Public License, v. 2.0. */
+
+#prod_comp_search_main {
+    width: 400px;
+    margin-right: auto;
+    margin-left: auto;
+}
+
+#prod_comp_search_form .yui3-aclist-input {
+    width: 360px;
+}