aboutsummaryrefslogtreecommitdiff
path: root/js/components/tools-properties
diff options
context:
space:
mode:
authorArmen Kesablyan2012-02-07 16:30:47 -0800
committerArmen Kesablyan2012-02-07 16:30:47 -0800
commitd7ead10b566e7de121b2cd2c99fecca8469d63b8 (patch)
tree3e91822410c9834b269e59c4a0b9962ef0a12b04 /js/components/tools-properties
parent2082fa6912eec2ffabd2081b7706e8e1b88a9711 (diff)
downloadninja-d7ead10b566e7de121b2cd2c99fecca8469d63b8.tar.gz
Initial Text tool completion.
Diffstat (limited to 'js/components/tools-properties')
-rw-r--r--js/components/tools-properties/text-properties.reel/text-properties.css4
-rw-r--r--js/components/tools-properties/text-properties.reel/text-properties.html202
-rw-r--r--js/components/tools-properties/text-properties.reel/text-properties.js149
3 files changed, 294 insertions, 61 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..2eb608d3 100644
--- a/js/components/tools-properties/text-properties.reel/text-properties.css
+++ b/js/components/tools-properties/text-properties.reel/text-properties.css
@@ -30,4 +30,6 @@
30 font-size:11px; 30 font-size:11px;
31} 31}
32 32
33 33.optionsTextTool .fontSelection {
34 width:100px;
35} \ 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..14123b12 100644
--- 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",
@@ -72,48 +80,90 @@
72 "module": "js/components/hottextunit.reel", 80 "module": "js/components/hottextunit.reel",
73 "name": "HotTextUnit", 81 "name": "HotTextUnit",
74 "properties": { 82 "properties": {
75 "element": {"#": "fontSize"} 83 "element": {"#": "fontSize"},
76 } 84 "value": 12,
77 }, 85 "identifier": "fontSize"
86 },
87 "listeners": [
88 {
89 "type": "change",
90 "listener": {"@": "owner"}
91 },
92 {
93 "type": "changing",
94 "listener": {"@": "owner"}
95 }
96 ]
78 97
79 "fontColor": {
80 "module": "js/components/button.reel",
81 "name": "Button",
82 "properties": {
83 "element": {"#": "fontColor"}
84 }
85 }, 98 },
99
100 "fontColor": {
101 "module" : "js/components/ui/color-chip.reel",
102 "name" : "ColorChip",
103 "properties" : {
104 "element" : {"#": "fontColor"},
105 "mode": "chip"
106 }
107 },
86 "btnBold": { 108 "btnBold": {
87 "module": "js/components/button.reel", 109 "module": "js/components/button.reel",
88 "name": "Button", 110 "name": "Button",
89 "properties": { 111 "properties": {
90 "element": {"#": "btnBold"}, 112 "element": {"#": "btnBold"},
91 "_isToggleButton": true 113 "_isToggleButton": true,
92 } 114 "identifier": "btnBold"
115 },
116 "listeners": [
117 {
118 "type": "action",
119 "listener": {"@": "owner"}
120 }
121 ]
93 }, 122 },
94 "btnItalic": { 123 "btnItalic": {
95 "module": "js/components/button.reel", 124 "module": "js/components/button.reel",
96 "name": "Button", 125 "name": "Button",
97 "properties": { 126 "properties": {
98 "element": {"#": "btnItalic"}, 127 "element": {"#": "btnItalic"},
99 "_isToggleButton": true 128 "_isToggleButton": true,
100 } 129 "identifier": "btnItalic"
130 },
131 "listeners": [
132 {
133 "type": "action",
134 "listener": {"@": "owner"}
135 }
136 ]
101 }, 137 },
102 "btnUnderline": { 138 "btnUnderline": {
103 "module": "js/components/button.reel", 139 "module": "js/components/button.reel",
104 "name": "Button", 140 "name": "Button",
105 "properties": { 141 "properties": {
106 "element": {"#": "btnUnderline"}, 142 "element": {"#": "btnUnderline"},
107 "_isToggleButton": true 143 "_isToggleButton": true,
108 } 144 "identifier": "btnUnderline"
145 },
146 "listeners": [
147 {
148 "type": "action",
149 "listener": {"@": "owner"}
150 }
151 ]
109 }, 152 },
110 "btnStrikethrough": { 153 "btnStrikethrough": {
111 "module": "js/components/button.reel", 154 "module": "js/components/button.reel",
112 "name": "Button", 155 "name": "Button",
113 "properties": { 156 "properties": {
114 "element": {"#": "btnStrikethrough"}, 157 "element": {"#": "btnStrikethrough"},
115 "_isToggleButton": true 158 "_isToggleButton": true,
116 } 159 "identifier": "btnStrikethrough"
160 },
161 "listeners": [
162 {
163 "type": "action",
164 "listener": {"@": "owner"}
165 }
166 ]
117 }, 167 },
118 "txtLink": { 168 "txtLink": {
119 "module": "js/components/textfield.reel", 169 "module": "js/components/textfield.reel",
@@ -134,66 +184,106 @@
134 "module": "js/components/button.reel", 184 "module": "js/components/button.reel",
135 "name": "Button", 185 "name": "Button",
136 "properties": { 186 "properties": {
137 "element": {"#": "alignLeft"} 187 "element": {"#": "alignLeft"},
138 } 188 "_isToggleButton": true,
189 "identifier": "alignLeft"
190 },
191 "listeners": [
192 {
193 "type": "action",
194 "listener": {"@": "owner"}
195 }
196 ]
139 }, 197 },
140 "alignCenter": { 198 "alignCenter": {
141 "module": "js/components/button.reel", 199 "module": "js/components/button.reel",
142 "name": "Button", 200 "name": "Button",
143 "properties": { 201 "properties": {
144 "element": {"#": "alignCenter"} 202 "element": {"#": "alignCenter"},