-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex_config.html
89 lines (85 loc) · 3.75 KB
/
index_config.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<title>Input Visualizer Properties Editor</title>
<script src="bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="bower_components/xui/polymer.html">
<link rel="import" href="bower_components/xui/imports.html" />
<link rel="import" href="bower_components/xui/components/globals/globals.html" />
<link href='css/config.css' rel='stylesheet' type='text/css'>
</head>
<body>
<xui-section label="Display">
<div id="innersection">
<label class="desc">Check the keyboard and mouse components that you want to show.
<div class="generaltooltip">
<div class='generalinfo'>
<div>Resizing/Repositioning</div>
<span>
- Drag each component of the plugin to change its position.<br>
- Resize each item by positioning your mouse on any of the borders, then click and drag
</span>
</div>
<div class="general"><span>?</span></div>
</div>
<br>
</label>
<div class="checkelements">
<div class="elementcontainer">
<xui-checkbox id="keyboard"><label>Keyboard</label></xui-checkbox>
<div class="tooltipcont">
<div class='keyInfo'>
<div>Keyboard components</div>
<span>Check/Uncheck Keyboard to show/hide all the sub-items under keyboard.</span>
</div>
<div id="info"><span>?</span></div>
</div>
<br>
<xui-checkbox id="function"><label>Function</label></xui-checkbox><br>
<xui-checkbox id="alpha"><label>Alphanumeric</label></xui-checkbox><br>
<xui-checkbox id="system"><label>System</label></xui-checkbox><br>
<xui-checkbox id="nav"><label>Navigation</label></xui-checkbox><br>
<xui-checkbox id="arrow"><label>Arrow keys</label></xui-checkbox><br>
<xui-checkbox id="numpad"><label>Numpad</label></xui-checkbox><br><br>
</div>
<div class="elementcontainer">
<xui-checkbox id="mouse"><label>Mouse</label></xui-checkbox>
</div>
</div>
<div class="xuicontainer">
<label>Text</label>
<xui-colorpicker id="textcolor"></xui-colorpicker>
</div>
<div class="xuicontainer">
<label>Opacity</label>
<xui-slider id="opacitySlider" value="100" min="0" max="100"></xui-slider>
</div>
<br>
<div class="xuicontainer">
<label>Border</label>
<xui-colorpicker id="bordercolor"></xui-colorpicker>
</div>
<xui-checkbox id="lock"><label>Lock components</label></xui-checkbox>
<div class="generaltooltip">
<div class='generalinfo'>
<div class="generalTitle"><span>?</span></div>
<div>Lock components</div>
<span>Checking this option will disable mouse hover, repositioning and resizing of the keyboard and mouse components. Check this if you don't want to display hover effects on plugin components, especially while streaming or recording.</span>
</div>
<div class="general"><span>?</span></div>
</div>
<br>
<div class="xuicontainer">
<label>Glow</label>
<xui-colorpicker id="glowcolor"></xui-colorpicker>
</div>
<br>
<label class="desc">You may need to grant access for this plugin to listen to keyboard/mouse events. Go to Tools menu > Permissions</label>
</div>
</xui-section>
<script src="bower_components/xjs-framework/dist/xjs.min.js"></script>
<script src="js/config.js"></script>
</body>
</html>