aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/demos/checkbox.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/demos/checkbox.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/demos/checkbox.html122
1 files changed, 0 insertions, 122 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/demos/checkbox.html b/contexts/data/lib/closure-library/closure/goog/demos/checkbox.html
deleted file mode 100644
index 56ce9c3..0000000
--- a/contexts/data/lib/closure-library/closure/goog/demos/checkbox.html
+++ /dev/null
@@ -1,122 +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>
- <title>goog.ui.Checkbox</title>
- <script src="../base.js"></script>
- <script>
- goog.require('goog.debug.DivConsole');
- goog.require('goog.debug.LogManager');
- goog.require('goog.debug.Logger');
- goog.require('goog.dom');
- goog.require('goog.events');
- goog.require('goog.ui.Checkbox');
- goog.require('goog.ui.Checkbox.State');
- </script>
- <link rel="stylesheet" href="css/demo.css">
- <link rel="stylesheet" href="../css/checkbox.css">
-</head>
-<body>
- <h1>goog.ui.Checkbox</h1>
- <p>This is a tri-state checkbox.</p>
- <div>
- <span id="enable" class="goog-checkbox-checked"></span>Enable/disable</div>
- <br>
- <div><span id="all" class="goog-checkbox-undetermined"></span>root</div>
- <div style="margin-left: 1em;">
- <div><span id="leaf1" class="goog-checkbox-checked"></span>leaf 1</div>
- <div><span id="leaf2"></span>leaf 2</div>
- </div>
- <br>
- <div id="render">
- Created with render
- </div>
- <br>
- <div id="decorate">
- Created with decorate
- <span class="goog-checkbox"></span>
- <span class="goog-checkbox goog-checkbox-checked"></span>
- <span class="goog-checkbox goog-checkbox-undetermined"></span>
- <span class="goog-checkbox goog-checkbox-disabled"></span>
- </div>
- <br><br>
- <!-- Event log. -->
- <fieldset class="goog-debug-panel">
- <legend>Event Log for 'root', 'leaf1', 'leaf2'</legend>
- <div id="log" style="height: 500px"></div>
- </fieldset>
- <script type="text/javascript">
- // Set up a logger.
- goog.debug.LogManager.getRoot().setLevel(goog.debug.Logger.Level.ALL);
- var logger = goog.debug.Logger.getLogger('demo');
- var logconsole = new goog.debug.DivConsole(goog.dom.getElement('log'));
- logconsole.setCapturing(true);
- var EVENTS = goog.object.getValues(goog.ui.Component.EventType);
- logger.fine('Listening for: ' + EVENTS.join(', ') + '.');
- function logEvent(name, e) {
- logger.info('"' + name + '" dispatched: ' + e.type);
- }
-
- var all = new goog.ui.Checkbox();
- all.decorate(goog.dom.getElement('all'));
- all.setLabel(all.getElement().parentNode);
- goog.events.listen(all, EVENTS, goog.partial(logEvent, 'root'));
-
- var leaf1 = new goog.ui.Checkbox();
- leaf1.decorate(goog.dom.getElement('leaf1'));
- leaf1.setLabel(leaf1.getElement().parentNode);
- goog.events.listen(leaf1, EVENTS, goog.partial(logEvent, 'leaf1'));
-
- var leaf2 = new goog.ui.Checkbox();
- leaf2.decorate(goog.dom.getElement('leaf2'));
- leaf2.setLabel(leaf2.getElement().parentNode);
- goog.events.listen(leaf2, EVENTS, goog.partial(logEvent, 'leaf2'));
-
- var enable = new goog.ui.Checkbox();
- enable.setLabel(goog.dom.getElement('enable').parentNode);
- enable.decorate(goog.dom.getElement('enable'));
-
- var states = [false, true, null];
- goog.array.forEach(states, function(state) {
- new goog.ui.Checkbox(state).render(goog.dom.getElement('render'));
- });
- var checkbox = new goog.ui.Checkbox();
- checkbox.render(goog.dom.getElement('render'));
- checkbox.setEnabled(false);
-
- var decorateNodes = goog.dom.getElementsByTagNameAndClass('span', null,
- goog.dom.getElement('decorate'));
- for (var i = 0, len = decorateNodes.length; i < len; i++) {
- goog.ui.decorate(decorateNodes[i]);
- }
-
- function rootChanged(e) {
- leaf1.setChecked(all.getChecked());
- leaf2.setChecked(all.getChecked());
- }
-
- function leafChanged(e) {
- var same = leaf1.getChecked() == leaf2.getChecked();
- all.setChecked(same ? leaf1.getChecked() :
- goog.ui.Checkbox.State.UNDETERMINED);
- }
-
- function enableTree(enable) {
- all.setEnabled(enable);
- leaf1.setEnabled(enable);
- leaf2.setEnabled(enable);
- }
-
- goog.events.listen(all, goog.ui.Component.EventType.CHANGE, rootChanged);
- goog.events.listen(leaf1, goog.ui.Component.EventType.CHANGE, leafChanged);
- goog.events.listen(leaf2, goog.ui.Component.EventType.CHANGE, leafChanged);
- goog.events.listen(enable, goog.ui.Component.EventType.CHANGE,
- function() { enableTree(enable.getChecked()); });
- </script>
-</body>
-</html>