| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="chrome://resources/cr_elements/cr_container_shadow_behavior.html"> |
| <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.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/polymer/v1_0/paper-icon-button/paper-icon-button-light.html"> |
| <link rel="import" href="activity_log_item.html"> |
| <link rel="import" href="navigation_helper.html"> |
| <link rel="import" href="shared_style.html"> |
| |
| <dom-module id="extensions-activity-log"> |
| <template> |
| <style include="iron-flex cr-shared-style shared-style"> |
| .activity-message { |
| color: #6e6e6e; |
| font-size: 123%; /* Should be 16px when 100% is 13px. */ |
| font-weight: 500; |
| margin-top: 80px; |
| text-align: center; |
| } |
| |
| #activity-log-heading { |
| margin-inline-start: 16px; |
| } |
| </style> |
| <div class="page-container" id="container"> |
| <div class="page-content"> |
| <div class="page-header"> |
| <paper-icon-button-light class="icon-arrow-back no-overlap"> |
| <button id="close-button" aria-label="$i18n{back}" |
| on-click="onCloseButtonTap_"></button> |
| </paper-icon-button-light> |
| <span id="activity-log-heading">$i18n{activityLogPageHeading}</span> |
| </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_)]]"> |
| <template is="dom-repeat" items="[[activityData_]]"> |
| <activity-log-item id="[[item.apiCall]]" data="[[item]]"> |
| </activity-log-item> |
| </template> |
| </div> |
| </div> |
| </div> |
| </template> |
| <script src="activity_log.js"></script> |
| </dom-module> |