chrome/browser/resources/md_extensions/activity_log/activity_log_stream.html

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

<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="activity_log_stream_item.html">
<link rel="import" href="../shared_style.html">

<dom-module id="activity-log-stream">
  <template>
    <style include="shared-style paper-button-style">
      :host {
        --activity-log-call-and-time-width: 590px;
        --activity-type-width: 85px;
        --activity-time-width: 100px;
      }

      .activity-table-headings {
        max-width: var(--activity-log-call-and-time-width);
      }

      #activity-type {
        flex: 0 var(--activity-type-width);
      }

      #activity-key {
        flex: 1;
        margin-inline-start: 10px;
      }

      #activity-time {
        flex: 0 var(--activity-time-width);
        text-align: end;
      }
    </style>
    <div class="activity-subpage-header">
      <paper-button id="toggle-stream-button" on-click="onToggleButtonClick_">
        <span hidden$="[[isStreamOn_]]">
          $i18n{startActivityStream}
        </span>
        <span hidden$="[[!isStreamOn_]]">
          $i18n{stopActivityStream}
        </span>
      </paper-button>
      <paper-button class="clear-activities-button"
          on-click="clearStream_">
        $i18n{clearActivities}
      </paper-button>
    </div>
    <div id="empty-stream-message" class="activity-message"
        hidden$="[[!isStreamEmpty_(activityStream_.length)]]">
      <span id="stream-stopped-message" hidden$="[[isStreamOn_]]">
        $i18n{emptyStreamStopped}
      </span>
      <span id="stream-started-message" hidden$="[[!isStreamOn_]]">
        $i18n{emptyStreamStarted}
      </span>
    </div>
    <div id="activity-stream-list"
        hidden$="[[isStreamEmpty_(activityStream_.length)]]">
      <div class="activity-table-headings">
        <span id="activity-type">$i18n{activityLogTypeColumn}</span>
        <span id="activity-key">$i18n{activityLogNameColumn}</span>
        <span id="activity-time">$i18n{activityLogTimeColumn}</span>
      </div>
      <template is="dom-repeat" items="[[activityStream_]]">
        <activity-log-stream-item id="[[item.id]]" data="[[item]]">
        </activity-log-stream-item>
      </template>
    </div>
  </template>
  <script src="activity_log_stream.js"></script>
</dom-module>