/
conditional.html
100 lines (86 loc) · 7.33 KB
/
conditional.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:rsf="http://ponder.org.uk/rsf">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../../../framework/fss/css/fss-reset-global.css" />
<link rel="stylesheet" type="text/css" href="../../../../framework/fss/css/fss-base-global.css" />
<link rel="stylesheet" type="text/css" href="../../../../framework/fss/css/fss-layout.css" />
<link rel="stylesheet" type="text/css" href="../../../../framework/fss/css/fss-text.css" />
<link rel="stylesheet" type="text/css" href="../../../../framework/preferences/css/PrefsEditor.css" />
<link rel="stylesheet" type="text/css" href="../../../../framework/preferences/css/SeparatedPanelPrefsEditor.css" />
<link rel="stylesheet" type="text/css" href="../shared/css/demo.css" />
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="../../../../framework/preferences/css/ie8.css" />
<link rel="stylesheet" type="text/css" href="css/ie8.css" />
<![endif]-->
<title>Preferences Editor Demo: Conditional Adjusters</title>
<script type="text/javascript" src="../../../../lib/jquery/core/js/jquery.js"></script>
<script type="text/javascript" src="../../../../lib/jquery/ui/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../../../lib/jquery/ui/js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../../../lib/jquery/ui/js/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="../../../../lib/jquery/ui/js/jquery.ui.slider.js"></script>
<script type="text/javascript" src="../../../../lib/json/js/json2.js"></script>
<script type="text/javascript" src="../../../../framework/core/js/FluidDocument.js"></script>
<script type="text/javascript" src="../../../../framework/core/js/jquery.keyboard-a11y.js"></script>
<script type="text/javascript" src="../../../../framework/core/js/Fluid.js"></script>
<script type="text/javascript" src="../../../../framework/core/js/FluidRequests.js"></script>
<script type="text/javascript" src="../../../../framework/core/js/FluidDOMUtilities.js"></script>
<script type="text/javascript" src="../../../../framework/core/js/DataBinding.js"></script>
<script type="text/javascript" src="../../../../framework/core/js/FluidView.js"></script>
<script type="text/javascript" src="../../../../framework/core/js/FluidIoC.js"></script>
<script type="text/javascript" src="../../../../lib/fastXmlPull/js/fastXmlPull.js"></script>
<script type="text/javascript" src="../../../../framework/renderer/js/fluidParser.js"></script>
<script type="text/javascript" src="../../../../framework/renderer/js/fluidRenderer.js"></script>
<script type="text/javascript" src="../../../../framework/renderer/js/RendererUtilities.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/URLUtilities.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/Store.js"></script>
<script type="text/javascript" src="../../../../components/textfieldSlider/js/TextfieldSlider.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/UIEnhancer.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/PrefsEditor.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/Panels.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/ModelRelay.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/Enactors.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/SeparatedPanelPrefsEditor.js"></script>
<script type="text/javascript" src="../../../../components/slidingPanel/js/SlidingPanel.js"></script>
<script type="text/javascript" src="../../../../components/tableOfContents/js/TableOfContents.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/PrimaryBuilder.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/AuxBuilder.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/StarterSchemas.js"></script>
<script type="text/javascript" src="../../../../framework/preferences/js/Builder.js"></script>
<script type="text/javascript" src="../shared/js/primarySchema.js"></script>
<script type="text/javascript" src="../shared/js/utilities.js"></script>
<script type="text/javascript" src="js/auxiliarySchema.js"></script>
<script type="text/javascript" src="../shared/js/panels.js"></script>
<script type="text/javascript" src="js/panels.js"></script>
<script type="text/javascript" src="../shared/js/enactors.js"></script>
<script type="text/javascript" src="js/conditional.js"></script>
</head>
<body class="demo-theme fl-focus">
<script type="text/javascript">
$(document).ready(function () {
prefsEd = demo.initPrefsEditor(".flc-prefsEditor-separatedPanel");
})
</script>
<!-- BEGIN markup for Preference Editor -->
<div class="flc-prefsEditor-separatedPanel fl-prefsEditor-separatedPanel">
<!-- This is the div that will contain the Preference Editor component -->
<div class="flc-slidingPanel-panel flc-prefsEditor-iframe"></div>
<!-- This div is for the sliding panel that shows and hides the Preference Editor controls -->
<div class="fl-panelBar">
<span class="fl-prefsEditor-buttons">
<button id="reset" class="flc-prefsEditor-reset fl-prefsEditor-reset"><span class="fl-icon-undo"></span> Reset</button>
<button id="show-hide" class="flc-slidingPanel-toggleButton fl-prefsEditor-showHide"> Show/Hide</button>
</span>
</div>
</div>
<!-- END markup for Preference Editor -->
<div class="overview">
<h1>Test of Composite Panels With Conditional Show/Hide of Adjusters</h1>
<p>This demo illustrates a single composite panel with a collection of adjusters that are dependent on one of two boolean adjusters.</p>
<p>Initially*, you should see only two on/off switches in the panel. Turning one preference on should reveal dependent adjusters, and turning the preference off should hide them. Each of the two preferences has its own set of dependent adjusters.</p>
<p>Turning one preference on and off should not affect the visibility of the other boolean's dependent adjusters.</p>
<p>Any values set with the dependent adjusters should be preserved even if the controlling preference is turned off.</p>
<p>* Once the page is loaded, preference values are stored in a cookie, so on subsequent page loads the stored values will be used. To reset the demo to its default state, clear cookies for the page.</p>
</div>
</body>
</html>