| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="item.html"> |
| <link rel="import" href="shared_style.html"> |
| <link rel="import" href="store_client.html"> |
| <link rel="import" href="chrome://resources/html/icon.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-notifications-view"> |
| <template> |
| <style include="app-management-shared-css"> |
| cr-toggle { |
| margin-inline-end: 24px; |
| } |
| |
| paper-icon-button-light { |
| margin-inline-start: 0; |
| } |
| |
| #notification-view-header { |
| align-items: center; |
| display: flex; |
| margin: 24px auto; |
| width: var(--card-width) |
| } |
| |
| #notification-title { |
| padding-start: 12px; |
| } |
| </style> |
| <!-- TODO(ceciliani) Make this view a separate element to avoid duplicate |
| code with main view --> |
| <div id="notification-view-header"> |
| <paper-icon-button-light class="icon-arrow-back"> |
| <button id="closeButton" on-click="onClickBackButton_" |
| aria-label="$i18n{back}"> |
| <paper-ripple class="circle"></paper-ripple> |
| </button> |
| </paper-icon-button-light> |
| <div id="notification-title" class="page-title">$i18n{notifications}</div> |
| </div> |
| |
| <div class="card-container"> |
| <template is="dom-repeat" items="[[displayedApps_]]"> |
| <app-management-item app="[[item]]"> |
| <cr-toggle slot="right-content"></cr-toggle> |
| </app-management-item> |
| </template> |
| |
| <iron-collapse opened="[[listExpanded_]]"> |
| <template is="dom-repeat" items="[[collapsedApps_]]"> |
| <app-management-item app="[[item]]"> |
| <cr-toggle slot="right-content"></cr-toggle> |
| </app-management-item> |
| </template> |
| </iron-collapse> |
| |
| <div class="expander-list-row" on-click="toggleListExpanded_"> |
| <span>[[moreAppsString_(apps_.length,listExpanded_)]]</span> |
| <paper-icon-button-light class="expand-button"> |
| <button> |
| <iron-icon icon="[[getCollapsedIcon_(listExpanded_)]]"> |
| </iron-icon> |
| </button> |
| </paper-icon-button-light> |
| </div> |
| </div> |
| </template> |
| <script src="notifications_view.js"></script> |
| </dom-module> |