WCM-59 Hide category wrappers when filtering fields

liferay · Jul 21, 2014 · 83d6256 · 83d6256
1 parent bd1d6e3
commit 83d6256
Showing 1 changed file with 56 additions and 7 deletions.
diff --git a/content-targeting-web/docroot/js/content_targeting/ct_form_builder.js b/content-targeting-web/docroot/js/content_targeting/ct_form_builder.js
@@ -213,16 +213,65 @@ AUI.add(
 						},
 
 						_onItemFilterResults: function(event) {
-							var instance = this;
+							var instance = this,
+								contentBox = instance.get('contentBox'),
+								availableFieldsContainer = contentBox.one('.diagram-builder-fields-container'),
+								categories = availableFieldsContainer.all('.category-wrapper'),
+								query = event.query;
 
-							A.all('.diagram-builder-field').addClass('hide');
+							if (!instance._collapsedCategories) {
+								instance._collapsedCategories = [];
 
-							A.Array.each(
-								event.results,
-								function(result) {
-									result.raw.node.ancestor('.diagram-builder-field').removeClass('hide');
+								categories.each(
+									function(item, index) {
+										var header = item.one('.toggler-header');
+
+										if (header && header.hasClass('toggler-header-collapsed')) {
+											instance._collapsedCategories.push(item);
+										}
+									}
+								);
+							}
+
+							if (!query) {
+								availableFieldsContainer.all('.category-wrapper, .diagram-builder-field').removeClass('hide');
+
+								if (instance._collapsedCategories) {
+									A.each(
+										instance._collapsedCategories,
+										function(item, index) {
+											var categoryIndex = categories.indexOf(item);
+
+											var togglerItems = instance._togglerDelegate.items;
+
+											togglerItems[categoryIndex].collapse(
+												{
+													silent: true
+												}
+											);
+										}
+									);
+
+									instance._collapsedCategories = null;
 								}
-							);
+							}
+							else {
+								availableFieldsContainer.all('.category-wrapper, .diagram-builder-field').addClass('hide');
+
+								A.Array.each(
+									event.results,
+									function(result) {
+										result.raw.node.ancestor('.diagram-builder-field').removeClass('hide');
+										result.raw.node.ancestor('.category-wrapper').removeClass('hide');
+									}
+								);
+
+								instance._togglerDelegate.expandAll(
+									{
+										silent: true
+									}
+								);
+							}
 						},
 
 						_parseFields: function() {