| OLD | NEW |
| 1 template TopSearches(Person person, var searches) { | 1 template TopSearches(Person person, var searches) { |
| 2 css { | 2 css { |
| 3 .metrics-item { | 3 .metrics-item { |
| 4 font-family: arial; | 4 font-family: arial; |
| 5 background-color: lightgray; | 5 background-color: lightgray; |
| 6 margin-left: 10px; | 6 margin-left: 10px; |
| 7 border-bottom: 1px solid white; | 7 border-bottom: 1px solid white; |
| 8 } | 8 } |
| 9 .total-hits { | 9 .total-hits { |
| 10 position: absolute; | 10 position: absolute; |
| 11 left: 100px; | 11 left: 100px; |
| 12 } | 12 } |
| 13 } | 13 } |
| 14 <div> | 14 <div> |
| 15 ${#with person} | 15 ${#with person} |
| 16 <div> | 16 <div> |
| 17 <span>${name}, </span> | 17 <span>${name}, </span> |
| 18 <span>age = </span> | 18 <span>age = </span> |
| 19 <span>${age}</span> | 19 <span>${age}</span> |
| 20 </div> | 20 </div> |
| 21 <div> | 21 <div> |
| 22 ${#each searches} | 22 ${#each searches search} |
| 23 <div>query=${query}, rank=${rank}, total=${total}</div> | 23 <div>query=${search.query}, rank=${search.rank}, total=${sea
rch.total}</div> |
| 24 ${#each searches.metrics} | 24 ${#each search.metrics metric} |
| 25 <div class="metrics-item"> | 25 <div class="metrics-item"> |
| 26 <span>${country}</span> | 26 <span>${metric.country}</span> |
| 27 <span class="total-hits">${quantity}</span> | 27 <span class="total-hits">${metric.quantity}</span> |
| 28 </div> | 28 </div> |
| 29 ${/each} | 29 ${/each} |
| 30 ${/each} | 30 ${/each} |
| 31 </div> | 31 </div> |
| 32 ${/with} | 32 ${/with} |
| 33 </div> | 33 </div> |
| 34 } | 34 } |
| 35 | 35 |
| 36 template NameEntry(String name, int age) { | 36 template NameEntry(String name, int age) { |
| 37 css { | 37 css { |
| 38 .name-item { | 38 .name-item { |
| 39 font-size: 18pt; | 39 font-size: 18pt; |
| 40 font-weight: bold; | 40 font-weight: bold; |
| 41 } | 41 } |
| 42 } | 42 } |
| 43 <div var=topDiv class="name-item" attr="test" attr1=test1 attr2='test2' attr3=
test3> | 43 <div var=topDiv class="name-item" attr="test" attr1=test1 attr2='test2' attr3=
test3> |
| 44 <span var=spanElem>${name}</span> | 44 <span var=spanElem>${name}</span> |
| 45 <span> - </span> | 45 <span> - </span> |
| 46 <span>${age}</span> | 46 <span>${age}</span> |
| 47 </div> | 47 </div> |
| 48 } | 48 } |
| 49 | 49 |
| OLD | NEW |