/
index.html
107 lines (94 loc) · 7.85 KB
/
index.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
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link rel="stylesheet" type="text/css" href="../../../../src/lib/normalize/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="../../../../src/framework/core/css/fluid.css" />
<link rel="stylesheet" type="text/css" href="../../../../src/framework/preferences/css/PrefsEditor.css" />
<link rel="stylesheet" type="text/css" href="../../../../src/framework/preferences/css/SeparatedPanelPrefsEditor.css" />
<link rel="stylesheet" type="text/css" href="../shared/css/preferences.css" />
<title>Preferences Editor Example: Conditional Adjusters</title>
<script type="text/javascript" src="../../../../src/lib/jquery/core/js/jquery.js"></script>
<script type="text/javascript" src="../../../../src/lib/jquery/ui/js/jquery-ui.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/FluidDocument.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/jquery.keyboard-a11y.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/Fluid.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/FluidRequests.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/FluidDOMUtilities.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/FluidIoC.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/DataBinding.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/ModelTransformation.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/ModelTransformationTransforms.js"></script>
<script type="text/javascript" src="../../../../src/framework/enhancement/js/ContextAwareness.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/FluidView.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/ResourceLoader.js"></script>
<script type="text/javascript" src="../../../../src/lib/fastXmlPull/js/fastXmlPull.js"></script>
<script type="text/javascript" src="../../../../src/framework/renderer/js/fluidParser.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/MessageResolver.js"></script>
<script type="text/javascript" src="../../../../src/framework/renderer/js/fluidRenderer.js"></script>
<script type="text/javascript" src="../../../../src/framework/renderer/js/RendererUtilities.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/URLUtilities.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/Store.js"></script>
<script type="text/javascript" src="../../../../src/components/textfieldControl/js/Textfield.js"></script>
<script type="text/javascript" src="../../../../src/components/textfieldControl/js/TextfieldSlider.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/UIEnhancer.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/ArrowScrolling.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/PrefsEditor.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/Panels.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/Enactors.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/SeparatedPanelPrefsEditor.js"></script>
<script type="text/javascript" src="../../../../src/components/slidingPanel/js/SlidingPanel.js"></script>
<script type="text/javascript" src="../../../../src/components/switch/js/Switch.js"></script>
<script type="text/javascript" src="../../../../src/components/tableOfContents/js/TableOfContents.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/PrimaryBuilder.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/AuxBuilder.js"></script>
<script type="text/javascript" src="../../../../src/framework/preferences/js/StarterSchemas.js"></script>
<script type="text/javascript" src="../../../../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="learning-theme fl-focus">
<!-- BEGIN markup for Preference Editor -->
<div class="flc-prefsEditor-separatedPanel fl-prefsEditor-separatedPanel">
<!--
This div is for the sliding panel bar that shows and hides the Preference Editor controls in the mobile view.
A separate panel bar for mobile displays is needed to preserver the correct tab order.
-->
<div class="fl-panelBar fl-panelBar-smallScreen">
<span class="fl-prefsEditor-buttons">
<button class="flc-slidingPanel-toggleButton fl-prefsEditor-showHide"> Show/Hide</button>
<button class="flc-prefsEditor-reset fl-prefsEditor-reset"><span class="fl-icon-undo"></span> Reset</button>
</span>
</div>
<!-- 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 bar that shows and hides the Preference Editor controls in the desktop view.
A separate panel bar for desktop displays is needed to preserver the correct tab order.
-->
<div class="fl-panelBar fl-panelBar-wideScreen">
<span class="fl-prefsEditor-buttons">
<button class="flc-slidingPanel-toggleButton fl-prefsEditor-showHide"> Show/Hide</button>
<button class="flc-prefsEditor-reset fl-prefsEditor-reset"><span class="fl-icon-undo"></span> Reset</button>
</span>
</div>
</div>
<!-- END markup for Preference Editor -->
<script type="text/javascript">
example.initPrefsEditor(".flc-prefsEditor-separatedPanel");
</script>
<div class="overview">
<h1>Test of Composite Panels With Conditional Show/Hide of Adjustors</h1>
<p>This example illustrates two composite panels, each with a set of adjusters that are dependent on another boolean adjuster.</p>
<p>Initially*, you should see only a single on/off switch in each panel. Turning the preference on should reveal the dependent adjusters, and turning the preference off should hide them.</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 example to its default state, clear cookies for the page.</p>
</div>
</body>
</html>