X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/3789b528d8dd8aad4558e38e22d775bcab1cbd36..6746dc89c47ed01b165cc1152533605f97eb8e8d:/docs/js/OverviewToolbar.js diff --git a/docs/js/OverviewToolbar.js b/docs/js/OverviewToolbar.js deleted file mode 100644 index 5c49cf98..00000000 --- a/docs/js/OverviewToolbar.js +++ /dev/null @@ -1,157 +0,0 @@ -/** - * Toolbar with menus providing quick access to class members. - */ -Ext.define('Docs.OverviewToolbar', { - extend: 'Ext.toolbar.Toolbar', - dock: 'top', - cls: 'member-links', - padding: '3 5', - - /** - * @cfg {Object} docClass - * Documentation for a class. - */ - docClass: {}, - - initComponent: function() { - this.items = []; - - var memberTitles = { - cfg: "Configs", - property: "Properties", - method: "Methods", - event: "Events" - }; - for (var type in memberTitles) { - var members = this.docClass[type]; - if (members.length) { - this.items.push(this.createMemberButton({ - items: members, - type: type, - title: memberTitles[type] - })); - } - } - - if (this.docClass.subclasses.length) { - this.items.push(this.createSubClassesButton({ - items: this.docClass.subclasses, - title: "Sub Classes" - })); - } - - this.items = this.items.concat([ - { xtype: 'tbfill' }, - { - boxLabel: 'Hide inherited', - boxLabelAlign: 'before', - xtype: 'checkbox', - margin: '0 5 0 0', - padding: '0 0 5 0', - handler: this.hideInherited - }, - { - xtype: 'button', - iconCls: 'expandAllMembers', - tooltip: "Expand all", - handler: function() { - Ext.Array.forEach(Ext.query('.side.expandable'), function(el) { - Ext.get(el).parent().addCls('open'); - }); - } - }, - { - xtype: 'button', - iconCls: 'collapseAllMembers', - tooltip: "Collapse all", - handler: function() { - Ext.Array.forEach(Ext.query('.side.expandable'), function(el) { - Ext.get(el).parent().removeCls('open'); - }); - } - } - ]); - - this.callParent(arguments); - }, - - createMemberButton: function(cfg) { - var menu = Ext.create('Ext.menu.Menu', { - items: Ext.Array.map(cfg.items, function(m) { - return { - text: m.name, - memberName: cfg.type + '-' + m.name - }; - }), - plain: true, - listeners: { - click: function(menu, item) { - Ext.getCmp('doc-overview').scrollToEl("#" + item.memberName); - } - } - }); - - return Ext.create('Ext.button.Split', { - cls: cfg.type, - iconCls: 'icon-' + cfg.type, - text: cfg.title + ' ' + cfg.items.length + '', - listeners: { - click: function() { - Ext.getCmp('doc-overview').scrollToEl("#m-" + cfg.type); - } - }, - menu: menu - }); - }, - - createSubClassesButton: function(cfg) { - var menu = Ext.create('Ext.menu.Menu', { - items: Ext.Array.map(cfg.items, function(className) { - return {text: className, clsName: className}; - }), - plain: true, - listeners: { - click: function(menu, item) { - Docs.ClassLoader.load(item.clsName); - } - } - }); - - return Ext.create('Ext.button.Button', { - cls: 'subcls', - iconCls: 'icon-subclass', - text: cfg.title + ' ' + cfg.items.length + '', - menu: menu - }); - }, - - hideInherited: function(el) { - var hide = el.checked; - - // show/hide all inherited members - Ext.Array.forEach(Ext.query('.member.inherited'), function(m) { - Ext.get(m).setStyle({display: hide ? 'none' : 'block'}); - }); - - // Remove all first-child classes - Ext.Array.forEach(Ext.query('.member.first-child'), function(m) { - Ext.get(m).removeCls('first-child'); - }); - - Ext.Array.forEach(['cfg', 'property', 'method', 'event'], function(m) { - var sectionId = '#m-' + m; - - // Hide the section completely if all items in it are inherited - if (Ext.query(sectionId+' .member.not-inherited').length === 0) { - var section = Ext.query(sectionId)[0]; - section && Ext.get(section).setStyle({display: hide ? 'none' : 'block'}); - } - - // add first-child class to first member in section - var sectionMembers = Ext.query(sectionId+' .member' + (hide ? ".not-inherited" : "")); - if (sectionMembers.length > 0) { - Ext.get(sectionMembers[0]).addCls('first-child'); - } - }); - } -});