chrome/browser/resources/app_management/notifications_view.html

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="app_item.html">
<link rel="import" href="shared_style.html">
<link rel="import" href="store_client.html">
<link rel="import" href="permission_toggle.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">
      app-management-permission-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-inline-start: 12px;
      }
    </style>
    <!-- TODO(ceciliani) Make this view a separate element to avoid duplicate
    code with main view -->
    <!-- TODO(crbug.com/906508): Implement display when there is no apps at
    all  -->
    <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-app-item app="[[item]]">
          <app-management-permission-toggle slot="right-content"
              app="[[item]]"
              permission-type="CONTENT_SETTINGS_TYPE_NOTIFICATIONS">
          </app-management-permission-toggle>
        </app-management-app-item>
      </template>

      <iron-collapse opened="[[listExpanded_]]">
        <template is="dom-repeat" items="[[collapsedApps_]]">
          <app-management-app-item app="[[item]]">
            <app-management-permission-toggle slot="right-content"
                app="[[item]]"
                permission-type="CONTENT_SETTINGS_TYPE_NOTIFICATIONS">
            </app-management-permission-toggle>
          </app-management-app-item>
        </template>
      </iron-collapse>

      <div id="expander-row" class="expander-list-row"
          on-click="toggleListExpanded_">
        <span>[[moreAppsString_(listExpanded_, collapsedApps_)]]</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>