| <style include="cr-shared-style shimless-rma-shared"> |
| :host(:not([should-show-warning])) .icon-message { |
| grid-template-columns: 1fr; |
| } |
| </style> |
| <base-page equal-panes> |
| <div slot="left-pane"> |
| <h1 id="titleText" tabindex="-1">[[getTitleText(status)]]</h1> |
| <div class="icon-message"> |
| <iron-icon icon="shimless-icon:warning" |
| class="warning-icon small-icon" hidden="[[!shouldShowWarning]]"> |
| </iron-icon> |
| <span id="firmwareUpdateStatus" class="instructions" aria-live="polite"> |
| [[statusString]] |
| </span> |
| </div> |
| </div> |
| <div slot="right-pane"> |
| <div class="illustration-wrapper" aria-hidden="true"> |
| <img class="illustration" src="[[imgSrc]]" |
| hidden$="[[shouldShowSpinner]]" alt="[[imgAlt]]"> |
| <paper-spinner-lite class="large-spinner" |
| hidden$="[[!shouldShowSpinner]]" active> |
| </paper-spinner-lite> |
| </div> |
| </div> |
| </base-page> |
