diff --git a/static/js/app.js b/static/js/app.js
index 8623691..104950a 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -130,7 +130,7 @@ function buildSchemaSection(name, objects) {
if (objects[group]) {
objects[group].forEach(function(item) {
var id = name + "." + item;
- section += "
" + icons[group] + " " + item + "";
+ section += "
" + icons[group] + " " + item + "";
});
section += "
";
}
@@ -951,6 +951,51 @@ function bindCurrentDatabaseMenu() {
});
}
+function bindDatabaseObjectsFilter() {
+ var filterTimeout = null;
+
+ $("#filter_database_objects").on("keyup", function (e) {
+ clearTimeout(filterTimeout);
+
+ var val = $(this).val().trim();
+
+ // Reset search on ESC
+ if (e.keyCode == 27 || val == "") {
+ resetObjectsFilter();
+ return;
+ }
+
+ $(".clear-objects-filter").show();
+
+ filterTimeout = setTimeout(function () {
+ filterObjectsByName(val)
+ }, 200);
+ });
+
+ $(".clear-objects-filter").on("click", function(e) {
+ resetObjectsFilter();
+ });
+}
+
+function resetObjectsFilter() {
+ $("#filter_database_objects").val("");
+ $("#objects li.schema-item").show();
+ $(".clear-objects-filter").hide();
+}
+
+function filterObjectsByName(query) {
+ $("#objects li.schema-item").each(function (idx, el) {
+ var item = $(el);
+ var name = $(el).data("name");
+
+ if (name.indexOf(query) < 0) {
+ item.hide();
+ } else {
+ item.show();
+ }
+ });
+}
+
function getQuotedSchemaTableName(table) {
if (typeof table === "string" && table.indexOf(".") > -1) {
var schemaTableComponents = table.split(".");
@@ -1410,4 +1455,6 @@ $(document).ready(function() {
}
}
});
+
+ bindDatabaseObjectsFilter();
});