blob: 3fa410b229e2d840744c8dd440a70062a1c267fe [file] [log] [blame]
<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>