| OLD | NEW |
| 1 // Copyright (c) 2011, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2011, the Dart project authors. Please see the AUTHORS file |
| 2 // for details. All rights reserved. Use of this source code is governed by a | 2 // for details. All rights reserved. Use of this source code is governed by a |
| 3 // BSD-style license that can be found in the LICENSE file. | 3 // BSD-style license that can be found in the LICENSE file. |
| 4 | 4 |
| 5 /** | 5 /** |
| 6 * An app for testing the grid layout system. | 6 * An app for testing the grid layout system. |
| 7 */ | 7 */ |
| 8 | 8 |
| 9 /** Creates a grid view structure given the CSS styles. */ | 9 /** Creates a grid view structure given the CSS styles. */ |
| 10 View createGrid(Map<String, Map<String, String>> styles) { | 10 View createGrid(Map<String, Map<String, String>> styles) { |
| 11 final gridStyle = styles['#grid']; | 11 final gridStyle = styles['#grid']; |
| 12 | 12 |
| 13 final children = new List<MockView>(); | 13 final children = new List<MockView>(); |
| 14 for (final String id in styles.getKeys()) { | 14 for (final String id in styles.keys) { |
| 15 // All selectors in this test are id selectors string the # prefix. | 15 // All selectors in this test are id selectors string the # prefix. |
| 16 assert(id.startsWith('#')); | 16 assert(id.startsWith('#')); |
| 17 String elemId = id.substring(1); | 17 String elemId = id.substring(1); |
| 18 if (elemId != 'grid') { | 18 if (elemId != 'grid') { |
| 19 children.add(new MockView(elemId, styles[id])); | 19 children.add(new MockView(elemId, styles[id])); |
| 20 } | 20 } |
| 21 } | 21 } |
| 22 | 22 |
| 23 return new MockCompositeView('grid', gridStyle, children); | 23 return new MockCompositeView('grid', gridStyle, children); |
| 24 } | 24 } |
| 25 | 25 |
| 26 void _onLoad() { | 26 void _onLoad() { |
| 27 var query = Uri.parseQuery(window.location.search)['q']; | 27 var query = Uri.parseQuery(window.location.search)['q']; |
| 28 if (query != null && query.length == 1) { | 28 if (query != null && query.length == 1) { |
| 29 query = Uri.decodeComponent(query[0]); | 29 query = Uri.decodeComponent(query[0]); |
| 30 addGridStyles('100%', '100%', 'margin:0px;'); | 30 addGridStyles('100%', '100%', 'margin:0px;'); |
| 31 final view = createGrid(GridExamples.styles[query]); | 31 final view = createGrid(GridExamples.styles[query]); |
| 32 view.addToDocument(document.body); | 32 view.addToDocument(document.body); |
| 33 _addColorStyles(); | 33 _addColorStyles(); |
| 34 printMetrics(query); | 34 printMetrics(query); |
| 35 } else { | 35 } else { |
| 36 final html = new StringBuffer(); | 36 final html = new StringBuffer(); |
| 37 for (String ex in GridExamples.styles.getKeys()) { | 37 for (String ex in GridExamples.styles.keys) { |
| 38 html.add('<div><a href="?q=$ex">Grid Example $ex</a></div>'); | 38 html.add('<div><a href="?q=$ex">Grid Example $ex</a></div>'); |
| 39 } | 39 } |
| 40 document.body.innerHTML = html.toString(); | 40 document.body.innerHTML = html.toString(); |
| 41 } | 41 } |
| 42 } | 42 } |
| 43 | 43 |
| 44 void addGridStyles(String width, String height, [String margin = '']) { | 44 void addGridStyles(String width, String height, [String margin = '']) { |
| 45 // Use monospace font and fixed line-height so the text size is predictable. | 45 // Use monospace font and fixed line-height so the text size is predictable. |
| 46 // TODO(jmesserly): only tested on Chromium Mac/Linux | 46 // TODO(jmesserly): only tested on Chromium Mac/Linux |
| 47 Dom.addStyle(''' | 47 Dom.addStyle(''' |
| (...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 123 } | 123 } |
| 124 | 124 |
| 125 void _appendMetrics(StringBuffer sb, Element node, ElementRect rect, | 125 void _appendMetrics(StringBuffer sb, Element node, ElementRect rect, |
| 126 [String indent = '']) { | 126 [String indent = '']) { |
| 127 String id = node.id; | 127 String id = node.id; |
| 128 final offset = rect.offset; | 128 final offset = rect.offset; |
| 129 num left = offset.left, top = offset.top; | 129 num left = offset.left, top = offset.top; |
| 130 num width = offset.width, height = offset.height; | 130 num width = offset.width, height = offset.height; |
| 131 sb.add("${indent}'$id': [$left, $top, $width, $height],\n"); | 131 sb.add("${indent}'$id': [$left, $top, $width, $height],\n"); |
| 132 } | 132 } |
| OLD | NEW |