aboutsummaryrefslogtreecommitdiff
path: root/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html')
-rw-r--r--js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html88
1 files changed, 88 insertions, 0 deletions
diff --git a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html
new file mode 100644
index 00000000..d207ea23
--- /dev/null
+++ b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html
@@ -0,0 +1,88 @@
1<!DOCTYPE HTML>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> -->
7<html>
8<head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
10 <link rel="stylesheet" type="text/css" href="code-editor-view-options.css">
11 <script type="text/montage-serialization">
12 {
13 "codeCompleteCheck":{
14 "prototype": "montage/ui/checkbox.reel",
15 "properties": {
16 "element": {"#": "codeComplete"}
17 }
18 },
19
20 "zoomHottext": {
21 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
22 "properties": {
23 "element": {"#": "zoomFont"},
24 "minValue":100,
25 "maxValue" :200,
26 "stepSize" :10,
27 "acceptableUnits" : ["%"],
28 "units" : "%"
29 }
30 },
31
32 "owner":{
33 "prototype": "js/code-editor/ui/code-editor-view-options.reel[CodeEditorViewOptions]",
34 "properties": {
35 "element": {"#": "viewOptions"},
36 "codeCompleteCheck":{"@": "codeCompleteCheck"},
37 "zoomHottext":{"@":"zoomHottext"},
38 "format":{"#": "format"},
39 "comment":{"#":"comment"},
40 "uncomment":{"#":"uncomment"},
41 "themeSelect":{"#":"themeSelect"},
42 "shortKeys":{"#":"shortKeys"}
43 }
44 }
45 }
46 </script>
47</head>
48<body>
49<div id="viewOptions" class="viewOptions">
50 <div>
51 <input class="zoomFont" id="zoomFont"/>
52 <div class="autoCodeComplete" >
53 <input type="checkbox" id="codeComplete" />
54 <span>Automatic Completion</span>
55 </div>
56 <div class="floatButtons">
57 <button id="format" value="format" class="nj-skinned format">Format</button>
58 <button id="comment" value="comment" class="nj-skinned format">comment</button>
59 <button id="uncomment" value="uncomment" class="nj-skinned format">uncomment</button>
60 </div>
61 <div class="themeOptions">
62 <span>Theme :</span>
63 <select id="themeSelect">
64 <option value="default" selected="">DEFAULT</option>
65 <option value="night">NIGHT</option>
66 <option value="monokai" >MONOKAI</option>
67 <option value="neat" >NEAT</option>
68 <option value="elegant" >ELEGANT</option>
69 <option value="cobalt" >COBALT</option>
70 <option value="eclipse" >ECLIPSE</option>
71 <option value="rubyblue" >RUBYBLUE</option>
72 <option value="lesser-dark" >LESSER-DARK</option>
73 <option value="xq-dark" >XQ-DARK</option>
74 </select>
75 </div>
76 <div id="shortKeys" class="shortKeys">
77 <div class="list hide">
78 <div><span class="shortKey">ctrl+space :</span> <span class="shortKeyDesc">code hints</span></div>
79 <div><span class="shortKey">ctrl+/ :</span> <span class="shortKeyDesc">comment selection</span></div>
80 <div><span class="shortKey">ctrl+shift+/ :</span> <span class="shortKeyDesc">uncomment selection</span></div>
81 </div>
82 <span>ShortKeys</span>
83 <span class="dropdownArrow">&#9660</span>
84 </div>
85 </div>
86</div>
87</body>
88</html> \ No newline at end of file