| <style include="cr-shared-style shimless-rma-shared"> |
| #reworkFlowLink { |
| color: var(--cros-link-color); |
| } |
| </style> |
| |
| <base-page> |
| <div slot="left-pane"> |
| <h1 tabindex="-1">[[i18n('selectComponentsTitleText')]]</h1> |
| <div class="instructions"> |
| <span inner-h-t-m-l="[[reworkFlowLinkText]]"></span> |
| </div> |
| </div> |
| <div slot="right-pane"> |
| <div class="scroll-container"> |
| <div id="componentList" class="component-grid repair"> |
| <template is="dom-repeat" items="{{componentCheckboxes}}" |
| as="component"> |
| <repair-component-chip id="[[component.id]]" |
| unique-id="[[component.uniqueId]]" |
| checked="{{component.checked}}" |
| disabled$="[[isComponentDisabled(component.disabled, |
| allButtonsDisabled)]]" |
| component-name="[[component.name]]" |
| component-identifier="[[component.identifier]]" |
| is-first-clickable-component= |
| "[[component.isFirstClickableComponent]]"> |
| </repair-component-chip> |
| </template> |
| </div> |
| <div class="gradient unequal-panes"></div> |
| </div> |
| </div> |
| </base-page> |