| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="chrome://resources/html/cr.html"> |
| <link rel="import" href="chrome://resources/html/promise_resolver.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_history_item.html"> |
| <link rel="import" href="../shared_style.html"> |
| |
| <dom-module id="activity-log-history"> |
| <template> |
| <style include="paper-button-style shared-style"> |
| :host { |
| --activity-log-call-and-count-width: 529px; |
| --activity-type-width: 85px; |
| --activity-count-width: 100px; |
| } |
| |
| .activity-table-headings { |
| max-width: var(--activity-log-call-and-count-width); |
| } |
| |
| #activity-type { |
| flex: 0 var(--activity-type-width); |
| } |
| |
| #activity-key { |
| flex: 1; |
| margin-inline-start: 10px; |
| } |
| |
| #activity-count { |
| flex: 0 var(--activity-count-width); |
| text-align: end; |
| } |
| </style> |
| <div class="activity-subpage-header"> |
| <paper-button class="clear-activities-button" |
| on-click="onClearActivitiesClick_"> |
| $i18n{clearActivities} |
| </paper-button> |
| </div> |
| <div id="loading-activities" class="activity-message" |
| hidden$="[[!shouldShowLoadingMessage_( |
| pageState_)]]"> |
| <span>$i18n{loadingActivities}</span> |
| </div> |
| <div id="no-activities" class="activity-message" |
| hidden$="[[!shouldShowEmptyActivityLogMessage_( |
| pageState_, activityData_)]]"> |
| <span>$i18n{noActivities}</span> |
| </div> |
| <div id="activity-list" |
| hidden$="[[!shouldShowActivities_(pageState_, activityData_)]]"> |
| <div class="activity-table-headings"> |
| <span id="activity-type">$i18n{activityLogTypeColumn}</span> |
| <span id="activity-key">$i18n{activityLogNameColumn}</span> |
| <span id="activity-count">$i18n{activityLogCountColumn}</span> |
| </div> |
| <template is="dom-repeat" items="[[activityData_]]"> |
| <activity-log-history-item data="[[item]]"> |
| </activity-log-history-item> |
| </template> |
| </div> |
| </template> |
| <script src="activity_log_history.js"></script> |
| </dom-module> |