blob: d5b8fde6c27292ad78acd1b38fd29fcd3456235c [file] [log] [blame] [raw]
// Copyright (c) 2012-2018, Matt Godbolt
//
// All rights reserved.
//
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//
// * Redistributions of source code must retain the above copyright notice,
// this list of conditions and the following disclaimer.
// * Redistributions in binary form must reproduce the above copyright
// notice, this list of conditions and the following disclaimer in the
// documentation and/or other materials provided with the distribution.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
"use strict";
var _ = require('underscore');
var $ = require('jquery');
var EventEmitter = require('events');
var options = require('./options');
function makeFontSizeDropdown(elem, interval, obj, buttonDropdown) {
var factor = obj.isFontOfStr ? 10 : 14;
var step = 0.05;
var found = false;
var onWheelEvent = function (e) {
e.preventDefault();
var selectedId = elem.find('.font-option-active').index();
if (e.originalEvent.deltaY >= 0 && selectedId < elem.children().length - 1) {
selectedId++;
} else if (e.originalEvent.deltaY < 0 && selectedId > 0) {
selectedId--;
}
elem.children().eq(selectedId).trigger('click');
};
var onClickEvent = function () {
// Toggle off the selection of the others
elem.children().removeClass('font-option-active');
// Toggle us on
$(this).addClass("font-option-active");
// Send the data
obj.scale = $(this).data("value");
obj.apply();
obj.emit('change');
};
for (var i = interval[0]; i <= interval[1]; i += step) {
step *= 1.2;
var newElement = $('<li></li>');
newElement.attr('data-value', i);
newElement.addClass('font-option');
if (!found && (i === obj.scale || Math.floor(i) === obj.scale)) {
found = true;
newElement.addClass('font-option-active');
}
newElement.text(Math.round(i * factor));
newElement
.appendTo(elem)
.click(onClickEvent)
.on('wheel', onWheelEvent);
}
if (buttonDropdown) {
buttonDropdown.on('wheel', onWheelEvent);
}
}
function FontScale(domRoot, state, fontSelectorOrEditor) {
EventEmitter.call(this);
this.domRoot = domRoot;
this.scale = state.fontScale || options.defaultFontScale;
this.fontSelectorOrEditor = fontSelectorOrEditor;
this.isFontOfStr = typeof(this.fontSelectorOrEditor) === "string";
this.apply();
makeFontSizeDropdown(this.domRoot.find('.font-size-list'), [0.3, 3], this, this.domRoot.find('.fs-button'));
}
_.extend(FontScale.prototype, EventEmitter.prototype);
FontScale.prototype.apply = function () {
if (this.isFontOfStr) {
this.domRoot.find(this.fontSelectorOrEditor).css('font-size', (10 * this.scale) + "pt");
} else {
this.fontSelectorOrEditor.updateOptions({
fontSize: 14 * this.scale
});
}
};
FontScale.prototype.addState = function (state) {
if (this.scale !== 1.0)
state.fontScale = this.scale;
};
FontScale.prototype.setScale = function (scale) {
this.scale = scale;
this.apply();
};
module.exports = FontScale;