aboutsummaryrefslogtreecommitdiff
path: root/js/components/tools-properties/text-properties.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/tools-properties/text-properties.reel')
-rwxr-xr-x[-rw-r--r--]js/components/tools-properties/text-properties.reel/text-properties.css32
-rwxr-xr-x[-rw-r--r--]js/components/tools-properties/text-properties.reel/text-properties.html338
-rwxr-xr-x[-rw-r--r--]js/components/tools-properties/text-properties.reel/text-properties.js310
3 files changed, 544 insertions, 136 deletions
diff --git a/js/components/tools-properties/text-properties.reel/text-properties.css b/js/components/tools-properties/text-properties.reel/text-properties.css
index d581c6c3..f7bb8295 100644..100755
--- a/js/components/tools-properties/text-properties.reel/text-properties.css
+++ b/js/components/tools-properties/text-properties.reel/text-properties.css
@@ -5,29 +5,37 @@
5 </copyright> */ 5 </copyright> */
6 6
7.optionsTextTool { 7.optionsTextTool {
8 display: -webkit-box; 8 padding: 6px;
9 -webkit-box-orient:horizontal;
10 -webkit-box-align: stretch;
11 padding: 5px;
12} 9}
13 10
14 11.optionsTextTool .btnGroup {
15.optionsTextTool > * { 12 padding: 0px 8px;
16 -webkit-box-flex:0;
17} 13}
18 14
19.optionsTextTool .button { 15.optionsTextTool select {
20 width: auto; 16 margin: 2px;
17}
21 18
19.optionsTextTool > *, .optionsTextTool .btnGroup > * {
20 float:left;
22} 21}
23 22
24.optionsTextTool .hottextunit { 23.optionsTextTool button {
25 padding-top:5px; 24 width: auto;
25 padding: 4px 8px !important;
26 margin-left:4px;
26} 27}
27 28
28.optionsTextTool .label, .optionsTextTool .hottextunit { 29.optionsTextTool .label, .optionsTextTool .hottextunit {
29 float:none;
30 font-size:11px; 30 font-size:11px;
31} 31}
32 32
33.optionsTextTool .fontSelection {
34 width:100px;
35}
33 36
37.optionsTextTool .fontColor {
38 width: 20px;
39 height: 18px;
40 margin: 2px 6px;
41} \ No newline at end of file
diff --git a/js/components/tools-properties/text-properties.reel/text-properties.html b/js/components/tools-properties/text-properties.reel/text-properties.html
index fb57c06d..13a88ba7 100644..100755
--- a/js/components/tools-properties/text-properties.reel/text-properties.html
+++ b/js/components/tools-properties/text-properties.reel/text-properties.html
@@ -33,8 +33,8 @@
33 "alignCenter": {"@": "alignCenter"}, 33 "alignCenter": {"@": "alignCenter"},
34 "alignRight": {"@": "alignRight"}, 34 "alignRight": {"@": "alignRight"},
35 "alignJustify": {"@": "alignJustify"}, 35 "alignJustify": {"@": "alignJustify"},
36 "indentRight": {"@": "indentRight"}, 36 "indent": {"@": "indent"},
37 "indentLeft": {"@": "indentLeft"}, 37 "outdent": {"@": "outdent"},
38 "numberedList": {"@": "numberedList"}, 38 "numberedList": {"@": "numberedList"},
39 "bulletedList": {"@": "bulletedList"} 39 "bulletedList": {"@": "bulletedList"}
40 } 40 }
@@ -57,8 +57,16 @@
57 "module": "js/components/combobox.reel", 57 "module": "js/components/combobox.reel",
58 "name": "Combobox", 58 "name": "Combobox",
59 "properties": { 59 "properties": {
60 "element": {"#": "fontSelection"} 60 "element": {"#": "fontSelection"},
61 } 61 "identifier": "fontSelection"
62 },
63 "listeners": [
64 {
65 "type": "change",
66 "listener": {"@": "owner"}
67 }
68 ]
69
62 }, 70 },
63 "fontSettings": { 71 "fontSettings": {
64 "module": "js/components/button.reel", 72 "module": "js/components/button.reel",
@@ -69,131 +77,236 @@
69 }, 77 },
70 78
71 "fontSize": { 79 "fontSize": {
72 "module": "js/components/hottextunit.reel", 80 "module": "js/components/combobox.reel",
73 "name": "HotTextUnit", 81 "name": "Combobox",
74 "properties": { 82 "properties": {
75 "element": {"#": "fontSize"} 83 "element": {"#": "fontSize"},
76 } 84 "identifier": "fontSize"
77 }, 85 },
86 "listeners": [
87 {
88 "type": "change",
89 "listener": {"@": "owner"}
90 }
91 ]
78 92
79 "fontColor": {
80 "module": "js/components/button.reel",
81 "name": "Button",
82 "properties": {
83 "element": {"#": "fontColor"}
84 }
85 }, 93 },
94
86 "btnBold": { 95 "btnBold": {
87 "module": "js/components/button.reel", 96 "module": "montage/ui/toggle-button.reel",
88 "name": "Button", 97 "name": "ToggleButton",
89 "properties": { 98 "properties": {
90 "element": {"#": "btnBold"}, 99 "element": {"#": "btnBold"},
91 "_isToggleButton": true 100 "pressedClass": "active",
92 } 101 "preventFocus": true,
102 "identifier": "btnBold",
103 "pressedLabel": "B",
104 "unpressedLabel": "B"
105 },
106 "listeners": [
107 {
108 "type": "action",
109 "listener": {"@": "owner"}
110 }
111 ]
93 }, 112 },
94 "btnItalic": { 113 "btnItalic": {
95 "module": "js/components/button.reel", 114 "module": "montage/ui/toggle-button.reel",
96 "name": "Button", 115 "name": "ToggleButton",
97 "properties": { 116 "properties": {
98 "element": {"#": "btnItalic"}, 117 "element": {"#": "btnItalic"},
99 "_isToggleButton": true 118 "pressedClass": "active",
100 } 119 "preventFocus": true,
120 "identifier": "btnItalic",
121 "pressedLabel": "I",
122 "unpressedLabel": "I"
123 },
124 "listeners": [
125 {
126 "type": "action",
127 "listener": {"@": "owner"}
128 }
129 ]
101 }, 130 },
102 "btnUnderline": { 131 "btnUnderline": {
103 "module": "js/components/button.reel", 132 "module": "montage/ui/toggle-button.reel",
104 "name": "Button", 133 "name": "ToggleButton",
105 "properties": { 134 "properties": {
106 "element": {"#": "btnUnderline"}, 135 "element": {"#": "btnUnderline"},
107 "_isToggleButton": true 136 "pressedClass": "active",
108 } 137 "preventFocus": true,
138 "identifier": "btnUnderline",
139 "pressedLabel": "U",
140 "unpressedLabel": "U"
141 },
142 "listeners": [
143 {
144 "type": "action",
145 "listener": {"@": "owner"}
146 }
147 ]
109 }, 148 },
110 "btnStrikethrough": { 149 "btnStrikethrough": {
111 "module": "js/components/button.reel", 150 "module": "montage/ui/toggle-button.reel",
112 "name": "Button",