+++ /dev/null
-
-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 + '<a rel="'+clsName+'" class="fav"></a>';
- 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 + '<a rel="'+clsName+'" class="fav"></a>';
- 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
git.ithinksw.org / extjs.git / blobdiff