scratch-blocks/core/field_textinput_removable.js

89 lines
3 KiB
JavaScript
Raw Normal View History

2017-11-27 14:08:35 -05:00
/**
* @license
* Visual Blocks Editor
*
* Copyright 2012 Google Inc.
* https://developers.google.com/blockly/
*
* 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
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @fileoverview Text input field.
* @author fraser@google.com (Neil Fraser)
*/
'use strict';
goog.provide('Blockly.FieldTextInputRemovable');
goog.require('Blockly.FieldTextInput');
goog.require('Blockly.BlockSvg.render');
goog.require('Blockly.Colours');
goog.require('Blockly.Field');
goog.require('Blockly.Msg');
goog.require('Blockly.utils');
goog.require('goog.asserts');
goog.require('goog.dom');
goog.require('goog.dom.TagName');
goog.require('goog.userAgent');
/**
* Class for an editable text field.
* @param {string} text The initial content of the field.
* @param {Function=} opt_validator An optional function that is called
* to validate any constraints on what the user entered. Takes the new
* text as an argument and returns either the accepted text, a replacement
* text, or null to abort the change.
* @param {RegExp=} opt_restrictor An optional regular expression to restrict
* typed text to. Text that doesn't match the restrictor will never show
* in the text field.
* @extends {Blockly.Field}
* @constructor
*/
Blockly.FieldTextInputRemovable = function(text, opt_validator, opt_restrictor) {
Blockly.FieldTextInputRemovable.superClass_.constructor.call(this, text,
opt_validator, opt_restrictor);
};
goog.inherits(Blockly.FieldTextInputRemovable, Blockly.FieldTextInput);
/**
* Show the inline free-text editor on top of the text with the remove button.
* @private
*/
Blockly.FieldTextInputRemovable.prototype.showEditor_ = function() {
Blockly.FieldTextInputRemovable.superClass_.showEditor_.call(this);
var div = Blockly.WidgetDiv.DIV;
var removeButton =
goog.dom.createDom(goog.dom.TagName.IMG, 'blocklyTextDropDownArrow');
removeButton.setAttribute('src',
Blockly.mainWorkspace.options.pathToMedia + 'icons/remove.svg');
removeButton.style.width = 25 + 'px';
removeButton.style.height = 25 + 'px';
removeButton.style.top = -40 + 'px';
removeButton.style.cursor = 'pointer';
removeButton.style.left = '50%';
removeButton.style['margin-left'] = -15 + 'px';
this.removeButtonMouseWrapper_ = Blockly.bindEvent_(removeButton,
'mousedown', this, this.removeCallback_);
div.appendChild(removeButton);
};
Blockly.FieldTextInput.prototype.removeCallback_ = function() {
if (this.sourceBlock_ && this.sourceBlock_.removeFieldCallback) {
this.sourceBlock_.removeFieldCallback(this);
}
};