Spaces:
Running
Running
| /** | |
| * dat-gui JavaScript Controller Library | |
| * https://github.com/dataarts/dat.gui | |
| * | |
| * Copyright 2011 Data Arts Team, Google Creative Lab | |
| * | |
| * Licensed under the Apache License, Version 2.0 (the "License"); | |
| * you may not use this file except in compliance with the License. | |
| * You may obtain a copy of the License at | |
| * | |
| * http://www.apache.org/licenses/LICENSE-2.0 | |
| */ | |
| import Controller from './Controller'; | |
| import dom from '../dom/dom'; | |
| /** | |
| * @class Provides a text input to alter the string property of an object. | |
| * | |
| * @extends dat.controllers.Controller | |
| * | |
| * @param {Object} object The object to be manipulated | |
| * @param {string} property The name of the property to be manipulated | |
| */ | |
| class StringController extends Controller { | |
| constructor(object, property) { | |
| super(object, property); | |
| const _this = this; | |
| function onChange() { | |
| _this.setValue(_this.__input.value); | |
| } | |
| function onBlur() { | |
| if (_this.__onFinishChange) { | |
| _this.__onFinishChange.call(_this, _this.getValue()); | |
| } | |
| } | |
| this.__input = document.createElement('input'); | |
| this.__input.setAttribute('type', 'text'); | |
| dom.bind(this.__input, 'keyup', onChange); | |
| dom.bind(this.__input, 'change', onChange); | |
| dom.bind(this.__input, 'blur', onBlur); | |
| dom.bind(this.__input, 'keydown', function(e) { | |
| if (e.keyCode === 13) { | |
| this.blur(); | |
| } | |
| }); | |
| this.updateDisplay(); | |
| this.domElement.appendChild(this.__input); | |
| } | |
| updateDisplay() { | |
| // Stops the caret from moving on account of: | |
| // keyup -> setValue -> updateDisplay | |
| if (!dom.isActive(this.__input)) { | |
| this.__input.value = this.getValue(); | |
| } | |
| return super.updateDisplay(); | |
| } | |
| } | |
| export default StringController; | |