-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (41 loc) · 2.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- CSS files for UI Options-->
<link rel="stylesheet" type="text/css" href="lib/infusion/src/lib/normalize/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/src/framework/core/css/fluid.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/src/framework/preferences/css/Enactors.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/src/framework/preferences/css/PrefsEditor.css" />
<link rel="stylesheet" type="text/css" href="lib/infusion/src/framework/preferences/css/SeparatedPanelPrefsEditor.css" />
<!-- The Infusion Library for UI Options -->
<script type="text/javascript" src="lib/infusion/infusion-uiOptions.js"></script>
</head>
<body>
<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>
<nav class="flc-toc-tocContainer"> </nav>
<!-- the rest of your page here -->
<h1>My Website</h1>
<!-- Initialize the UI Options Javascript -->
<script type="text/javascript">
$(document).ready(function () {
fluid.uiOptions.prefsEditor(".flc-prefsEditor-separatedPanel", {
tocTemplate: "lib/infusion/src/components/tableOfContents/html/TableOfContents.html",
terms: {
templatePrefix: "lib/infusion/src/framework/preferences/html",
messagePrefix: "lib/infusion/src/framework/preferences/messages"
}
});
})
</script>
</body>
</html>