[MD settings] advanced font settings extension link

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';
 
   /**
    * This is the absolute difference maintained between standard and
    * fixed-width font sizes. http://crbug.com/91922.
@@ skipping 17 matching lines @@
    * settings.
    *
    * Example:
    *
    *   <settings-appearance-fonts-page prefs="{{prefs}}">
    *   </settings-appearance-fonts-page>
    */
   Polymer({
     is: 'settings-appearance-fonts-page',
 
-    behaviors: [I18nBehavior],
+    behaviors: [I18nBehavior, WebUIListenerBehavior],
 
     properties: {
+      /** @private */
+      advancedExtensionInstalled_: Boolean,
+
+      /** @private */
+      advancedExtensionSublabel_: String,
+
+      /** @private */
+      advancedExtensionUrl_: String,
+
       /** @private {!settings.FontsBrowserProxy} */
       browserProxy_: Object,
 
       /**
        * The font size used by default.
        * @private
        */
       defaultFontSize_: {
         type: Number,
       },
@@ skipping 94 matching lines @@
       'minimumFontSizeChanged_(prefs.webkit.webprefs.minimum_font_size.value)',
     ],
 
     /** @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));
     },
 
     /**
      * @param {number} value The intermediate slider value.
      * @private
      */
     immediateSizeIndexChanged_: function(value) {
       this.set('prefs.webkit.webprefs.default_font_size.value',
           this.fontSizeRange_[this.immediateSizeIndex_]);
     },
 
     /**
      * @param {number} value The intermediate slider value.
      * @private
      */
     immediateMinimumSizeIndexChanged_: function(value) {
       this.set('prefs.webkit.webprefs.minimum_font_size.value',
           this.minimumFontSizeRange_[this.immediateMinimumSizeIndex_]);
     },
 
+    /** @private */
+    openAdvancedExtension_: function() {
+      if (this.advancedExtensionInstalled_)
+        this.browserProxy_.openAdvancedFontSettings();
+      else
+        window.open(this.advancedExtensionUrl_);
+    },
+
     /**
-     * @param {!FontsData} response A list of fonts and encodings.
+     * @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, encodings and the advanced
+     *     font settings extension URL.
      * @private
      */
     setFontsData_: function(response) {
       var fontMenuOptions = [];
       for (var i = 0; i < response.fontList.length; ++i) {
         fontMenuOptions.push({
           value: response.fontList[i][0],
           name: response.fontList[i][1]
         });
       }
       this.$.standardFont.menuOptions = fontMenuOptions;
       this.$.serifFont.menuOptions = fontMenuOptions;
       this.$.sansSerifFont.menuOptions = fontMenuOptions;
       this.$.fixedFont.menuOptions = fontMenuOptions;
 
       var encodingMenuOptions = [];
       for (i = 0; i < response.encodingList.length; ++i) {
         encodingMenuOptions.push({
           value: response.encodingList[i][0],
           name: response.encodingList[i][1]
         });
       }
       this.$.encoding.menuOptions = encodingMenuOptions;
+      this.advancedExtensionUrl_ = response.extensionUrl;
     },
 
     /**
      * @param {number} value The changed font size slider value.
      * @private
      */
     fontSizeChanged_: function(value) {
       this.defaultFontSize_ = value;
       if (!this.$.sizeSlider.dragging) {
         this.fontSizeIndex_ = this.fontSizeRange_.indexOf(value);
@@ skipping 18 matching lines @@
      * @param {string} fontFamily The name of the font family use.
      * @return {string}
      * @private
      */
     computeStyle_: function(fontSize, fontFamily) {
       return 'font-size: ' + fontSize + "px; font-family: '" + fontFamily +
           "';";
     },
   });
 })();