summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/options/font_settings_ui.js
blob: d53557a7cc63f96d5f971ed3561004a9774c2b86 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
// Copyright (c) 2010 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.define('options', function() {

  /////////////////////////////////////////////////////////////////////////////
  // MinimumFontSizeSelect class:

  // Define a constructor that uses a select element as its underlying element.
  var MinimumFontSizeSelect = cr.ui.define('select');

  MinimumFontSizeSelect.prototype = {
    // Set up the prototype chain
    __proto__: HTMLSelectElement.prototype,

    /**
    * Initialization function for the cr.ui framework.
    */
    decorate: function() {
      var self = this;

      // Listen to pref changes.
      Preferences.getInstance().addEventListener(
          'webkit.webprefs.minimum_font_size', function(event) {
            var value = (event.value && event.value['value'] != undefined)
                ? event.value['value'] : event.value;
            self.managed = (event.value && event.value['managed'] != undefined)
                ? event.value['managed'] : false;
            self.disabled = self.managed;
            for (var i = 0; i < self.options.length; i++) {
              if (self.options[i].value == value) {
                self.selectedIndex = i;
                return;
              }
            }
            // Item not found, select first item.
            self.selectedIndex = 0;
          });

      // Listen to user events.
      this.addEventListener('change',
          function(e) {
            if (self.options[self.selectedIndex].value > 0) {
              Preferences.setIntegerPref(
                  'webkit.webprefs.minimum_font_size',
                   self.options[self.selectedIndex].value,
                   'Options_ChangeMinimumFontSize');
              Preferences.setIntegerPref(
                  'webkit.webprefs.minimum_logical_font_size',
                   self.options[self.selectedIndex].value, '');
            } else {
              Preferences.clearPref(
                  'webkit.webprefs.minimum_font_size',
                   'Options_ChangeMinimumFontSize');
              Preferences.clearPref(
                  'webkit.webprefs.minimum_logical_font_size', '');
            }
          });
    },

    /**
     * Sets up options in select element.
     * @param {Array} options List of option and their display text.
     * Each element in the array is an array of length 2 which contains options
     * value in the first element and display text in the second element.
     *
     * TODO(zelidrag): move this to that i18n template classes.
     */
    initializeValues: function(options) {
      options.forEach(function(values) {
        this.appendChild(new Option(values[1], values[0]));
      }, this);
    }
  };

  // Export
  return {
    MinimumFontSizeSelect: MinimumFontSizeSelect
  };

});