chrome/browser/resources/history/side_bar.js

// Copyright 2016 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import {Polymer, html} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
import 'chrome://resources/cr_components/managed_footnote/managed_footnote.m.js';
import 'chrome://resources/cr_elements/cr_icons_css.m.js';
import 'chrome://resources/cr_elements/icons.m.js';
import 'chrome://resources/cr_elements/shared_vars_css.m.js';
import {loadTimeData} from 'chrome://resources/js/load_time_data.m.js';
import {IronA11yKeysBehavior} from 'chrome://resources/polymer/v3_0/iron-a11y-keys-behavior/iron-a11y-keys-behavior.js';
import 'chrome://resources/polymer/v3_0/iron-icon/iron-icon.js';
import 'chrome://resources/polymer/v3_0/iron-selector/iron-selector.js';
import 'chrome://resources/polymer/v3_0/paper-ripple/paper-ripple.js';
import 'chrome://resources/polymer/v3_0/paper-styles/color.js';
import 'chrome://resources/polymer/v3_0/paper-styles/typography.js';
import {BrowserService} from './browser_service.js';
import './shared_style.js';
import './strings.js';

/**
 * @typedef {{
 *   managed: boolean,
 *   otherFormsOfHistory: boolean,
 * }}
 */
export let FooterInfo;

Polymer({
  is: 'history-side-bar',

  _template: html`{__html_template__}`,

  behaviors: [IronA11yKeysBehavior],

  properties: {
    selectedPage: {
      type: String,
      notify: true,
    },

    /** @private */
    guestSession_: {
      type: Boolean,
      value: loadTimeData.getBoolean('isGuestSession'),
    },

    /** @type {FooterInfo} */
    footerInfo: Object,

    /**
     * Used to display notices for profile sign-in status and managed status.
     * @private
     */
    showFooter_: {
      type: Boolean,
      computed: 'computeShowFooter_(' +
          'footerInfo.otherFormsOfHistory, footerInfo.managed)',
    },
  },

  keyBindings: {
    'space:keydown': 'onSpacePressed_',
  },

  /**
   * @param {!CustomEvent<{keyboardEvent: !KeyboardEvent}>} e
   * @private
   */
  onSpacePressed_(e) {
    e.detail.keyboardEvent.path[0].click();
  },

  /**
   * @private
   */
  onSelectorActivate_() {
    this.fire('history-close-drawer');
  },

  /**
   * Relocates the user to the clear browsing data section of the settings page.
   * @param {Event} e
   * @private
   */
  onClearBrowsingDataTap_(e) {
    const browserService = BrowserService.getInstance();
    browserService.recordAction('InitClearBrowsingData');
    browserService.openClearBrowsingData();
    /** @type {PaperRippleElement} */ (this.$['cbd-ripple']).upAction();
    e.preventDefault();
  },

  /**
   * @return {string}
   * @private
   */
  computeClearBrowsingDataTabIndex_() {
    return this.guestSession_ ? '-1' : '';
  },

  /**
   * Prevent clicks on sidebar items from navigating. These are only links for
   * accessibility purposes, taps are handled separately by <iron-selector>.
   * @private
   */
  onItemClick_(e) {
    e.preventDefault();
  },

  /**
   * @return {boolean}
   * @private
   */
  computeShowFooter_(includeOtherFormsOfBrowsingHistory, managed) {
    return includeOtherFormsOfBrowsingHistory || managed;
  },
});