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
84
85
86
87
88
89
90
91
92
93
|
// Copyright (c) 2011 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() {
var OptionsPage = options.OptionsPage;
/**
* FontSettings class
* Encapsulated handling of the 'Fonts and Encoding' page.
* @class
*/
function FontSettings() {
OptionsPage.call(this,
'fontSettings',
templateData.fontSettingsTitle,
'font-settings');
}
cr.addSingletonGetter(FontSettings);
FontSettings.prototype = {
__proto__: OptionsPage.prototype,
/**
* Initialize the page.
*/
initializePage: function() {
OptionsPage.prototype.initializePage.call(this);
var serifFontRange = $('serif-font-size');
serifFontRange.valueMap = $('fixed-font-size').valueMap = [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];
serifFontRange.continuous = false;
serifFontRange.fontSampleEl = $('serif-font-sample');
serifFontRange.notifyChange = this.rangeChanged_.bind(this);
var minimumFontRange = $('minimum-font-size');
minimumFontRange.valueMap = [9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 20,
22, 24];
minimumFontRange.continuous = false;
minimumFontRange.fontSampleEl = $('minimum-font-sample');
minimumFontRange.notifyChange = this.rangeChanged_.bind(this);
},
/**
* @inheritDoc
*/
rangeChanged_: function(el, value) {
this.setupFontSample_(
el.fontSampleEl, value, el.fontSampleEl.style.fontFamily);
},
/**
* Sets the text, font size and font family of the sample text.
* @param {Element} el The div containing the sample text.
* @param {number} size The font size of the sample text.
* @param {string} font The font family of the sample text.
* @private
*/
setupFontSample_: function(el, size, font) {
el.textContent =
size + "pt: " + localStrings.getString('fontSettingsLoremIpsum');
el.style.fontSize = size + "pt";
if (font)
el.style.fontFamily = font;
},
};
// Chrome callbacks
FontSettings.setupSerifFontSample = function(font, size) {
FontSettings.getInstance().setupFontSample_(
$('serif-font-sample'), size, font);
};
FontSettings.setupFixedFontSample = function(font, size) {
FontSettings.getInstance().setupFontSample_(
$('fixed-font-sample'), size, font);
};
FontSettings.setupMinimumFontSample = function(size) {
FontSettings.getInstance().setupFontSample_(
$('minimum-font-sample'), size);
};
// Export
return {
FontSettings: FontSettings
};
});
|
