blob: 0492fb09922e89e5cec274b10435827b6900efde [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="expandable_app_list.html">
<link rel="import" href="shared_style.html">
<link rel="import" href="store_client.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<dom-module id="app-management-main-view">
<template>
<style include="app-management-shared-css">
.notification-row-sublabel {
display: flex;
flex-direction: column;
overflow: hidden;
padding: 11px 0;
}
.collapsible {
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
}
#notifications-sublabel {
display: flex;
overflow: hidden;
}
#notifications-sublabel > span {
white-space: pre;
}
.notification-row {
align-items: center;
cursor: pointer;
display: inline-flex;
justify-content: space-between;
padding: 0 24px;
}
</style>
<app-management-expandable-app-list
displayed-apps="[[displayedApps_]]"
collapsed-apps="[[collapsedApps_]]"
list-title="$i18n{appListTitle}">
</app-management-expandable-app-list>
<div class="card-container">
<span class="notification-row" on-click="onClickNotificationSublabel_">
<div class="notification-row-sublabel">
<div class="header-text">
$i18n{notifications}
</div>
<div id="notifications-sublabel" class="secondary-text"></div>
</div>
<paper-icon-button-light class="subpage-arrow" actionable>
<button></button>
</paper-icon-button-light>
</span>
</div>
</template>
<script src="main_view.js"></script>
</dom-module>