| OLD | NEW |
| 1 template DivisionSales(var divisions) { | 1 template DivisionSales(var divisions) { |
| 2 css { | 2 css { |
| 3 .division-item { | 3 .division-item { |
| 4 background-color: #bbb; | 4 background-color: #bbb; |
| 5 border-top: 2px solid white; | 5 border-top: 2px solid white; |
| 6 line-height: 20pt; | 6 line-height: 20pt; |
| 7 padding-left: 5px; | 7 padding-left: 5px; |
| 8 } | 8 } |
| 9 .product-item { | 9 .product-item { |
| 10 background-color: lightgray; | 10 background-color: lightgray; |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 53 border-top: 1px solid white; | 53 border-top: 1px solid white; |
| 54 line-height: 18pt; | 54 line-height: 18pt; |
| 55 padding-left: 5px; | 55 padding-left: 5px; |
| 56 } | 56 } |
| 57 .ytd-sales { | 57 .ytd-sales { |
| 58 position: absolute; | 58 position: absolute; |
| 59 left: 100px; | 59 left: 100px; |
| 60 } | 60 } |
| 61 } | 61 } |
| 62 <div> | 62 <div> |
| 63 ${#each divisions} | 63 ${#each divisions div} |
| 64 <div class="division-item"> | 64 <div class="division-item"> |
| 65 <span>${name}</span> | 65 <span>${div.name}</span> |
| 66 <span>-</span> | 66 <span>-</span> |
| 67 <span>${id}</span> | 67 <span>${div.id}</span> |
| 68 </div> | 68 </div> |
| 69 <div> | 69 <div> |
| 70 ${#each divisions.products} | 70 ${#each div.products prod} |
| 71 <div class="product-item"> | 71 <div class="product-item"> |
| 72 <span var=productZippy class="expand-collapse expand">▼</span> | 72 <span var=productZippy class="expand-collapse expand">▼</span> |
| 73 <span class='product-title'>Product</span> | 73 <span class='product-title'>Product</span> |
| 74 <span class="product-name">${name}</span> | 74 <span class="product-name">${prod.name}</span> |
| 75 <span class="product-users" align=right>${users} users</span> | 75 <span class="product-users" align=right>${prod.users} users</sp
an> |
| 76 <div class="show-sales"> | 76 <div class="show-sales"> |
| 77 ${#each products.sales} | 77 ${#each prod.sales sale} |
| 78 <div class="sales-item"> | 78 <div class="sales-item"> |
| 79 <span>${country}</span> | 79 <span>${sale.country}</span> |
| 80 <span class="ytd-sales">\$${yearly}</span> | 80 <span class="ytd-sales">\$${sale.yearly}</span> |
| 81 </div> | 81 </div> |
| 82 ${/each} | 82 ${/each} |
| 83 </div> | 83 </div> |
| 84 </div> | 84 </div> |
| 85 ${/each} | 85 ${/each} |
| 86 </div> | 86 </div> |
| 87 ${/each} | 87 ${/each} |
| 88 </div> | 88 </div> |
| 89 } | 89 } |
| 90 | 90 |
| 91 template Header(String company, Date date) { | 91 template Header(String company, Date date) { |
| 92 css { | 92 css { |
| 93 .header { | 93 .header { |
| 94 background-color: slateGray; | 94 background-color: slateGray; |
| 95 font-family: arial; | 95 font-family: arial; |
| 96 color: lightgray; | 96 color: lightgray; |
| 97 font-weight: bold; | 97 font-weight: bold; |
| 98 padding-top: 20px; | 98 padding-top: 20px; |
| 99 } | 99 } |
| 100 } | 100 } |
| 101 <div class='header' align=center> | 101 <div class='header' align=center> |
| 102 <h2>${company}</h2> | 102 <h2>${company}</h2> |
| 103 <div align=right>${date}</div> | 103 <div align=right>${date}</div> |
| 104 </div> | 104 </div> |
| 105 } | 105 } |
| 106 | 106 |
| OLD | NEW |