chrome/browser/resources/settings/appearance_page/appearance_fonts_page.js

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

(function() {
'use strict';

/** @type {!Array<number>} */
const FONT_SIZE_RANGE = [
  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 20, 22, 24,
  26, 28, 30, 32, 34, 36, 40, 44, 48, 56, 64, 72,
];

/** @type {!Array<number>} */
const MINIMUM_FONT_SIZE_RANGE =
    [0, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 20, 22, 24];

/**
 * @param {!Array<number>} ticks
 * @return {!Array<!cr_slider.SliderTick>}
 */
function ticksWithLabels(ticks) {
  return ticks.map(x => ({label: `${x}`, value: x}));
}

/**
 * 'settings-appearance-fonts-page' is the settings page containing appearance
 * settings.
 */
Polymer({
  is: 'settings-appearance-fonts-page',

  behaviors: [I18nBehavior, WebUIListenerBehavior],

  properties: {
    /** @private */
    advancedExtensionSublabel_: String,

    /** @private {!DropdownMenuOptionList} */
    fontOptions_: Object,

    /** @private */
    isGuest_: {
      type: Boolean,
      value: function() {
        return loadTimeData.getBoolean('isGuest');
      }
    },

    /**
     * Common font sizes.
     * @private {!Array<!cr_slider.SliderTick>}
     */
    fontSizeRange_: {
      readOnly: true,
      type: Array,
      value: ticksWithLabels(FONT_SIZE_RANGE),
    },

    /**
     * Reasonable, minimum font sizes.
     * @private {!Array<!cr_slider.SliderTick>}
     */
    minimumFontSizeRange_: {
      readOnly: true,
      type: Array,
      value: ticksWithLabels(MINIMUM_FONT_SIZE_RANGE),
    },

    /**
     * Preferences state.
     */
    prefs: {
      type: Object,
      notify: true,
    },
  },

  /** @private {?settings.FontsBrowserProxy} */
  browserProxy_: null,

  /** @private {boolean} */
  advancedExtensionInstalled_: false,

  /** @private {?string} */
  advancedExtensionUrl_: null,

  /** @override */
  created: function() {
    this.browserProxy_ = settings.FontsBrowserProxyImpl.getInstance();
  },

  /** @override */
  ready: function() {
    this.addWebUIListener(
        'advanced-font-settings-installed',
        this.setAdvancedExtensionInstalled_.bind(this));
    this.browserProxy_.observeAdvancedFontExtensionAvailable();

    this.browserProxy_.fetchFontsData().then(this.setFontsData_.bind(this));
  },

  /** @private */
  openAdvancedExtension_: function() {
    if (this.advancedExtensionInstalled_) {
      this.browserProxy_.openAdvancedFontSettings();
    } else {
      window.open(this.advancedExtensionUrl_);
    }
  },

  /**
   * @param {boolean} isInstalled Whether the advanced font settings
   *     extension is installed.
   * @private
   */
  setAdvancedExtensionInstalled_: function(isInstalled) {
    this.advancedExtensionInstalled_ = isInstalled;
    this.advancedExtensionSublabel_ = this.i18n(
        isInstalled ? 'openAdvancedFontSettings' : 'requiresWebStoreExtension');
  },

  /**
   * @param {!FontsData} response A list of fonts and the advanced
   *     font settings extension URL.
   * @private
   */
  setFontsData_: function(response) {
    const fontMenuOptions = [];
    for (const fontData of response.fontList) {
      fontMenuOptions.push({value: fontData[0], name: fontData[1]});
    }
    this.fontOptions_ = fontMenuOptions;
    this.advancedExtensionUrl_ = response.extensionUrl;
  },

  /**
   * Get the minimum font size, accounting for unset prefs.
   * @return {?}
   * @private
   */
  computeMinimumFontSize_: function() {
    return this.get('prefs.webkit.webprefs.minimum_font_size.value') ||
        MINIMUM_FONT_SIZE_RANGE[0];
  },
});
})();