|
38 | 38 | {{#each this.differentSizedModels as |item index|}}
|
39 | 39 | <li data-test-vertical-demo-item class='word-break' {{sortable-item model=item groupName='verticle-size'}}>
|
40 | 40 | <label for={{concat 'demo-input-' index}}>{{item}}</label>
|
41 |
| - <input id={{concat 'demo-input-' index}} type='text'/> |
| 41 | + <input id={{concat 'demo-input-' index}} type='text' /> |
42 | 42 | <span data-item={{item}} data-test-vertical-demo-handle class='handle' {{sortable-handle}}>
|
43 | 43 | <span>⇕</span>
|
44 | 44 | </span>
|
|
112 | 112 | </div>
|
113 | 113 | </section>
|
114 | 114 |
|
115 |
| - <section class='grid-demo'> |
116 |
| - <div class='row'> |
117 |
| - <div class='col'> |
| 115 | + <section class="grid-demo"> |
| 116 | + <div class="row"> |
| 117 | + <div class="col"> |
118 | 118 | <h3>Grid</h3>
|
119 | 119 | </div>
|
120 | 120 | </div>
|
121 |
| - <div class='row'> |
122 |
| - <div class='col'> |
123 |
| - <div |
124 |
| - class='row' data-test-grid-demo-group |
125 |
| - {{sortable-group |
126 |
| - direction='grid' |
127 |
| - onChange=this.updateGrid |
128 |
| - itemVisualClass=this.itemVisualClass |
129 |
| - handleVisualClass=this.handleVisualClass |
130 |
| - groupName='grid' |
131 |
| - }}> |
| 121 | + <div class="row"> |
| 122 | + <div class="col"> |
| 123 | + <div class="row" data-test-grid-demo-group |
| 124 | + {{sortable-group |
| 125 | + direction='grid' |
| 126 | + onChange=this.updateGrid |
| 127 | + itemVisualClass=this.itemVisualClass |
| 128 | + handleVisualClass=this.handleVisualClass |
| 129 | + groupName='grid' |
| 130 | + }}> |
132 | 131 | {{#each @model.itemsGrid as |item|~}}
|
133 |
| - <div class='col-120' data-test-grid-demo-handle tabindex='0'{{sortable-item model=item groupName='grid'}}> |
134 |
| - <div class='card'> |
| 132 | + <div class="col-120" data-test-grid-demo-handle tabindex='0'{{sortable-item model=item groupName='grid'}}> |
| 133 | + <div class="card"> |
135 | 134 | <ItemPresenter @item={{item}} />
|
136 | 135 | </div>
|
137 | 136 | </div>
|
|
168 | 167 | {{! template-lint-disable table-groups}}
|
169 | 168 | <table>
|
170 | 169 | <thead>
|
171 |
| - <tr> |
172 |
| - <th>⇕</th> |
173 |
| - <th>Item</th> |
174 |
| - </tr> |
| 170 | + <tr> |
| 171 | + <th>⇕</th> |
| 172 | + <th>Item</th> |
| 173 | + </tr> |
175 | 174 | </thead>
|
176 | 175 | <tbody {{sortable-group onChange=this.update groupName='table'}}>
|
177 |
| - {{#each @model.items as |item|}} |
178 |
| - <tr data-test-table-demo-item class='handle' {{sortable-item model=item groupName='table'}}> |
179 |
| - <td><span data-test-table-demo-handle data-item={{item}} class='handle'>⇕</span></td> |
180 |
| - <td>{{item}}</td> |
181 |
| - </tr> |
182 |
| - {{/each}} |
| 176 | + {{#each @model.items as |item|}} |
| 177 | + <tr data-test-table-demo-item class='handle' {{sortable-item model=item groupName='table'}}> |
| 178 | + <td><span data-test-table-demo-handle data-item={{item}} class='handle'>⇕</span></td> |
| 179 | + <td>{{item}}</td> |
| 180 | + </tr> |
| 181 | + {{/each}} |
183 | 182 | </tbody>
|
184 | 183 | </table>
|
185 | 184 | </section>
|
186 | 185 |
|
187 |
| - <section class='table-cell-changes-demo'> |
| 186 | + <section class="table-cell-changes-demo"> |
188 | 187 | <h3>Table with conditional cells</h3>
|
189 | 188 | <Table @records={{this.records}} @handleDragChange={{this.handleDragChange}} />
|
190 | 189 | </section>
|
|
0 commit comments