Expand comments list when count in member name is clicked. (5fbab0f1) · Commits · extjs / jsduck

template/app/view/cls/Overview.js

+1 −0

Original line number	Diff line number	Diff line
		@@ -127,6 +127,7 @@ Ext.define('Docs.view.cls.Overview', {
		// Add a comment container to each class member
		this.memberWrappers = Ext.Array.map(Ext.query('.member'), function(memberDoc) {
		return new Docs.view.comments.MemberWrap({
		parent: this,
		className: this.docClass.name,
		el: memberDoc
		});

+6 −0

Original line number	Diff line number	Diff line
		@@ -73,6 +73,9 @@ Ext.define('Docs.view.comments.Expander', {
		this.expanded ? this.collapse() : this.expand();
		},

		/**
		* Expands the comments list.
		*/
		expand: function() {
		this.expanded = true;
		var div = this.getEl().down(".comments-div");
		@@ -87,6 +90,9 @@ Ext.define('Docs.view.comments.Expander', {
		}
		},

		/**
		* Collapses the comments list, leaving just count.
		*/
		collapse: function() {
		this.expanded = false;
		var div = this.getEl().down(".comments-div");

+11 −1

Original line number	Diff line number	Diff line
		@@ -10,6 +10,11 @@ Ext.define('Docs.view.comments.MemberWrap', {

		tpl: Ext.create("Ext.XTemplate", '<span class="toggleMemberComments">{0}</span>'),

		/**
		* @cfg {Docs.view.cls.Overview} parent
		* The parent class Overview component.
		*/

		/**
		* @cfg {Ext.Element/HTMLElement} el
		* The member element to wrap.
		@@ -57,7 +62,12 @@ Ext.define('Docs.view.comments.MemberWrap', {
		titleComments.update(""+count);
		}
		else {
		this.tpl.append(titleEl, [count]);
		var el = this.tpl.append(titleEl, [count], true);
		el.on("click", function() {
		this.el.addCls("open");
		this.expander.expand();
		this.parent.scrollToEl(this.expander.getEl());
		}, this);
		}
		}
		else if (titleComments) {