Zelos rename highlightfilter (#3630)

* Rename highlight filter to selected filter

* Update comment
This commit is contained in:
Sam El-Husseini
2020-01-22 11:07:45 -08:00
committed by GitHub
parent 639218e883
commit af84e6a40c
2 changed files with 19 additions and 19 deletions

View File

@@ -359,22 +359,22 @@ Blockly.zelos.ConstantProvider = function() {
this.FIELD_CHECKBOX_DEFAULT_WIDTH = 6 * this.GRID_UNIT;
/**
* The ID of the highlight glow filter, or the empty string if no filter is
* The ID of the selected glow filter, or the empty string if no filter is
* set.
* @type {string}
* @package
*/
this.highlightGlowFilterId = '';
this.selectedGlowFilterId = '';
/**
* The <filter> element to use for a higlight glow, or null if not set.
* The <filter> element to use for a selected glow, or null if not set.
* @type {SVGElement}
* @private
*/
this.highlightGlowFilter_ = null;
this.selectedGlowFilter_ = null;
/**
* The ID of the highlight glow filter, or the empty string if no filter is
* The ID of the replacement glow filter, or the empty string if no filter is
* set.
* @type {string}
* @package
@@ -382,7 +382,7 @@ Blockly.zelos.ConstantProvider = function() {
this.replacementGlowFilterId = '';
/**
* The <filter> element to use for a higlight glow, or null if not set.
* The <filter> element to use for a replacement glow, or null if not set.
* @type {SVGElement}
* @private
*/
@@ -408,8 +408,8 @@ Blockly.zelos.ConstantProvider.prototype.init = function() {
*/
Blockly.zelos.ConstantProvider.prototype.dispose = function() {
Blockly.zelos.ConstantProvider.superClass_.dispose.call(this);
if (this.highlightGlowFilter_) {
Blockly.utils.dom.removeNode(this.highlightGlowFilter_);
if (this.selectedGlowFilter_) {
Blockly.utils.dom.removeNode(this.selectedGlowFilter_);
}
};
@@ -757,9 +757,9 @@ Blockly.zelos.ConstantProvider.prototype.createDom = function(svg) {
var defs = Blockly.utils.dom.createSvgElement('defs', {}, svg);
// Using a dilate distorts the block shape.
// Instead use a gaussian blur, and then set all alpha to 1 with a transfer.
var highlightGlowFilter = Blockly.utils.dom.createSvgElement('filter',
var selectedGlowFilter = Blockly.utils.dom.createSvgElement('filter',
{
'id': 'blocklyHighlightGlowFilter' + this.randomIdentifier_,
'id': 'blocklySelectedGlowFilter' + this.randomIdentifier_,
'height': '160%',
'width': '180%',
y: '-30%',
@@ -771,15 +771,15 @@ Blockly.zelos.ConstantProvider.prototype.createDom = function(svg) {
'in': 'SourceGraphic',
'stdDeviation': 0.5 // TODO: configure size in theme.
},
highlightGlowFilter);
selectedGlowFilter);
// Set all gaussian blur pixels to 1 opacity before applying flood
var highlightComponentTransfer = Blockly.utils.dom.createSvgElement(
'feComponentTransfer', {'result': 'outBlur'}, highlightGlowFilter);
var selectedComponentTransfer = Blockly.utils.dom.createSvgElement(
'feComponentTransfer', {'result': 'outBlur'}, selectedGlowFilter);
Blockly.utils.dom.createSvgElement('feFuncA',
{
'type': 'table', 'tableValues': '0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1'
},
highlightComponentTransfer);
selectedComponentTransfer);
// Color the highlight
Blockly.utils.dom.createSvgElement('feFlood',
{
@@ -787,15 +787,15 @@ Blockly.zelos.ConstantProvider.prototype.createDom = function(svg) {
'flood-opacity': 1,
'result': 'outColor'
},
highlightGlowFilter);
selectedGlowFilter);
Blockly.utils.dom.createSvgElement('feComposite',
{
'in': 'outColor', 'in2': 'outBlur',
'operator': 'in', 'result': 'outGlow'
},
highlightGlowFilter);
this.highlightGlowFilterId = highlightGlowFilter.id;
this.highlightGlowFilter_ = highlightGlowFilter;
selectedGlowFilter);
this.selectedGlowFilterId = selectedGlowFilter.id;
this.selectedGlowFilter_ = selectedGlowFilter;
// Using a dilate distorts the block shape.
// Instead use a gaussian blur, and then set all alpha to 1 with a transfer.

View File

@@ -135,7 +135,7 @@ Blockly.zelos.PathObject.prototype.updateSelected = function(enable) {
/** @type {!SVGElement} */ (this.svgPath.cloneNode(true));
this.svgPathSelected_.setAttribute('fill', 'none');
this.svgPathSelected_.setAttribute('filter',
'url(#' + this.constants_.highlightGlowFilterId + ')');
'url(#' + this.constants_.selectedGlowFilterId + ')');
this.svgRoot.appendChild(this.svgPathSelected_);
}
} else {