Remove all pre-MVC files. (547db9a2) · Commits · extjs / jsduck

template/js/History.js→template/app/History.js

+0 −0

File moved.

template/index.html

+1 −2

Original line number	Diff line number	Diff line
		@@ -34,8 +34,7 @@
		<script type="text/javascript" src="app/view/Viewport.js"></script>
		<script type="text/javascript" src="app/controller/Classes.js"></script>
		<script type="text/javascript" src="app/controller/Search.js"></script>

		<script type="text/javascript" src="js/History.js"></script>
		<script type="text/javascript" src="app/History.js"></script>

		<script type="text/javascript" src="output/tree.js"></script>
		<script type="text/javascript" src="output/members.js"></script>

template/index_old.html

deleted100644 → 0

+0 −119

Original line number	Diff line number	Diff line
		<!DOCTYPE html>
		<html>
		<head>
		<title>Ext JS API</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
		<link rel="stylesheet" href="resources/css/reset.css" type="text/css" />
		<link rel="stylesheet" href="resources/css/docs-ext.css" type="text/css" />
		<link rel="stylesheet" href="resources/css/style.css" type="text/css" />
		<link rel="stylesheet" href="resources/css/scrollbars.css" type="text/css" />
		<link rel="stylesheet" href="prettify/prettify.css" type="text/css" />
		<!--[if IE]>
		<link rel="stylesheet" href="resources/css/ie.css" type="text/css" />
		<![endif]-->
		</head>
		<body id="ext-body" class="iScroll">
		<div id="notice" class="notice">
		For up to date documentation and features, visit <a href="http://docs.sencha.com/ext-js/4-0">http://docs.sencha.com/ext-js/4-0</a>
		</div>

		<div class="wrapper">
		<div class="head-band"></div>

		<div class="header">
		<h2><a href="index.html">Sencha Documentation</a></h2>
		</div>

		<div id="search">
		<form>
		<input type="text" placeholder="Search" id="search-field" autocomplete="off" name="q" />
		</form>

		<div id="search-box"></div>
		</div>

		<div id="treePanel"></div>

		<div id="container">
		<div id="top-block">
		<h1>Ext JS 4.0 API Documentation</h1>
		</div>

		<div id="docContent" class="iScroll">

		<div id="api-overview" class="piechartLinks">

		<div class="legend icons">
		<h4>Legend</h4>
		<ul>
		<li class="icn icon-pkg">Package</li>
		<li class="icn icon-class">Class</li>
		<li class="icn icon-singleton">Singleton</li>
		<li class="icn icon-component">Component</li>
		<li class="icn icon-book">Guide</li>
		</ul>
		</div>

		<div class="legend guides">
		<h4>Guides</h4>
		<div class="lft">
		<a href="guides/getting_started/index.html" class="getting_started">Getting Started</a>
		<a href="guides/class_system/index.html" class="class_system">Class System</a>
		<a href="guides/application_architecture/index.html" class="application_architecture">MVC Architecture</a>
		<a href="guides/layouts_and_containers/index.html" class="layouts_and_containers">Layouts and Containers</a>
		</div>
		<div class="mid">
		<a href="guides/data/index.html" class="data">Data</a>
		<a href="guides/grid/index.html" class="grid">Grids</a>
		<a href="guides/tree/index.html" class="tree">Trees</a>
		<a href="guides/drawing_and_charting/index.html" class="drawing_and_charting">Charts</a>
		</div>
		<div class="right">
		<a href="guides/components/index.html" class="components">Components</a>
		<a href="guides/theming/index.html" class="theming">Theming</a>
		<a href="guides/direct/index.html" class="direct">Direct</a>
		<a href="guides/accessibility/index.html" class="accessibility">Accessibility</a>
		</div>
		</div>

		</div>

		<div id="api-guide"></div>

		<div id="api-class"></div>

		</div>

		<div style="clear: both"></div>
		</div>
		</div>

		<form id="history-form" class="x-hide-display">
		<input type="hidden" id="x-history-field" />
		<iframe id="x-history-frame"></iframe>
		</form>

		<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
		<script type="text/javascript" src="prettify/prettify.js"></script>
		<script type="text/javascript">
		Docs = {};
		</script>
		<script type="text/javascript" src="output/tree.js"></script>
		<script type="text/javascript" src="output/members.js"></script>
		<script type="text/javascript" src="output/overviewData.js"></script>

		<script type="text/javascript" src="js/App.js"></script>
		<script type="text/javascript" src="js/ClassLoader.js"></script>
		<script type="text/javascript" src="js/History.js"></script>
		<script type="text/javascript" src="js/PageHeader.js"></script>
		<script type="text/javascript" src="js/ClassTree.js"></script>
		<script type="text/javascript" src="js/OverviewPanel.js"></script>
		<script type="text/javascript" src="js/OverviewToolbar.js"></script>
		<script type="text/javascript" src="js/ClassPanel.js"></script>
		<script type="text/javascript" src="js/Guides.js"></script>

		<script type="text/javascript" src="js/search.js"></script>
		<script type="text/javascript" src="js/init.js"></script>
		</body>
		</html>

template/js/App.js

deleted100644 → 0

+0 −140

