+++ /dev/null
-if (!Array.prototype.forEach)
-{
- Array.prototype.forEach = function(fun /*, thisp*/)
- {
- var len = this.length;
- if (typeof fun != "function")
- throw new TypeError();
-
- var thisp = arguments[1];
- for (var i = 0; i < len; i++)
- {
- if (i in this)
- fun.call(thisp, this[i], i, this);
- }
- };
-}
-
-Ext.define('Docs.SourceCodePanel', {
- extend: 'Ext.panel.Panel',
-
- id: 'doc-source',
- title: 'Source',
- autoScroll: true,
- listeners: {
- activate: function(a,b,c) {
- var self = this;
-
- var url = req.baseDocURL + '/source/' + req.source,
- idx = url.indexOf('#');
- if (idx) {
- url = url.substr(0, idx);
- }
-
- Ext.Ajax.request({
- method : 'GET',
- url : url + '?plain=1',
-
- success : function(response, opts) {
- self.update('<pre class="prettyprint">' + response.responseText + '</pre>');
- prettyPrint();
- },
- failure : function(response, opts) {
- console.log('Fail');
- }
- });
- }
- }
-});
-
-Ext.define('Docs.OverviewToolbar', {
- extend: 'Ext.toolbar.Toolbar',
- dock: 'top',
- id: 'overview-toolbar',
- cls: 'member-links',
- padding: '3 5',
-
- items: [],
-
- initComponent: function() {
-
- var self = this;
- var members = [
- ['cfgs', 'Configs', 'configs', 'config'],
- ['properties', 'Properties', 'properties', 'property'],
- ['methods', 'Methods', 'methods', 'method'],
- ['events', 'Events', 'events', 'event']
- ];
- this.items = [];
-
- members.forEach(function(member) {
-
- if (clsInfo[member[0]] && clsInfo[member[0]].length) {
-
- var menuItems = [];
- for(var i=0; i< clsInfo[member[0]].length; i++) {
- var memberName = clsInfo[member[0]][i];
- menuItems.push({text: memberName, memberName: member[3] + '-' + memberName});
- }
-
- var butMenu = Ext.create('Ext.menu.Menu', {
- items: menuItems,
- plain: true,
- listeners: {
- click: function(menu, item) {
- Ext.getCmp('doc-overview').scrollToEl("a[name=" + item.memberName + "]");
- }
- }
- });
-
- self.items.push({
- xtype: 'splitbutton',
- iconCls: 'icon-' + member[3],
- cls: member[2],
- text: member[1] + ' <span class="num">' + clsInfo[member[0]].length + '</span>',
- listeners: {
- click: function() {
- Ext.getCmp('doc-overview').scrollToEl("a[name=" + member[2] + "]");
- }
- },
- menu: butMenu
- });
- }
- });
-
- if (clsInfo.subclasses.length) {
- var menuItems = [];
- for(var i=0; i< clsInfo.subclasses.length; i++) {
- menuItems.push({text: clsInfo.subclasses[i], clsName: clsInfo.subclasses[i]});
- }
-
- var butMenu = Ext.create('Ext.menu.Menu', {
- items: menuItems,
- plain: true,
- listeners: {
- click: function(menu, item) {
- getDocClass(item.clsName);
- }
- }
- });
-
- self.items.push({
- xtype: 'button',
- cls: 'subcls',
- iconCls: 'icon-subclass',
- text: 'Sub Classes <span class="num">' + clsInfo.subclasses.length + '</span>',
- menu: butMenu
- });
- }
-
- self.items = self.items.concat([
- { xtype: 'tbfill' },
- {
- boxLabel: 'Hide inherited',
- boxLabelAlign: 'before',
- xtype: 'checkbox',
- margin: '0 5 0 0',
- padding: '0 0 5 0',
- handler: function(el) {
- Ext.query('.member.inherited').forEach(function(m) {
- if(el.checked) {
- Ext.get(m).setStyle({display: 'none'});
- } else {
- Ext.get(m).setStyle({display: 'block'});
- }
- });
-
- Ext.query('.member.f').forEach(function(m) {
- Ext.get(m).removeCls('f');
- });
-
- ['cfgs', 'properties', 'methods', 'events'].forEach(function(m) {
- // If the number of inherited members is the same as the total number of members...
- if (Ext.query('.m-'+m+' .member').length == Ext.query('.m-'+m+' .member.inherited').length) {
- var first = Ext.query('.m-'+m)[0];
- if (first) {
- if (el.checked) {
- Ext.get(Ext.query('.m-'+m)[0]).setStyle({display: 'none'});
- } else {
- Ext.get(Ext.query('.m-'+m)[0]).setStyle({display: 'block'});
- }
- }
- }
- var t = el.checked ? 'ni' : 'member';
- var firstMemberEl = Ext.query('.m-'+m+' .member.' + t);
- if (firstMemberEl.length > 0) {
- Ext.get(firstMemberEl[0]).addCls('f');
- }
- });
- }
- },
- {
- xtype: 'button',
- iconCls: 'expandAllMembers',
- handler: function() {
- Ext.query('.member').forEach(function(el) {
- Ext.get(el).addCls('open');
- });
- }
- },
- {
- xtype: 'button',
- iconCls: 'collapseAllMembers',
- handler: function() {
- Ext.query('.member').forEach(function(el) {
- Ext.get(el).removeCls('open');
- });
- }
- }
- ]);
-
- this.callParent(arguments);
- }
-});
-
-Ext.define('Docs.OverviewPanel', {
- extend: 'Ext.panel.Panel',
-
- id: 'doc-overview',
- cls: 'doc-tab iScroll',
- title: 'Overview',
- autoScroll: true,
-
- scrollToEl: function(query) {
- var el = Ext.get(Ext.query(query)[0]);
- if (el) {
- var scrollOffset = el.getY() - 150;
- var docContent = Ext.get(Ext.query('#doc-overview .x-panel-body')[0]);
- var currentScroll = docContent.getScroll()['top'];
- docContent.scrollTo('top', currentScroll + scrollOffset, true);
-
- var prnt = el.up('.member');
- if (prnt) {
- Ext.get(prnt).addCls('open');
- }
- }
- },
-
- listeners: {
- afterrender: function(cmp) {
- cmp.el.addListener('click', function(cmp, el) {
- Ext.get(Ext.get(el).up('.member')).toggleCls('open');
- }, this, {
- preventDefault: true,
- delegate: '.expand'
- });
- cmp.el.addListener('click', function(cmp, el) {
- getDocClass(el.rel);
- }, this, {
- preventDefault: true,
- delegate: '.docClass'
- });
- prettyPrint();
- }
- },
-
- initComponent: function() {
- this.dockedItems = [
- Ext.create('Docs.OverviewToolbar')
- ];
-
- if (Ext.get('doc-overview-content')) {
- this.contentEl = 'doc-overview-content';
- }
-
- this.callParent(arguments);
- }
-});
-
-
-Ext.define('Docs.classPanel', {
- extend: 'Ext.tab.Panel',
-
- id: 'docTabPanel',
- renderTo: 'docContent',
-
- style: 'border-color: #bfbfbf;',
- plain: true,
-
- // Remember tab scroll position on Webkit
- listeners: {
- beforetabchange: function(tabPanel, newCard, oldCard) {
- oldCard.prevScroll = oldCard.body.getScroll()['top'];
- },
- tabchange: function(tabPanel, newCard, oldCard) {
- if (newCard.prevScroll) {
- newCard.body.scrollTo('top', newCard.prevScroll);
- }
- },
- afterrender: function() {
- resizeWindowFn();
- }
- },
-
- initComponent: function() {
-
- this.height = Ext.get('docContent').getHeight() - 55;
- this.items = [ Ext.create('Docs.OverviewPanel') ];
-
- if (!req.standAloneMode) {
- this.items.push(Ext.create('Docs.SourceCodePanel'));
- }
-
- this.callParent(arguments);
- }
-});
-
-var classCache = {};
-var getDocClass = function(cls, noHistory) {
-
- var member,
- hashIdx = cls.indexOf('#');
-
- if (hashIdx > 0) {
- member = cls.substr(hashIdx + 1);
- cls = cls.substr(0, hashIdx);
- }
-
- if (req.standAloneMode) {
- if (window.location.href.match(/api/)) {
- window.location = cls + '.html';
- } else if (window.location.href.match(/guide/)){
- window.location = '../api/' + cls + '.html';
- } else {
- window.location = 'api/' + cls + '.html';
- }
- return;
- }
-
- var fullUrl = req.baseDocURL + "/api/" + cls;
- if (!noHistory && window.history && window.history.pushState) {
- window.history.pushState({
- docClass: cls
- },
- '', fullUrl);
- }
-
- var docTabPanel = Ext.getCmp('docTabPanel');
- if (docTabPanel) {
- Ext.getCmp('docTabPanel').setActiveTab(0);
- }
-
- if(classCache[cls]) {
- showClass(classCache[cls], member);
- } else {
- if (docTabPanel) {
- Ext.getCmp('doc-overview').setLoading(true);
- }
-
- Ext.data.JsonP.request({
- callbackKey: 'docsCallback',
- url : req.baseDocURL + '/api/' + cls + '/ajax',
-
- success : function(response, opts) {
- classCache[response.cls] = response;
- showClass(response, member);
- },
- failure : function(response, opts) {
- console.log('Fail');
- }
- });
- }
-};
-
-var showClass = function(resp, anchor) {
-
- var docTabPanel = Ext.getCmp('docTabPanel');
-
- clsInfo = resp.clsInfo;
- req.docClass = resp.cls;
- req.source = resp.source;
-
- if (!docTabPanel) {
- Ext.get('docContent').update('');
- Ext.create('Docs.classPanel');
- }
-
- Ext.get('docTabPanel').show();
- var pageContent = Ext.get('pageContent');
- if (pageContent) {
- pageContent.setVisibilityMode(Ext.core.Element.DISPLAY).hide();
- }
-
- var docOverviewTab = Ext.getCmp('doc-overview');
-
- docOverviewTab.update(resp.content);
- docOverviewTab.removeDocked(Ext.getCmp('overview-toolbar'), true);
- docOverviewTab.addDocked(Ext.create('Docs.OverviewToolbar'));
- docOverviewTab.setLoading(false);
-
- prettyPrint();
-
- var historyItems = Ext.getCmp('historyItems');
- if (historyItems) {
-
- var item = classPackagesStore.getById(resp.cls);
-
- var menuItem = {
- text: resp.cls
- };
- if (item.data.value.clsType) {
- menuItem.iconCls = 'icon-'+item.data.value.clsType;
- }
-
- historyItems.insert(0, menuItem);
- }
-
-
- Ext.get('top-block').update(resp.title);
- if (anchor) {
- Ext.getCmp('doc-overview').scrollToEl("a[name=" + anchor + "]");
- } else {
- var docContent = Ext.get(Ext.query('#doc-overview .x-panel-body')[0]);
- docContent.scrollTo('top', 0);
- }
-};
-
-var showContent = function(title, html) {
- Ext.getCmp('docTabPanel').hide();
- Ext.get('pageContent').setVisibilityMode(Ext.core.Element.DISPLAY).show().update(html);
-};
-
-
-/**
- * History manager for compliant browsers
- */
-if (window.history && window.history.pushState && !req.standAloneMode) {
-
- // window.addEventListener('hashchange', function(e) {
- // // console.log('Hash changed')
- // });
-
- var ignoreInitialHistory = true;
-
- window.addEventListener('popstate', function(e) {
- e.preventDefault();
-
- if (ignoreInitialHistory) {
- ignoreInitialHistory = false;
- return false;
- }
-
- if (e.state && e.state.docClass) {
- getDocClass(e.state.docClass, true);
- }
- return false;
- }, false);
-}
-
-
-
-// Ext.onReady(function() {
-//
-// Ext.define('Docs.tabBar', {
-// extend: 'Ext.tab.Panel',
-//
-// id: 'tabBar',
-// items: [],
-// renderTo: Ext.getBody(),
-// width: 500,
-// plain: true,
-// tabPosition: 'bottom',
-// // minTabWidth: 50,
-// autoRender: true,
-// listeners: {
-// afterrender: function() {
-// this.alignTo('top-block', 'tr', [-500, -10])
-// }
-// },
-//
-// initComponent: function() {
-//
-// var me = this;
-//
-// for(var i=0; i< 15; i++) {
-// this.items.push({
-// // xtype: 'tab',
-// title: 'test ' + i
-// // tabBar: me
-// })
-// }
-//
-// this.callParent(arguments);
-// }
-// });
-//
-// Ext.create('Docs.tabBar')
-//
-// })
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff