aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/demos/tree/demo.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/demos/tree/demo.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/demos/tree/demo.html126
1 files changed, 0 insertions, 126 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/demos/tree/demo.html b/contexts/data/lib/closure-library/closure/goog/demos/tree/demo.html
deleted file mode 100644
index 5562cf8..0000000
--- a/contexts/data/lib/closure-library/closure/goog/demos/tree/demo.html
+++ /dev/null
@@ -1,126 +0,0 @@
-<!DOCTYPE html>
-<html>
-<!--
-Copyright 2010 The Closure Library Authors. All Rights Reserved.
-
-Use of this source code is governed by the Apache License, Version 2.0.
-See the COPYING file for details.
--->
-<head>
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>goog.ui.tree.TreeControl</title>
- <script src="../../base.js"></script>
- <script>
- goog.require('goog.debug.DivConsole');
- goog.require('goog.debug.Trace');
- goog.require('goog.dom');
- goog.require('goog.ui.tree.TreeControl');
- </script>
- <script src="testdata.js"></script>
- <link rel="stylesheet" href="../css/demo.css">
- <link rel="stylesheet" href="../../css/tree.css">
- <style>
- #div-console {
- position: absolute;
- right: 10px;
- top: 10px;
- }
- </style>
-</head>
-<body>
- <h1>goog.ui.tree.TreeControl</h1>
- <div id="div-console"></div>
-
- <p><button onclick="toggleNonCollapseNode()">Toggle non collapsible</button>
- <button onclick="tree.setShowExpandIcons(!tree.getShowExpandIcons())">
- Toggle Expand Icons
- </button>
- <button onclick="tree.setShowLines(!tree.getShowLines())">
- Toggle Show Lines
- </button>
- <button onclick="tree.setShowRootLines(!tree.getShowRootLines())">
- Toggle Show Root Lines
- </button>
- <button onclick="tree.setShowRootNode(!tree.getShowRootNode())">
- Toggle Show Root Node
- </button>
-
- <p><button onclick="cut()">Cut</button>
- <button onclick="paste()">Paste</button>
-
- <div id="treeContainer" style="width:400px"></div>
-
- <script>
-
- var $ = goog.dom.getElement;
- var tree, clipboardNode;
-
- var divConsole = new goog.debug.DivConsole($('div-console'));
- divConsole.setCapturing(true);
-
- var logger = goog.debug.LogManager.getRoot();
-
- function makeTree() {
- goog.debug.Trace.initCurrentTrace();
- var tracerId = goog.debug.Trace.startTracer('makeTree');
- var treeConfig = goog.ui.tree.TreeControl.defaultConfig;
- treeConfig['cleardotPath'] = '../../images/tree/cleardot.gif';
- tree = new goog.ui.tree.TreeControl('root', treeConfig);
-
- createTreeFromTestData(tree, testData);
-
- tree.render($('treeContainer'));
-
- var elapsed = goog.debug.Trace.stopTracer(tracerId);
- logger.info('Trace:\n' + goog.debug.Trace.getFormattedTrace());
- }
-
-
- function createTreeFromTestData(node, data) {
- node.setHtml(data[0]);
- if (data.length > 1) {
- var children = data[1];
- var childNotCollapsible = 3; // Hard coded to reduce randomness.
- for (var i = 0; i < children.length; i++) {
- var child = children[i];
- var childNode = node.getTree().createNode('');
-
- node.add(childNode);
- createTreeFromTestData(childNode, child);
-
- if (i == childNotCollapsible && child.length > 1) {
- childNode.setIsUserCollapsible(false);
- childNode.setExpanded(true);
- nonCollapseNode = childNode;
- }
-
- }
- }
- }
-
- function toggleNonCollapseNode() {
- nonCollapseNode.setIsUserCollapsible(!nonCollapseNode.isUserCollapsible());
-
- }
-
- function cut() {
- if (tree.getSelectedItem()) {
- clipboardNode = tree.getSelectedItem();
- if (clipboardNode.getParent()) {
- clipboardNode.getParent().remove(clipboardNode);
- }
- }
- }
-
- function paste() {
- if (tree.getSelectedItem() && clipboardNode) {
- tree.getSelectedItem().add(clipboardNode);
- clipboardNode = null;
- }
- }
-
- makeTree();
-
- </script>
-</body>
-</html>