| <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> |