Original line number	Diff line number	Diff line
		/**
		* Manages the front page and switching between the main parts of docs
		* app.
		*/
		Ext.define("Docs.App", {
		singleton: true,

		/**
		* Returns base URL used for making AJAX requests.
		* @return {String} URL
		*/
		getBaseUrl: function() {
		return document.location.href.replace(/#.*/, "").replace(/index.html/, "");
		},

		/**
		* Initializes listeners for all kind of links on front page.
		*/
		init: function() {
		this.initResizeWindow();

		Ext.core.DomHelper.append(Ext.get("api-overview"), this.renderOverviewData(Docs.overviewData));

		// load front page when clicked on logo
		Ext.get(Ext.query(".header > h2 > a")[0]).addListener('click', function() {
		this.setIndexMode();
		Docs.History.push("");
		}, this, {preventDefault: true});

		// load guide when clicked on guide link
		Ext.Array.forEach(Ext.query("#api-overview .guides a"), function(el) {
		Ext.get(el).addListener('click', function() {
		this.setGuideMode();
		Docs.Guides.load(el.className);
		}, this, {preventDefault: true});
		}, this);

		// render classes tree
		Ext.create('Docs.ClassTree', {
		root: Docs.classData
		});

		Ext.tip.QuickTipManager.init();
		Docs.History.init();
		},

		setIndexMode: function() {
		Ext.get("top-block").setStyle({display: 'block'});
		Ext.get("top-block").update('<h1>Ext JS 4.0 API Documentation</h1>');

		Ext.get("api-overview").setStyle({display: 'block'});
		Ext.get("api-guide").setStyle({display: 'none'}).update("");
		Ext.get("api-class").setStyle({display: 'none'});
		},

		setGuideMode: function() {
		Ext.get("top-block").setStyle({display: 'none'});

		Ext.get("api-overview").setStyle({display: 'none'});
		Ext.get("api-guide").setStyle({display: 'block'});
		Ext.get("api-class").setStyle({display: 'none'});
		},

		setClassMode: function() {
		Ext.get("top-block").setStyle({display: 'block'});

		Ext.get("api-overview").setStyle({display: 'none'});
		Ext.get("api-guide").setStyle({display: 'none'}).update("");
		Ext.get("api-class").setStyle({display: 'block'});
		},

		initResizeWindow: function() {
		this.resizeWindow();
		// Resize the main window and tree on resize
		window.onresize = Ext.bind(function() {
		if (!this.resizeTimeout) {
		this.resizeTimeout = Ext.Function.defer(this.resizeWindow, 100, this);
		}
		}, this);
		},

		resizeWindow: 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);
		}

		this.resizeTimeout = null;
		},

		renderOverviewData: function(data) {
		var tpl = new Ext.XTemplate(
		'<tpl for="organisation">',
		'<div class="category">',
		'<h1>{name}</h1>',
		'<tpl for="categories">',
		'<div class="{align}">',
		'<tpl for="items">',
		'<h3>{.}</h3>',
		'<div class="links">',
		'{[this.renderClasses(values)]}',
		'</div>',
		'</tpl>',
		'</div>',
		'</tpl>',
		'<div style="clear:both"></div>',
		'</div>',
		'</tpl>',
		{
		renderClasses: function(category) {
		return Ext.Array.map(data.categories[category].classes, function(cls) {
		return Ext.String.format('<a href="#/api/{0}" rel="{0}" class="docClass">{0}</a>', cls);
		}).join("\n");
		}
		}
		);
		return tpl.apply(data);
		}
		});

template/js/ClassLoader.js

deleted100644 → 0

+0 −84

Original line number	Diff line number	Diff line
		/**
		* Manages the loading of class documentation.
		*/
		Ext.define("Docs.ClassLoader", {
		singleton: true,
		cache: {},

		/**
		* Loads class.
		*
		* @param {String} clsUrl name of the class + optionally name of the method, separated with dash.
		* @param {Boolean} noHistory true to disable adding entry to browser history
		*/
		load: function(clsUrl, noHistory) {
		var cls = clsUrl;
		var member;

		// separate class and member name
		var matches = clsUrl.match(/^(.?)(?:-(.))?$/);
		if (matches) {
		cls = matches[1];
		member = matches[2];
		}

		if (!noHistory) {
		Docs.History.push("/api/" + clsUrl);
		}

		Docs.App.setClassMode();
		var docTabPanel = Ext.getCmp('docTabPanel');
		if (docTabPanel) {
		Ext.getCmp('docTabPanel').setActiveTab(0);
		}

		if (this.cache[cls]) {
		this.showClass(this.cache[cls], member);
		} else {
		if (docTabPanel) {
		Ext.getCmp('doc-overview').setLoading(true);
		}

		Ext.data.JsonP.request({
		url: Docs.App.getBaseUrl() + '/output/' + cls + '.js',
		callbackName: cls.replace(/\./g, '_'),
		success: function(json, opts) {
		this.cache[cls] = json;
		this.showClass(json, member);
		},
		failure : function(response, opts) {
		console.log('Fail');
		},
		scope: this
		});
		}
		},

		showClass: function(cls, anchor) {
		var docTabPanel = Ext.getCmp('docTabPanel');
		if (!docTabPanel) {
		Ext.create('Docs.ClassPanel');
		}

		Ext.get('docTabPanel').show();
		var pageContent = Ext.get('pageContent');
		if (pageContent) {
		pageContent.setVisibilityMode(Ext.core.Element.DISPLAY).hide();
		}

		Ext.getCmp('treePanelCmp').selectClass(cls.name);
		Docs.PageHeader.load(cls);

		var docOverviewTab = Ext.getCmp('doc-overview');
		docOverviewTab.load(cls);
		docOverviewTab.setLoading(false);

		if (anchor) {
		Ext.getCmp('doc-overview').scrollToEl("#" + anchor);
		} else {
		var docContent = Ext.get(Ext.query('#doc-overview .x-panel-body')[0]);
		docContent.scrollTo('top', 0);
		}
		}
		});