diff options
Diffstat (limited to 'js/components/tools-properties/text-properties.reel/text-properties.html')
-rwxr-xr-x | js/components/tools-properties/text-properties.reel/text-properties.html | 224 |
1 files changed, 94 insertions, 130 deletions
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 6784e41c..e84e1646 100755 --- a/js/components/tools-properties/text-properties.reel/text-properties.html +++ b/js/components/tools-properties/text-properties.reel/text-properties.html | |||
@@ -1,25 +1,26 @@ | |||
1 | <!DOCTYPE HTML> | 1 | <!DOCTYPE html> |
2 | <!-- <copyright> | 2 | <!-- <copyright> |
3 | Copyright (c) 2012, Motorola Mobility, Inc | 3 | Copyright (c) 2012, Motorola Mobility LLC. |
4 | All Rights Reserved. | 4 | All Rights Reserved. |
5 | BSD License. | ||
6 | 5 | ||
7 | Redistribution and use in source and binary forms, with or without | 6 | Redistribution and use in source and binary forms, with or without |
8 | modification, are permitted provided that the following conditions are met: | 7 | modification, are permitted provided that the following conditions are met: |
9 | 8 | ||
10 | - Redistributions of source code must retain the above copyright notice, | 9 | * Redistributions of source code must retain the above copyright notice, |
11 | this list of conditions and the following disclaimer. | 10 | this list of conditions and the following disclaimer. |
12 | - Redistributions in binary form must reproduce the above copyright | 11 | |
13 | notice, this list of conditions and the following disclaimer in the | 12 | * Redistributions in binary form must reproduce the above copyright notice, |
14 | documentation and/or other materials provided with the distribution. | 13 | this list of conditions and the following disclaimer in the documentation |
15 | - Neither the name of Motorola Mobility nor the names of its contributors | 14 | and/or other materials provided with the distribution. |
16 | may be used to endorse or promote products derived from this software | 15 | |
17 | without specific prior written permission. | 16 | * Neither the name of Motorola Mobility LLC nor the names of its |
17 | contributors may be used to endorse or promote products derived from this | ||
18 | software without specific prior written permission. | ||
18 | 19 | ||
19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | 20 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" |
20 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | 21 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
21 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | 22 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE |
22 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | 23 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE |
23 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | 24 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR |
24 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | 25 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
25 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | 26 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
@@ -35,79 +36,87 @@ POSSIBILITY OF SUCH DAMAGE. | |||
35 | 36 | ||
36 | <script type="text/montage-serialization"> | 37 | <script type="text/montage-serialization"> |
37 | { | 38 | { |
38 | |||
39 | "owner": { | 39 | "owner": { |
40 | "prototype": "js/components/tools-properties/text-properties.reel", | 40 | "prototype": "js/components/tools-properties/text-properties.reel", |
41 | "properties": { | 41 | "properties": { |
42 | "element": {"#": "textProperties"}, | 42 | "element": {"#": "textProperties"}, |
43 | "className": {"@": "className"}, | 43 | |
44 | "tagType": {"@": "tagType"}, | 44 | "fontName": {"@": "fontname"}, |
45 | "fontSelection": {"@": "fontSelection"}, | 45 | "fontSize": {"@": "fontsize"}, |
46 | "fontSettings": {"@": "fontSettings"}, | ||
47 | "fontSize": {"@": "fontSize"}, | ||
48 | "fontColor": {"#": "fontColorCtrl"}, | 46 | "fontColor": {"#": "fontColorCtrl"}, |
47 | |||
49 | "btnBold": {"@": "btnBold"}, | 48 | "btnBold": {"@": "btnBold"}, |
50 | "btnItalic": {"@": "btnItalic"}, | 49 | "btnItalic": {"@": "btnItalic"}, |
51 | "btnUnderline": {"@": "btnUnderline"}, | 50 | "btnUnderline": {"@": "btnUnderline"}, |
52 | "btnStrikethrough": {"@": "btnStrikethrough"}, | 51 | "btnStrikethrough": {"@": "btnStrikethrough"}, |
52 | |||
53 | "alignLeft": {"@": "alignLeft"}, | 53 | "alignLeft": {"@": "alignLeft"}, |
54 | "alignCenter": {"@": "alignCenter"}, | 54 | "alignCenter": {"@": "alignCenter"}, |
55 | "alignRight": {"@": "alignRight"}, | 55 | "alignRight": {"@": "alignRight"}, |
56 | "alignJustify": {"@": "alignJustify"}, | 56 | "alignJustify": {"@": "alignJustify"}, |
57 | |||
57 | "indent": {"@": "indent"}, | 58 | "indent": {"@": "indent"}, |
58 | "outdent": {"@": "outdent"}, | 59 | "outdent": {"@": "outdent"}, |
60 | |||
59 | "numberedList": {"@": "numberedList"}, | 61 | "numberedList": {"@": "numberedList"}, |
60 | "bulletedList": {"@": "bulletedList"} | 62 | "bulletedList": {"@": "bulletedList"} |
61 | } | 63 | } |
62 | }, | 64 | }, |
63 | "className": { | 65 | |
64 | "prototype": "js/components/textfield.reel[TextField]", | 66 | "fontname": { |
67 | "prototype": "montage/ui/native/select.reel", | ||
65 | "properties": { | 68 | "properties": { |
66 | "element": {"#": "className"} | 69 | "element": {"#": "fontname"}, |
70 | "preventFocus": true, | ||
71 | "contentController": {"@": "fontnameController"} | ||
67 | } | 72 | } |
68 | }, | 73 | }, |
69 | "tagType": { | 74 | |
70 | "prototype": "js/components/combobox.reel", | 75 | "fontnameController": { |
76 | "prototype": "montage/ui/controller/array-controller", | ||
71 | "properties": { | 77 | "properties": { |
72 | "element": {"#": "tagType"} | 78 | "selectObjectsOnAddition": false, |
79 | "content": [ | ||
80 | {"text" : "Arial", "value": "Arial"}, | ||
81 | {"text" : "Arial Black", "value": "Arial Black"}, | ||
82 | {"text" : "Courier New", "value": "Courier New"}, | ||
83 | {"text" : "Garamond", "value": "Garamond"}, | ||
84 | {"text" : "Georgia", "value": "Georgia"}, | ||
85 | {"text" : "Open Sans", "value": "Open Sans"}, | ||
86 | {"text" : "Tahoma", "value": "Tahoma"}, | ||
87 | {"text" : "Times New Roman", "value": "Times New Roman"}, | ||
88 | {"text" : "Times", "value": "Times"}, | ||
89 | {"text" : "Trebuchet", "value": "Trebuchet MS"}, | ||
90 | {"text" : "Verdana", "value": "Verdana"} | ||
91 | ] | ||
73 | } | 92 | } |
74 | }, | 93 | }, |
75 | "fontSelection": { | ||
76 | "prototype": "js/components/combobox.reel", | ||
77 | "properties": { | ||
78 | "element": {"#": "fontSelection"}, | ||
79 | "identifier": "fontSelection" | ||
80 | }, | ||
81 | "listeners": [ | ||
82 | { | ||
83 | "type": "change", | ||
84 | "listener": {"@": "owner"} | ||
85 | } | ||
86 | ] | ||
87 | 94 | ||
88 | }, | 95 | "fontsize": { |
89 | "fontSettings": { | 96 | "prototype": "montage/ui/native/select.reel", |
90 | "prototype": "montage/ui/button.reel", | ||
91 | "properties": { | 97 | "properties": { |
92 | "element": {"#": "fontSettings"} | 98 | "element": {"#": "fontSize"}, |
99 | "preventFocus" : true, | ||
100 | "contentController" : {"@": "fontsizeController"} | ||
93 | } | 101 | } |
94 | }, | 102 | }, |
95 | 103 | ||
96 | "fontSize": { | 104 | "fontsizeController": { |
97 | "prototype": "js/components/combobox.reel", | 105 | "prototype": "montage/ui/controller/array-controller", |
98 | "properties": { | 106 | "properties": { |
99 | "element": {"#": "fontSize"}, | 107 | "selectObjectsOnAddition": false, |
100 | "identifier": "fontSize" | 108 | "content": [ |
101 | }, | 109 | {"text" : "8pt", "value": "1"}, |
102 | "listeners": [ | 110 | {"text" : "10pt", "value": "2"}, |
103 | { | 111 | {"text" : "12pt", "value": "3"}, |
104 | "type": "change", | 112 | {"text" : "14pt", "value": "4"}, |
105 | "listener": {"@": "owner"} | 113 | {"text" : "18pt", "value": "5"}, |
106 | } | 114 | {"text" : "24pt", "value": "6"}, |
107 | ] | 115 | {"text" : "36pt", "value": "7"} |
108 | 116 | ] | |
117 | } | ||
109 | }, | 118 | }, |
110 | 119 | ||
111 | "btnBold": { | 120 | "btnBold": { |
112 | "prototype": "montage/ui/toggle-button.reel", | 121 | "prototype": "montage/ui/toggle-button.reel", |
113 | "properties": { | 122 | "properties": { |
@@ -127,13 +136,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
127 | "identifier": "btnItalic", | 136 | "identifier": "btnItalic", |
128 | "pressedLabel": "I", | 137 | "pressedLabel": "I", |
129 | "unpressedLabel": "I" | 138 | "unpressedLabel": "I" |
130 | }, | 139 | } |
131 | "listeners": [ | ||
132 | { | ||
133 | "type": "action", | ||
134 | "listener": {"@": "owner"} | <