chrome/browser/resources/md_extensions/toolbar.js

// Copyright 2017 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.

cr.exportPath('extensions');

cr.define('extensions', function() {
  /** @interface */
  class ToolbarDelegate {
    /**
     * Toggles whether or not the profile is in developer mode.
     * @param {boolean} inDevMode
     */
    setProfileInDevMode(inDevMode) {}

    /**
     * Opens the dialog to load unpacked extensions.
     * @return {!Promise}
     */
    loadUnpacked() {}

    /**
     * Updates all extensions.
     * @return {!Promise}
     */
    updateAllExtensions() {}
  }

  const Toolbar = Polymer({
    is: 'extensions-toolbar',

    properties: {
      /** @type {extensions.ToolbarDelegate} */
      delegate: Object,

      inDevMode: {
        type: Boolean,
        value: false,
        observer: 'onInDevModeChanged_',
      },

      isGuest: Boolean,

      // <if expr="chromeos">
      kioskEnabled: Boolean,
      // </if>

      /** @private */
      expanded_: {
        type: Boolean,
        value: false,
      },
    },

    behaviors: [I18nBehavior],

    hostAttributes: {
      role: 'banner',
    },

    /** @override */
    ready: function() {
      this.$.devDrawer.addEventListener('transitionend', () => {
        this.delegate.setProfileInDevMode(this.$['dev-mode'].checked);
      });
    },

    /** @private */
    onDevModeToggleChange_: function() {
      const drawer = this.$.devDrawer;
      if (drawer.hidden) {
        drawer.hidden = false;
        // Requesting the offsetTop will cause a reflow (to account for hidden).
        /** @suppress {suspiciousCode} */ drawer.offsetTop;
      }
      this.expanded_ = !this.expanded_;

      chrome.metricsPrivate.recordUserAction(
          'Options_ToggleDeveloperMode_' +
          (this.expanded_ ? 'Enabled' : 'Disabled'));
    },

    /** @private */
    onInDevModeChanged_: function() {
      // Set the initial state.
      this.expanded_ = this.inDevMode;
      this.$.devDrawer.hidden = !this.inDevMode;
    },

    /** @private */
    onLoadUnpackedTap_: function() {
      this.delegate.loadUnpacked().catch(loadError => {
        this.fire('load-error', loadError);
      });
      chrome.metricsPrivate.recordUserAction('Options_LoadUnpackedExtension');
    },

    /** @private */
    onPackTap_: function() {
      this.fire('pack-tap');
      chrome.metricsPrivate.recordUserAction('Options_PackExtension');
    },

    // <if expr="chromeos">
    /** @private */
    onKioskTap_: function() {
      this.fire('kiosk-tap');
    },
    // </if>

    /** @private */
    onUpdateNowTap_: function() {
      this.delegate.updateAllExtensions().then(() => {
        Polymer.IronA11yAnnouncer.requestAvailability();
        this.fire('iron-announce', {
          text: this.i18n('toolbarUpdateDone'),
        });
      });
    },
  });

  return {
    Toolbar: Toolbar,
    ToolbarDelegate: ToolbarDelegate,
  };
});