| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="app_item.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.html"> |
| |
| <dom-module id="app-management-search-view"> |
| <template> |
| <style include="app-management-shared-css"> |
| #centered-message { |
| align-items: center; |
| color: #6e6e6e; |
| cursor: default; |
| display: flex; |
| font-size: 14px; |
| font-weight: 500; |
| height: 100%; |
| justify-content: center; |
| user-select: none; |
| white-space: nowrap; |
| } |
| |
| .app-management-item-arrow { |
| margin-inline-end: 8px; |
| padding: 12px; |
| } |
| </style> |
| <div class="card-container" hidden$="[[isEmptyList_(apps_)]]"> |
| <template is="dom-repeat" items="[[apps_]]"> |
| <app-management-app-item app="[[item]]"> |
| <paper-icon-button-light slot="right-content" |
| class="subpage-arrow app-management-item-arrow" actionable> |
| <button></button> |
| </paper-icon-button-light> |
| </app-management-app-item> |
| </template> |
| </div> |
| <div id="centered-message" |
| hidden$="[[!isEmptyList_(apps_)]]"> |
| $i18n{noSearchResults} |
| </div> |
| </template> |
| <script src="search_view.js"></script> |
| </dom-module> |