1(function() 2{ 3 // Adds Android shapes 4 Sidebar.prototype.addAndroidPalette = function() 5 { 6 var sizeX = 211; //reference size for iPhone and all other iOS shapes 7 8 var sizeY = 2 * sizeX; //change only sizeX, to avoid changing aspect ratio 9 10 var sb = this; 11 var s = 'strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.android.'; 12 var sm = 'strokeWidth=2;shadow=0;dashed=0;html=1;shape=mxgraph.android.'; 13 var s2 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.'; 14 var s3 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;shadow=0;dashed=0;strokeWidth=1;strokeColor=none;shape='; 15 var s4 = 'rounded=1;html=1;shadow=0;dashed=0;whiteSpace=wrap;fontSize=10;fillColor=#'; 16 var s5 = 'whiteSpace=wrap;html=1;shadow=0;dashed=0;fontSize=10;align=left;fillColor=#'; 17 var s6 = mxConstants.STYLE_VERTICAL_LABEL_POSITION + '=bottom;' + mxConstants.STYLE_VERTICAL_ALIGN + '=top;html=1;shadow=0;dashed=0;strokeWidth=2;shape=mxgraph.android.'; 18 var s7 = 'strokeWidth=1;html=1;shadow=0;dashed=0;shape='; 19 var inh = 'strokeColor=inherit;fillColor=inherit;gradientColor=inherit;'; 20 //default tags 21 var dt = 'android '; 22 this.setCurrentSearchEntryLibrary('android'); 23 24 var fns = 25 [ 26 this.createVertexTemplateEntry(s2 + 'phone2;strokeColor=#c0c0c0;', 27 200, 390, '', 'Phone', null, null, dt + 'phone mobile portrait'), 28 this.createVertexTemplateEntry(s2 + 'phone2;strokeColor=#c0c0c0;direction=south;', 29 390, 200, '', 'Phone (landscape)', null, null, dt + 'phone mobile landscape'), 30 this.createVertexTemplateEntry(s2 + 'tab2;strokeColor=#c0c0c0;', 31 472, 686, '', 'Tab', null, null, dt + 'tab tablet portrait'), 32 this.createVertexTemplateEntry(s2 + 'tab2;strokeColor=#c0c0c0;direction=north;', 33 686, 472, '', 'Tab (landscape)', null, null, dt + 'tab tablet landscape'), 34 this.createVertexTemplateEntry(s + 'action_bar;fillColor=#1A1A1A;strokeColor=#c0c0c0;strokeWidth=2;fontColor=#FFFFFF;', 35 185, 30, '', 'Action Bar', null, null, dt + 'action bar dark portrait'), 36 this.createVertexTemplateEntry(s + 'action_bar;fillColor=#E6E6E6;strokeColor=#c0c0c0;strokeWidth=2;', 37 185, 30, '', 'Action Bar (Bright)', null, null, dt + 'action bar bright portrait'), 38 this.createVertexTemplateEntry(s + 'action_bar_landscape;fillColor=#1A1A1A;strokeColor=#c0c0c0;strokeWidth=2;fontColor=#FFFFFF;', 39 320, 30, '', 'Action Bar Landscape', null, null, dt + 'action bar landscape dark'), 40 this.createVertexTemplateEntry(s + 'action_bar_landscape;fillColor=#E6E6E6;strokeColor=#c0c0c0;strokeWidth=2;', 41 320, 30, '', 'Action Bar Landscape (Bright)', null, null, dt + 'action bar bright landscape'), 42 this.createVertexTemplateEntry(s4 + '666666;align=center;strokeColor=#4D4D4D;fontColor=#ffffff;', 43 sizeX * 0.5, sizeY * 0.04, 'Normal', 'Button (Normal)', null, null, dt + 'button normal'), 44 this.createVertexTemplateEntry(s4 + '666666;align=center;strokeColor=#999999;fontColor=#ffffff;', 45 sizeX * 0.5, sizeY * 0.04, 'Focused', 'Button (Focused)', null, null, dt + 'button focused'), 46 this.createVertexTemplateEntry(s4 + '999999;align=center;strokeColor=#666666;fontColor=#ffffff;strokeWidth=2;', 47 sizeX * 0.5, sizeY * 0.04, 'Pressed', 'Button (Pressed)', null, null, dt + 'button pressed'), 48 this.createVertexTemplateEntry(s4 + '333333;align=center;strokeColor=#4D4D4D;fontColor=#666666;', 49 sizeX * 0.5, sizeY * 0.04, 'Focused disabled', 'Button (Focused, Disabled)', null, null, dt + 'button focused disabled'), 50 this.createVertexTemplateEntry(s4 + '333333;align=center;strokeColor=#333333;fontColor=#666666;', 51 sizeX * 0.5, sizeY * 0.04, 'Disabled', 'Button (Disabled)', null, null, dt + 'button disabled'), 52 this.createVertexTemplateEntry(s4 + 'E6E6E6;align=center;strokeColor=#E6E6E6;fontColor=#333333;', 53 sizeX * 0.5, sizeY * 0.04, 'Normal', 'Button (Normal, Bright)', null, null, dt + 'button normal bright'), 54 this.createVertexTemplateEntry(s4 + 'E6E6E6;align=center;strokeColor=#B3B3B3;fontColor=#333333;', 55 sizeX * 0.5, sizeY * 0.04, 'Focused', 'Button (Focused, Bright)', null, null, dt + 'button focused bright'), 56 this.createVertexTemplateEntry(s4 + 'B3B3B3;align=center;strokeColor=#E6E6E6;fontColor=#333333;strokeWidth=2;', 57 sizeX * 0.5, sizeY * 0.04, 'Pressed', 'Button (Pressed, Bright)', null, null, dt + 'button pressed bright'), 58 this.createVertexTemplateEntry(s4 + 'F4F4F4;align=center;strokeColor=#E6E6E6;fontColor=#CCCCCC;', 59 sizeX * 0.5, sizeY * 0.04, 'Focused disabled', 'Button (Focused, Disabled, Bright)', null, null, dt + 'button focused disabled bright'), 60 this.createVertexTemplateEntry(s4 + 'F4F4F4;align=center;strokeColor=#F4F4F4;fontColor=#CCCCCC;', 61 sizeX * 0.5, sizeY * 0.04, 'Disabled', 'Button (Disabled, Bright)', null, null, dt + 'button disabled bright'), 62 63 this.addEntry(dt + 'checkboxes checkbox', function() 64 { 65 var bg = new mxCell('', new mxGeometry(0, 0, 165, 50), s7 + 'transparent;strokeColor=#33b5e5'); 66 bg.vertex = true; 67 var button1 = new mxCell('Setting 1', new mxGeometry(0, 0, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;'); 68 button1.vertex = true; 69 bg.insert(button1); 70 var anchor1 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;'); 71 anchor1.vertex = true; 72 button1.insert(anchor1); 73 var radio1 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + s + 'rrect;rSize=0;resizable=0;'); 74 radio1.vertex = true; 75 anchor1.insert(radio1); 76 var button2 = new mxCell('Setting 2', new mxGeometry(0, 12.5, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;'); 77 button2.vertex = true; 78 bg.insert(button2); 79 var anchor2 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;'); 80 anchor2.vertex = true; 81 button2.insert(anchor2); 82 var radio2 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + s + 'rrect;rSize=0;resizable=0;'); 83 radio2.vertex = true; 84 anchor2.insert(radio2); 85 var button3 = new mxCell('Setting 3', new mxGeometry(0, 25, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;'); 86 button3.vertex = true; 87 bg.insert(button3); 88 var anchor3 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;'); 89 anchor3.vertex = true; 90 button3.insert(anchor3); 91 var radio3 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + s + 'checkbox;rSize=0;resizable=0;'); 92 radio3.vertex = true; 93 anchor3.insert(radio3); 94 var button4 = new mxCell('Setting 4', new mxGeometry(0, 37.5, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;'); 95 button4.vertex = true; 96 bg.insert(button4); 97 var anchor4 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;'); 98 anchor4.vertex = true; 99 button4.insert(anchor4); 100 var radio4 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + s + 'rrect;rSize=0;resizable=0;'); 101 radio4.vertex = true; 102 anchor4.insert(radio4); 103 104 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Checkboxes'); 105 }), 106 107 this.addEntry(dt + 'radiobuttons radiobutton', function() 108 { 109 var bg = new mxCell('', new mxGeometry(0, 0, 165, 50), s7 + 'transparent;strokeColor=#33b5e5'); 110 bg.vertex = true; 111 var button1 = new mxCell('Option 1', new mxGeometry(0, 0, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;'); 112 button1.vertex = true; 113 bg.insert(button1); 114 var anchor1 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;'); 115 anchor1.vertex = true; 116 button1.insert(anchor1); 117 var radio1 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + 'shape=ellipse;resizable=0;html=1;sketch=0;'); 118 radio1.vertex = true; 119 anchor1.insert(radio1); 120 var button2 = new mxCell('Option 2', new mxGeometry(0, 12.5, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;'); 121 button2.vertex = true; 122 bg.insert(button2); 123 var anchor2 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;'); 124 anchor2.vertex = true; 125 button2.insert(anchor2); 126 var radio2 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + 'shape=ellipse;resizable=0;html=1;sketch=0;'); 127 radio2.vertex = true; 128 anchor2.insert(radio2); 129 var button3 = new mxCell('Option 3', new mxGeometry(0, 25, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;'); 130 button3.vertex = true; 131 bg.insert(button3); 132 var anchor3 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;'); 133 anchor3.vertex = true; 134 button3.insert(anchor3); 135 var radio3 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), 'shape=ellipse;strokeColor=inherit;resizable=0;fillColor=#33b5e5;html=1;sketch=0;'); 136 radio3.vertex = true; 137 anchor3.insert(radio3); 138 var button4 = new mxCell('Option 4', new mxGeometry(0, 37.5, 165, 12.5), inh + 'shape=transparent;align=left;spacingLeft=10;fontSize=8;fontColor=#33b5e5;'); 139 button4.vertex = true; 140 bg.insert(button4); 141 var anchor4 = new mxCell('', new mxGeometry(0, 6, 0, 0), inh + 'shape=transparent;'); 142 anchor4.vertex = true; 143 button4.insert(anchor4); 144 var radio4 = new mxCell('', new mxGeometry(2.5, -2.5, 5, 5), inh + 'shape=ellipse;resizable=0;html=1;sketch=0;'); 145 radio4.vertex = true; 146 anchor4.insert(radio4); 147 148 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Radiobuttons'); 149 }), 150 151 this.createVertexTemplateEntry(s2 + 'contact_badge_focused;sketch=0;', 40, 40, '', 'Contact Badge Focused', null, null, dt + 'contact badge focused'), 152 this.createVertexTemplateEntry(s2 + 'contact_badge_focused;sketch=0;', 60, 60, '', 'Contact Badge Focused', null, null, dt + 'contact badge focused'), 153 this.createVertexTemplateEntry(s2 + 'contact_badge_normal;sketch=0;', 40, 40, '', 'Contact Badge Normal', null, null, dt + 'contact badge normal'), 154 this.createVertexTemplateEntry(s2 + 'contact_badge_normal;sketch=0;', 60, 60, '', 'Contact Badge Normal', null, null, dt + 'contact badge normal'), 155 this.createVertexTemplateEntry(s2 + 'contact_badge_pressed;sketch=0;', 40, 40, '', 'Contact Badge Pressed', null, null, dt + 'contact badge pressed'), 156 this.createVertexTemplateEntry(s2 + 'contact_badge_pressed;sketch=0;', 60, 60, '', 'Contact Badge Pressed', null, null, dt + 'contact badge pressed'), 157 158 this.addEntry(dt + 'contextual action bar dark portrait', function() 159 { 160 var bg = new mxCell('', new mxGeometry(0, 0, 185, 30), s + 'contextual_action_bar;fillColor=#002E3E;sketch=0;'); 161 bg.vertex = true; 162 var text1 = new mxCell('Action', new mxGeometry(40, 0, 100, 30), 'shape=transparent;align=left;fontStyle=1;fontColor=#ffffff;'); 163 text1.vertex = true; 164 bg.insert(text1); 165 166 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Action Bar'); 167 }), 168 169 this.addEntry(dt + 'contextual action bar bright portrait', function() 170 { 171 var bg = new mxCell('', new mxGeometry(0, 0, 185, 30), s + 'contextual_action_bar_white;fillColor=#E6E6E6;'); 172 bg.vertex = true; 173 var text1 = new mxCell('Action', new mxGeometry(40, 0, 100, 30), 'shape=transparent;align=left;fontStyle=1;'); 174 text1.vertex = true; 175 bg.insert(text1); 176 177 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Action Bar (Bright)'); 178 }), 179 180 this.addEntry(dt + 'contextual action bar landscape dark', function() 181 { 182 var bg = new mxCell('', new mxGeometry(0, 0, 320, 30), s + 'contextual_action_bar_landscape;fillColor=#002E3E;sketch=0;'); 183 bg.vertex = true; 184 var text1 = new mxCell('Action', new mxGeometry(40, 0, 100, 30), 'shape=transparent;align=left;fontStyle=1;fontColor=#ffffff;'); 185 text1.vertex = true; 186 bg.insert(text1); 187 188 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Action Bar Landscape'); 189 }), 190 191 this.addEntry(dt + 'contextual action bar landscape bright', function() 192 { 193 var bg = new mxCell('', new mxGeometry(0, 0, 320, 30), s + 'contextual_action_bar_landscape_white;fillColor=#E6E6E6;'); 194 bg.vertex = true; 195 var text1 = new mxCell('Action', new mxGeometry(40, 0, 100, 30), 'shape=transparent;align=left;fontStyle=1;'); 196 text1.vertex = true; 197 bg.insert(text1); 198 199 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Action Bar Landscape (Bright)'); 200 }), 201 202 this.addEntry(dt + 'contextual split action bar dark', function() 203 { 204 var bg = new mxCell('', new mxGeometry(0, 0, 185, 70), s + 'contextual_split_action_bar;fillColor=#002E3E;fontColor=#FFFFFF;'); 205 bg.vertex = true; 206 var text1 = new mxCell('Contextual', new mxGeometry(0, 0, 185, 30), 'shape=transparent;fontStyle=1;fontColor=#ffffff;'); 207 text1.vertex = true; 208 bg.insert(text1); 209 var text2 = new mxCell('Action', new mxGeometry(0, 40, 185, 30), 'shape=transparent;fontStyle=1;fontColor=#ffffff;'); 210 text2.vertex = true; 211 bg.insert(text2); 212 213 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Split Action Bar'); 214 }), 215 216 this.addEntry(dt + 'contextual split action bar bright', function() 217 { 218 var bg = new mxCell('', new mxGeometry(0, 0, 185, 70), s + 'contextual_split_action_bar_white;fillColor=#E6E6E6;'); 219 bg.vertex = true; 220 var text1 = new mxCell('Contextual', new mxGeometry(0, 0, 185, 30), 'shape=transparent;fontStyle=1;'); 221 text1.vertex = true; 222 bg.insert(text1); 223 var text2 = new mxCell('Action', new mxGeometry(0, 40, 185, 30), 'shape=transparent;fontStyle=1;'); 224 text2.vertex = true; 225 bg.insert(text2); 226 227 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Split Action Bar (Bright)'); 228 }), 229 230 this.addEntry(dt + 'contextual split action bar landscape dark', function() 231 { 232 var bg = new mxCell('', new mxGeometry(0, 0, 320, 70), s + 'contextual_split_action_bar_landscape;fillColor=#002E3E;fontColor=#FFFFFF;'); 233 bg.vertex = true; 234 var text1 = new mxCell('Contextual', new mxGeometry(0, 0, 320, 30), 'shape=transparent;fontStyle=1;fontColor=#ffffff;'); 235 text1.vertex = true; 236 bg.insert(text1); 237 var text2 = new mxCell('Action', new mxGeometry(0, 40, 320, 30), 'shape=transparent;fontStyle=1;fontColor=#ffffff;'); 238 text2.vertex = true; 239 bg.insert(text2); 240 241 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Split Action Bar Landscape'); 242 }), 243 244 this.addEntry(dt + 'contextual split action bar landscape bright', function() 245 { 246 var bg = new mxCell('', new mxGeometry(0, 0, 320, 70), s + 'contextual_split_action_bar_landscape_white;fillColor=#E6E6E6;'); 247 bg.vertex = true; 248 var text1 = new mxCell('Contextual', new mxGeometry(0, 0, 320, 30), 'shape=transparent;fontStyle=1;'); 249 text1.vertex = true; 250 bg.insert(text1); 251 var text2 = new mxCell('Action', new mxGeometry(0, 40, 320, 30), 'shape=transparent;fontStyle=1;'); 252 text2.vertex = true; 253 bg.insert(text2); 254 255 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Contextual Split Action Bar Landscape (Bright)'); 256 }), 257 258 this.createVertexTemplateEntry(s2 + 'indeterminate_progress_bar;strokeColor=#33B5E5;pointerEvents=1', 259 149, 5, '', 'Indeterminate Progress Bar', null, null, dt + 'indeterminate progress bar'), 260 this.createVertexTemplateEntry(s2 + 'indeterminateSpinner;', 261 50, 50, '', 'Indeterminate Spinner', null, null, dt + 'indeterminate spinner'), 262 this.createVertexTemplateEntry(s2 + 'keyboard;sketch=0;', 263 185, 100, '', 'Keyboard', null, null, dt + 'keyboard'), 264 265 this.addEntry(dt + 'menu bar', function() 266 { 267 var bg = new mxCell('', new mxGeometry(0, 0, 185, 50), s + 'rrect;rSize=0;strokeColor=#888888;fillColor=#444444;'); 268 bg.vertex = true; 269 var button1 = new mxCell('Menu Item 1', new mxGeometry(0, 0, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#ffffff;'); 270 button1.vertex = true; 271 bg.insert(button1); 272 var button2 = new mxCell('Menu Item 2', new mxGeometry(0, 12.5, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#ffffff;'); 273 button2.vertex = true; 274 bg.insert(button2); 275 var button3 = new mxCell('Menu Item 3', new mxGeometry(0, 25, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#ffffff;'); 276 button3.vertex = true; 277 bg.insert(button3); 278 var button4 = new mxCell('Menu Item 4', new mxGeometry(0, 37.5, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#ffffff;'); 279 button4.vertex = true; 280 bg.insert(button4); 281 282 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Menu bar'); 283 }), 284 285 this.addEntry(dt + 'menu bar', function() 286 { 287 var bg = new mxCell('', new mxGeometry(0, 0, 185, 50), s + 'rrect;rSize=0;strokeColor=#eeeeee;fillColor=#ffffff;gradientColor=none;'); 288 bg.vertex = true; 289 var button1 = new mxCell('Menu Item 1', new mxGeometry(0, 0, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#333333;'); 290 button1.vertex = true; 291 bg.insert(button1); 292 var button2 = new mxCell('Menu Item 2', new mxGeometry(0, 12.5, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#333333;'); 293 button2.vertex = true; 294 bg.insert(button2); 295 var button3 = new mxCell('Menu Item 3', new mxGeometry(0, 25, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#333333;'); 296 button3.vertex = true; 297 bg.insert(button3); 298 var button4 = new mxCell('Menu Item 4', new mxGeometry(0, 37.5, 185, 12.5), inh + s + 'rrect;rSize=0;align=left;spacingLeft=10;fontSize=8;fontColor=#333333;'); 299 button4.vertex = true; 300 bg.insert(button4); 301 302 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Menu bar'); 303 }), 304 305 this.createVertexTemplateEntry(s6 + 'navigation_bar_1;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 306 185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar portrait horizontal'), 307 this.createVertexTemplateEntry(s6 + 'navigation_bar_1_landscape;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 308 320, 30, '', 'Navigation Bar Landscape', null, null, dt + 'navigation bar landscape horizontal'), 309 this.createVertexTemplateEntry(s6 + 'navigation_bar_1_vertical;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 310 30, 320, '', 'Navigation Bar Vertical', null, null, dt + 'navigation bar vertical'), 311 this.createVertexTemplateEntry(s6 + 'navigation_bar_2;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 312 185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar horizontal'), 313 this.createVertexTemplateEntry(s6 + 'navigation_bar_3;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 314 185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar portrait horizontal'), 315 this.createVertexTemplateEntry(s6 + 'navigation_bar_3_landscape;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 316 320, 30, '', 'Navigation Bar Landscape', null, null, dt + 'navigation bar landscape horizontal'), 317 this.createVertexTemplateEntry(s6 + 'navigation_bar_4;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 318 185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar horizontal'), 319 this.createVertexTemplateEntry(s6 + 'navigation_bar_5;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 320 185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar horizontal'), 321 this.createVertexTemplateEntry(s6 + 'navigation_bar_5_vertical;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 322 30, 320, '', 'Navigation Bar Vertical', null, null, dt + 'navigation bar vertical'), 323 this.createVertexTemplateEntry(s6 + 'navigation_bar_6;fillColor=#1A1A1A;strokeColor=#999999;sketch=0;', 324 185, 30, '', 'Navigation Bar', null, null, dt + 'navigation bar horizontal'), 325 this.createVertexTemplateEntry(s2 + 'progressBar;strokeColor=#33b5e5;dx1=0.8;dx2=0.6;strokeWidth=2;', 326 185, 5, '', 'Progress Bar', null, null, dt + 'progress bar'), 327 this.createVertexTemplateEntry(s2 + 'progressScrubberDisabled;dx=0.3;fillColor=#33b5e5;', 328 185, 16, '', 'Progress Scrubber Disabled', null, null, dt + 'progress scrubber disabled'), 329 this.createVertexTemplateEntry(s2 + 'progressScrubberFocused;dx=0.3;fillColor=#33b5e5;', 330 185, 16, '', 'Progress Scrubber Focused', null, null, dt + 'progress scrubber focused'), 331 this.createVertexTemplateEntry(s2 + 'progressScrubberPressed;dx=0.3;fillColor=#33b5e5;', 332 185, 16, '', 'Progress Scrubber Pressed', null, null, dt + 'progress scrubber pressed'), 333 this.createVertexTemplateEntry(s2 + 'quickscroll2;dy=0.5;fillColor=#33b5e5;strokeColor=#66D5F5;', 334 58, 320, '', 'Quickscroll', null, null, dt + 'quickscroll quick scroll'), 335 336 this.createVertexTemplateEntry(s2 + 'quickscroll3;dy=0.5;fillColor=#33b5e5;strokeColor=#66D5F5;', 337 6, 320, '', 'Quickscroll', null, null, dt + 'quickscroll quick scroll'), 338 339 this.addEntry(dt + 'quick contact', function() 340 { 341 var bg = new mxCell('', new mxGeometry(0, 0, 150, 165), s + 'quick_contact;sketch=0;'); 342 bg.vertex = true; 343 var text1 = new mxCell('Name', new mxGeometry(0, 65, 150, 18), s + 'anchor;rSize=0;fontStyle=1;fontColor=#FFFFFF;'); 344 text1.vertex = true; 345 bg.insert(text1); 346 var text2 = new mxCell('Item 1', new mxGeometry(0, 108, 120, 28), s + 'anchor;rSize=0;align=left;spacingLeft=10;'); 347 text2.vertex = true; 348 bg.insert(text2); 349 var text3 = new mxCell('Item 2', new mxGeometry(0, 136, 120, 28), s + 'anchor;rSize=0;align=left;spacingLeft=10;'); 350 text3.vertex = true; 351 bg.insert(text3); 352 353 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Quick Contact'); 354 }), 355 356 this.addEntry(dt + 'scrollable tab scroll', function() 357 { 358 var bg = new mxCell('', new mxGeometry(0, 0, 185, 15), s + 'rrect;rSize=0;fillColor=#444444;strokeColor=none;'); 359 bg.vertex = true; 360 var text1 = new mxCell('One', new mxGeometry(0, 0, 46.25, 15), s + 'anchor;align=left;fontColor=#FFFFFF;'); 361 text1.vertex = true; 362 bg.insert(text1); 363 var text2 = new mxCell('Tab Two', new mxGeometry(46.25, 0, 92.5, 15), s + 'anchor;fontColor=#FFFFFF;'); 364 text2.vertex = true; 365 bg.insert(text2); 366 var text3 = new mxCell('Tab', new mxGeometry(138.75, 0, 46.25, 15), s + 'anchor;align=right;fontColor=#FFFFFF;'); 367 text3.vertex = true; 368 bg.insert(text3); 369 370 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Scrollable Tab'); 371 }), 372 373 this.createVertexTemplateEntry(s + 'scrollbars2;fillColor=#999999;strokeColor=none;', 374 56, 56, '', 'Scrollbars', null, null, dt + 'scrollbar scroll bar'), 375 this.createVertexTemplateEntry(s5 + '1A1A1A;strokeColor=#1A1A1A;fontColor=#FFFFFF;', 376 sizeX * 0.8, sizeY * 0.04, 'Normal', 'Section Header (Normal)', null, null, dt + 'section header normal dark'), 377 this.createVertexTemplateEntry(s5 + '4D4D4D;strokeColor=#4D4D4D;fontColor=#FFFFFF;', 378 sizeX * 0.8, sizeY * 0.04, 'Pressed', 'Section Header (Pressed)', null, null, dt + 'section header pressed dark'), 379 this.createVertexTemplateEntry(s5 + '33b5e5;strokeColor=#33B5E5;fontColor=#FFFFFF;', 380 sizeX * 0.8, sizeY * 0.04, 'Activated', 'Section Header (Activated)', null, null, dt + 'section header activated dark'), 381 this.createVertexTemplateEntry(s5 + '006699;strokeColor=#33B5E5;fontColor=#FFFFFF;', 382 sizeX * 0.8, sizeY * 0.04, 'Focused', 'Section Header (Focused)', null, null, dt + 'section header focused dark'), 383 this.createVertexTemplateEntry(s5 + '006699;strokeColor=#33B5E5;fontColor=#B3B3B3;', 384 sizeX * 0.8, sizeY * 0.04, 'Disabled focused', 'Section Header (Disabled focused)', null, null, dt + 'section header disabled focused dark'), 385 this.createVertexTemplateEntry(s5 + '1A1A1A;strokeColor=#1A1A1A;fontColor=#B3B3B3;', 386 sizeX * 0.8, sizeY * 0.04, 'Disabled', 'Section Header (Disabled)', null, null, dt + 'section header disabled dark'), 387 this.createVertexTemplateEntry(s5 + 'FFFFFF;strokeColor=#FFFFFF;fontColor=#4D4D4D;', 388 sizeX * 0.8, sizeY * 0.04, 'Normal', 'Section Header (Normal, Bright)', null, null, dt + 'section header normal bright'), 389 this.createVertexTemplateEntry(s5 + 'f6f6f6;strokeColor=#f6f6f6;fontColor=#4D4D4D;', 390 sizeX * 0.8, sizeY * 0.04, 'Pressed', 'Section Header (Pressed, Bright)', null, null, dt + 'section header pressed bright'), 391 this.createVertexTemplateEntry(s5 + '33b5e5;strokeColor=#33B5E5;fontColor=#4D4D4D;', 392 sizeX * 0.8, sizeY * 0.04, 'Activated', 'Section Header (Activated, Bright)', null, null, dt + 'section header activated bright'), 393 this.createVertexTemplateEntry(s5 + '99e5ff;strokeColor=#33B5E5;fontColor=#4D4D4D;', 394 sizeX * 0.8, sizeY * 0.04, 'Focused', 'Section Header (Focused, Bright)', null, null, dt + 'section header focused bright'), 395 this.createVertexTemplateEntry(s5 + '99e5ff;strokeColor=#33B5E5;fontColor=#B3B3B3;', 396 sizeX * 0.8, sizeY * 0.04, 'Disabled focused', 'Section Header (Disabled focused, Bright)', null, null, dt + 'section header disabled focused bright'), 397 this.createVertexTemplateEntry(s5 + 'FFFFFF;strokeColor=#FFFFFF;fontColor=#B3B3B3;', 398 sizeX * 0.8, sizeY * 0.04, 'Disabled', 'Section Header (Disabled, Bright)', null, null, dt + 'section header disabled bright'), 399 this.createVertexTemplateEntry(s + 'spinner2;align=center;fillColor=#999999;strokeColor=#999999;verticalAlign=bottom', 400 110, 10, 'Item', 'Spinner Normal', null, null, dt + 'spinner normal'), 401 this.createVertexTemplateEntry(s + 'spinner2;align=center;fillColor=#33b5e5;strokeColor=#33b5e5;verticalAlign=bottom', 402 110, 10, 'Item', 'Spinner Focused', null, null, dt + 'spinner focused'), 403 404 this.addEntry(dt + 'spinner disabled focused', function() 405 { 406 var bg = new mxCell('', new mxGeometry(0, 0, 117, 28), s + 'rect;rounded=1;fillColor=#207585;strokeColor=#33b5e5;'); 407 bg.vertex = true; 408 var text1 = new mxCell('Item', new mxGeometry(3, 4, 110, 20), s + 'spinner2;fontStyle=1;fontColor=#ffffff;align=center;verticalAlign=middle;strokeColor=#999999;fillColor=#999999;'); 409 text1.vertex = true; 410 bg.insert(text1); 411 412 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Spinner Disabled Focused'); 413 }), 414 415 this.addEntry(dt + 'spinner disabled focused light bright', function() 416 { 417 var bg = new mxCell('', new mxGeometry(0, 0, 117, 28), s + 'rect;rounded=1;fillColor=#ccf2ff;strokeColor=#88c5f5;'); 418 bg.vertex = true; 419 var text1 = new mxCell('Item', new mxGeometry(3, 4, 110, 20), s + 'spinner2;fontStyle=0;fontColor=#666666;align=center;verticalAlign=middle;strokeColor=#cccccc;fillColor=#cccccc;'); 420 text1.vertex = true; 421 bg.insert(text1); 422 423 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Spinner Disabled Focused Bright'); 424 }), 425 426 this.addEntry(dt + 'spinner pressed', function() 427 { 428 var bg = new mxCell('', new mxGeometry(0, 0, 117, 28), s + 'rect;rounded=1;fillColor=#33b5e5;strokeColor=#33b5e5;'); 429 bg.vertex = true; 430 var text1 = new mxCell('Item', new mxGeometry(3, 4, 110, 20), s + 'spinner2;fontStyle=0;fontColor=#ffffff;align=center;verticalAlign=middle;strokeColor=#aaeeff;fillColor=#aaeeff;'); 431 text1.vertex = true; 432 bg.insert(text1); 433 434 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Spinner Pressed'); 435 }), 436 437 this.addEntry(dt + 'spinner pressed light bright', function() 438 { 439 var bg = new mxCell('', new mxGeometry(0, 0, 117, 28), s + 'rect;rounded=1;fillColor=#33b5e5;strokeColor=#33b5e5;'); 440 bg.vertex = true; 441 var text1 = new mxCell('Item', new mxGeometry(3, 4, 110, 20), s + 'spinner2;fontStyle=0;fontColor=#ffffff;align=center;verticalAlign=middle;strokeColor=#666666;fillColor=#666666;'); 442 text1.vertex = true; 443 bg.insert(text1); 444 445 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Spinner Pressed Bright'); 446 }), 447 448 this.addEntry(dt + 'split action bar dark', function() 449 { 450 var bg = new mxCell('', new mxGeometry(0, 0, 185, 70), s + 'split_action_bar;fillColor=#1A1A1A;'); 451 bg.vertex = true; 452 var text1 = new mxCell('Split', new mxGeometry(0, 0, 185, 30), s + 'anchor;fontStyle=1;fontColor=#ffffff;'); 453 text1.vertex = true; 454 bg.insert(text1); 455 var text2 = new mxCell('Action', new mxGeometry(0, 40, 185, 30), s + 'anchor;fontStyle=1;fontColor=#ffffff;'); 456 text2.vertex = true; 457 bg.insert(text2); 458 459 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Split Action Bar'); 460 }), 461 462 this.addEntry(dt + 'split action bar bright', function() 463 { 464 var bg = new mxCell('', new mxGeometry(0, 0, 185, 70), s + 'split_action_bar;fillColor=#E6E6E6;'); 465 bg.vertex = true; 466 var text1 = new mxCell('Split', new mxGeometry(0, 0, 185, 30), s + 'anchor;fontStyle=1;'); 467 text1.vertex = true; 468 bg.insert(text1); 469 var text2 = new mxCell('Action', new mxGeometry(0, 40, 185, 30), s + 'anchor;fontStyle=1;'); 470 text2.vertex = true; 471 bg.insert(text2); 472 473 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Split Action Bar (Bright)'); 474 }), 475 476 this.addEntry(dt + 'split action bar landscape dark', function() 477 { 478 var bg = new mxCell('', new mxGeometry(0, 0, 320, 70), s + 'split_action_bar_landscape;fillColor=#1A1A1A;'); 479 bg.vertex = true; 480 var text1 = new mxCell('Split', new mxGeometry(0, 0, 320, 30), s + 'anchor;fontStyle=1;fontColor=#ffffff;'); 481 text1.vertex = true; 482 bg.insert(text1); 483 var text2 = new mxCell('Action', new mxGeometry(0, 40, 320, 30), s + 'anchor;fontStyle=1;fontColor=#ffffff;'); 484 text2.vertex = true; 485 bg.insert(text2); 486 487 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Split Action Bar Landscape'); 488 }), 489 490 this.addEntry(dt + 'split action bar landscape bright', function() 491 { 492 var bg = new mxCell('', new mxGeometry(0, 0, 320, 70), s + 'split_action_bar_landscape;fillColor=#E6E6E6;'); 493 bg.vertex = true; 494 var text1 = new mxCell('Split', new mxGeometry(0, 0, 320, 30), s + 'anchor;fontStyle=1;'); 495 text1.vertex = true; 496 bg.insert(text1); 497 var text2 = new mxCell('Action', new mxGeometry(0, 40, 320, 30), s + 'anchor;fontStyle=1;'); 498 text2.vertex = true; 499 bg.insert(text2); 500 501 return sb.createVertexTemplateFromCells([bg], bg.geometry.width, bg.geometry.height, 'Split Action Bar Landscape (Bright)'); 502 }), 503 504 this.createVertexTemplateEntry(s + 'statusBar;align=center;fillColor=#000000;strokeColor=#ffffff;fontColor=#ffffff;fontSize=10;sketch=0;', 505 sizeX * 0.87, sizeY * 0.0375, '', 'Status bar (portrait)', null, null, dt + 'status bar portrait'), 506 this.createVertexTemplateEntry(s + 'statusBar;align=center;fillColor=#000000;strokeColor=#ffffff;fontColor=#ffffff;fontSize=10;sketch=0;', 507 sizeX * 1.517, sizeY * 0.0375, '', 'Status bar (landscape)', null, null, dt + 'status bar landscape'), 508 this.createVertexTemplateEntry(s2 + 'switch_off;fillColor=#666666;sketch=0;', 509 80, 20, '', 'Switch Off', null, null, dt + 'switch off'), 510 this.createVertexTemplateEntry(s2 + 'switch_off;fillColor=#E6E6E6;sketch=0;', 511 80, 20, '', 'Switch Off', null, null, dt + 'switch off'), 512 this.createVertexTemplateEntry(s2 + 'switch_on;fillColor=#666666;sketch=0;', 513 80, 20, '', 'Switch On', null, null, dt + 'switch on'), 514 this.createVertexTemplateEntry(s2 + 'switch_on;fillColor=#E6E6E6;sketch=0;', 515 80, 20, '', 'Switch On', null, null, dt + 'switch on'), 516 this.addDataEntry(dt + 'tab tabulator bar dark', 185, 30, 'Tab Bar Dark', 517 '3ZZfb8IgEMA/Da8NhdY/r+02n/bkkj1jQSGjxVCc7T79KMVpp81qnG6RhIS744D7cVwAOM2rmSZr/qwokwA/ApxqpUw7yquUSQkQFBTgB4AQtB2gpx5r6KxwTTQrzBAH1Dq8E7lhraZVlKaWXlEard7Yq6CGW0UIcMJNLv2w5ISqrRWgFSgpOaNesJZ1s0JerZroAlJQrQQNtGaZPVqi5+KD+blLIWWqpNJuRxy51qzhtt5ZClVYh8SfmGnDqt6oncqHPGMqZ0bXdsrWR9HMmMStG2dixb0bbmlBUrby6st1z9AOPMbTSPER0heysIrw2mRJkfEGVLJUhZn7bUIvH+BdujaUJPqRZDQK0JVYRj0s/yZLv2PtZi2E02mW9WXtNe6gOuJ/m1uJ/2PRwHgRs/iiohGdxlz7SxgPZnw54lFP4uO7KiLeYYqCm+bvuAdudI9wQzwJxjfFOxlQHjwgKdzr7D7ZQwBUNC9fqMLqS7VpTv87UMJdytWdmnb4QYDHeND5eKy4/845W+e39wk='), 518 this.addDataEntry(dt + 'tab tabulator bar dark', 185, 30, 'Tab Bar Dark', 519 '3ZZRb4MgEIB/Da9GQdvuVbf1aU9dsmdaaCFDaZCuul8/1OtqV81cOrulJCbcHQfcx3k5RJK0mBu6FU+acYXIAyKJ0do2s7RIuFII+5Ihco8w9t2H8GOPNait/pYantkhDrhxeKNqxxtNo8htqUCRW6Nf+YtkVjhFgEgsbKpgmgvK9N4JvhMYzQVnIDjLttohLTZVdB7NmNGSecbwlbtabBbyncPatVQq0Uqb+kQS1qPaoz76YMl05hxiuDE3lhe9UdcqCHnOdcqtKd2SPURRrZhFjZvgciPAjTS0fJo38ubT9cjQTQBjN1JyhvSZLp0iGJsszVaiAhWvdWYXcEwAcgvvuh5DSeJvSYYTD4/EMuxh+TdZ+hVrK2shNzsTdgz8xRn66zxI9B/rBSHLiEcX1YuwG3MJjzAdzPhyxJOenCc3VT/A4Q57V83faQ/c8BbhBmTmTa+KdzagPAAgJTsqZhsAk9WfL3Xm9LneVbf/HSjBIeXKk5rW7g38czz453iceOzkattJo/cB'), 520 this.addDataEntry(dt + 'tab tabulator bar bright', 185, 30, 'Tab Bar Bright', 521 '3ZZfb4MgEMA/Da9GQdvutW7r0566ZM+0YCFDaJCuuk8/QLr+cWYuXbulJCbcHSfc784TgPKynmm8Zk+KUAHQA0C5Vsq0s7LOqRAAxpwAdA8gjO0D4GOPNfHWeI01lWaIA2wd3rDY0FbTKirTiKCojFav9IUTw6wiAWjKTCnCtGKYqK0VYisQXDFKgmAta/eGsl656CIsiVacRFrTpT3aVM/5Ow1rCy5EroTSfkdE/XDv8FvvLFJJpwwnptrQujdqrwohz6gqqdGNXbINUbgVk6x1Y5SvWHBDLa0YV628+nTdM7STgPFrpKiD9BkvrCK5NFksl8yBmhZKmnnYJgnyAd6RH0NJwm9JpqMIXohl2sPyb6r0FOtx1abpMiuyvqo9yUHhx5k5qDv8r5OV7D82DYQWGe3FPwhz+jXmJiRhPJjx+YhHPYWPbqqJBIc7GF21fsc9cNNbhJugSTS+Kt7JgPYQAAkuu//5QwCEuy+fK2n1ldq40/8OlGRXcs1RTzu8IMRdPPDneKy4v85529Ft7wM='), 522 this.addDataEntry(dt + 'tab tabulator bar bright', 185, 30, 'Tab Bar Bright', 523 '3Zbfb8IgEMf/Gl6bFlp1r3abT3tyyZ5RUMhoMRRnu79+0J6zzjbr4nSLJE2473H8+HC9gEialTNDN+JJM64QeUAkNVrbppeVKVcK4VAyRO4RxqH7EH7s8Ua1N9xQw3M7JAA3AW9UbXmjNEJhKwVCYY1+5S+SWeGECJGpsJmCbiEo0ztnhM5gtBCcgeE8Gz9DVq796QKaM6MlC4zhS7e1qZnLdw5jV1KpVCtt6hUJr5ufo15678l17kXYMTeWl72nriU48ozrjFtTuSE7OIUfMUmaMMHlWkAYaWiFtGjs9WfogaHrAMZupOQE6TNdOCG6NFmaL4UHNV3p3M5hmQjsFt5R3YaSxN+SjEcBvhDLuIfl32TpV6ytrIXc7EzYS+AvT9Bf50KS/1gvCFkkPDmrXsTdmCu4hPFgxucjHvXkPLmp+gEBdzi4av6Oe+DGtwg3IpNgfFW8kwHlAQAp2VEx2wCY9H++1LnTC731u/8dKNE+5aqjmtZ+G4SnePDP8Tjz8JKrfUcPvQ8='), 524 525 this.createVertexTemplateEntry(s + 'textfield;align=center;strokeColor=#4D4D4D;pointerEvents=1', 526 174, 30, '', 'Textfield Disabled', null, null, dt + 'textfield disabled'), 527 this.createVertexTemplateEntry(s + 'textfield;align=center;strokeColor=#999999;pointerEvents=1', 528 174, 30, '', 'Textfield Normal', null, null, dt + 'textfield normal'), 529 this.createVertexTemplateEntry(s + 'textfield;align=center;strokeColor=#33b5e5;pointerEvents=1', 530 174, 30, '', 'Textfield Activated', null, null, dt + 'textfield activated'), 531 this.createVertexTemplateEntry(s2 + 'text_insertion_point;', 532 20, 30, '', 'Text Insertion Point', null, null, dt + 'textfield insertion point'), 533 this.createVertexTemplateEntry(s2 + 'textSelHandles;fillColor=#33b5e5;strokeColor=#0099cc;', 534 sizeX * 0.8, sizeY * 0.1, '', 'Text Selection Handles', null, null, dt + 'text selection handle'), 535 this.createVertexTemplateEntry(s2 + 'time_picker;sketch=0;', 536 150, 230, '', 'Time Picker (Bright)', null, null, dt + 'time picker bright'), 537 this.createVertexTemplateEntry(s2 + 'time_picker_dark;sketch=0;', 538 150, 230, '', 'Time Picker (Dark)', null, null, dt + 'time picker dark'), 539 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#33b5e5;', 540 50, 50, '', 'Color', null, null, dt + 'color'), 541 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#0099cc;', 542 50, 50, '', 'Color', null, null, dt + 'color'), 543 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#aa66cc;', 544 50, 50, '', 'Color', null, null, dt + 'color'), 545 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#9933cc;', 546 50, 50, '', 'Color', null, null, dt + 'color'), 547 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#99cc00;', 548 50, 50, '', 'Color', null, null, dt + 'color'), 549 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#669900;', 550 50, 50, '', 'Color', null, null, dt + 'color'), 551 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#ffbb33;', 552 50, 50, '', 'Color', null, null, dt + 'color'), 553 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#ff8800;', 554 50, 50, '', 'Color', null, null, dt + 'color'), 555 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#ff4444;', 556 50, 50, '', 'Color', null, null, dt + 'color'), 557 this.createVertexTemplateEntry(s3 + 'rect;fillColor=#cc0000;', 558 50, 50, '', 'Color', null, null, dt + 'color') 559 ]; 560 561 this.addPalette('android', mxResources.get('android'), false, mxUtils.bind(this, function(content) 562 { 563 for (var i = 0; i < fns.length; i++) 564 { 565 content.appendChild(fns[i](content)); 566 } 567 })); 568 569 this.setCurrentSearchEntryLibrary(); 570 }; 571})(); 572