X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/class_tree.js diff --git a/docs/class_tree.js b/docs/class_tree.js deleted file mode 100644 index dbac3128..00000000 --- a/docs/class_tree.js +++ /dev/null @@ -1,260 +0,0 @@ - -Ext.define('Docs.ClassTree', { - extend: 'Ext.tree.Panel', - - id: 'treePanelCmp', - cls: 'iScroll', - renderTo: 'treePanel', - folderSort: true, - useArrows: true, - - height: Ext.core.Element.getViewportHeight() - 170, - border: false, - bodyBorder: false, - padding: '0 0 0 20', - - // dockedItems: [ - // { - // xtype: 'container', - // layout: 'hbox', - // dock: 'top', - // margin: '0 0 10 0', - // items: [ - // { - // xtype: 'button', - // text: 'Favorites', - // clickEvent: 'mouseover', - // iconCls: 'icon-fav', - // baseCls: 'historyBut', - // margin: '0 10 0 0', - // menu: { - // plain: true, - // items: [], - // listeners: { - // click: function(menu, item) { - // if (item) { - // getDocClass(item.text) - // } - // } - // } - // } - // }, - // { - // xtype: 'button', - // text: 'History', - // iconCls: 'icon-hist', - // clickEvent: 'mouseover', - // baseCls: 'historyBut', - // menu: { - // id: 'historyItems', - // plain: true, - // items: [ - // { text: 'Ext.button.Button', iconCls: 'icon-class' } - // ], - // listeners: { - // click: function(menu, item) { - // if (item) { - // getDocClass(item.text) - // } - // } - // } - // } - // } - // ] - // } - // ], - - listeners: { - itemclick: function(view, node) { - - var clsName = node.raw ? node.raw.clsName : node.data.clsName; - - if (clsName) { - getDocClass(clsName) - } else if (!node.isLeaf()){ - if (node.isExpanded()) { - node.collapse(false); - } else{ - node.expand(false); - } - } - }, - render: function() { - var self = this; - setTimeout(function() { - self.selectCurrentClass() - }, 500) - } - }, - - selectCurrentClass: function() { - - var treePanel = Ext.getCmp('treePanelCmp'); - - if (req.docClass != 'undefined') { - - var classNode = Ext.getCmp('treePanelCmp').getRootNode().findChildBy(function(n){ - return req.docClass == n.raw.clsName; - }, null, true); - - if (classNode) { - treePanel.getSelectionModel().select(classNode); - classNode.bubble(function(n){ - n.expand() - }); - } - } - } -}); - - -Ext.define('CouchView', { - extend: 'Ext.data.Model', - fields: [ 'id', 'key', 'value' ] -}); - -var convert = function(classes) { - var tree = {}, - nodes = [], - id = 0; - - c = classes; - - classes.keys.forEach(function(cls) { - - var parts = cls.split('.'), - prevObject = tree; - - var stitchedParts = []; - for (var i = 0; i < parts.length; i++) { - if (i > 0 && parts[i + 1] && parts[i + 1][0] && parts[i][0] && parts[i][0].match(/^[A-Z]/) && parts[i + 1][0].match(/^[A-Z]/)) { - var n = parts.splice(i, 2).join('.'); - parts.splice(i, 0, n); - } - } - - parts.forEach(function(part) { - if (!prevObject[part]) { - prevObject[part] = {}; - } - - prevObject = prevObject[part]; - }); - }); - - function handleTree(cls, tree) { - var innerNodes = []; - - var treeKeys = []; - for (var key in tree) treeKeys.push(key); - - treeKeys.forEach(function(key) { - innerNodes.push({ - id: id++, - text: key - }); - innerNodes[innerNodes.length - 1].allowDrop = false; - var clsName = (cls ? (cls + ".") : "") + key; - var clsData = classes.get(clsName); - - var subTreeKeys = []; - for (var k2 in tree[key]) subTreeKeys.push(k2); - if (subTreeKeys.length) { - innerNodes[innerNodes.length - 1].children = handleTree(clsName, tree[key]); - innerNodes[innerNodes.length - 1].allowDrag = false; - innerNodes[innerNodes.length - 1].iconCls = 'icon-pkg'; - if(clsData) { - innerNodes[innerNodes.length - 1].clsName = clsName; - innerNodes[innerNodes.length - 1].text = innerNodes[innerNodes.length - 1].text + ''; - innerNodes[innerNodes.length - 1].iconCls = 'icon-' + clsData.data.value.clsType; - } - } else { - if(clsData) { - innerNodes[innerNodes.length - 1].iconCls = 'icon-' + clsData.data.value.clsType; - } - - innerNodes[innerNodes.length - 1].text = innerNodes[innerNodes.length - 1].text + ''; - innerNodes[innerNodes.length - 1].leaf = true; - innerNodes[innerNodes.length - 1].clsName = clsName; - } - }); - - return innerNodes; - } - - return handleTree(null, tree); -}; - -var classPackagesStore; - -var resizeWindows; -var resizeWindowFn = function() { - - var treePanelCmp = Ext.getCmp('treePanelCmp'), - docTabPanel = Ext.getCmp('docTabPanel'), - container = Ext.get('container'), - viewportHeight = Ext.core.Element.getViewportHeight(), - viewportWidth = Ext.core.Element.getViewportWidth(); - - if (Ext.get('notice')) { - viewportHeight = viewportHeight - 40; - } - - container.setStyle({position: 'absolute', height: String(viewportHeight - 40) + 'px', width: String(viewportWidth - 280) + 'px'}) - - if (treePanelCmp) { - treePanelCmp.setHeight(viewportHeight - 140); - } else { - Ext.get('docContent').setHeight(viewportHeight - 90); - } - - if (docTabPanel) { - docTabPanel.setHeight(viewportHeight - 125); - } - - resizeWindows = null; -}; - -// Resize the main window and tree on resize -Ext.onReady(function() { - - resizeWindowFn(); - - window.onresize = function() { - if(!resizeWindows) { - resizeWindows = setTimeout(resizeWindowFn, 100); - } - }; - - if (req.standAloneMode) { - if (window.location.href.match(/api/)) { - req.baseDocURL = '../'; - } else if (window.location.href.match(/guide/)){ - req.baseDocURL = '../'; - } - } - - classPackagesStore = new Ext.data.Store({ - model: 'CouchView', - proxy: { - type: 'jsonp', - callbackParam: 'callback', - url : req.baseDocURL + '/classes.json', - reader: { - type: 'json', - root: 'rows' - } - }, - autoLoad: true, - listeners: { - load: function() { - var nodes = convert(this.data)[0]; - nodes.expanded = true; - Ext.create('Docs.ClassTree', { - root: nodes - }); - } - } - }); - -}); \ No newline at end of file