scratch-blocks/blocks_horizontal/event.js

184 lines
5.4 KiB
JavaScript
Raw Normal View History

/**
* @license
* Visual Blocks Editor
*
* Copyright 2016 Massachusetts Institute of Technology
* All rights reserved.
*
* 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.
*/
2016-01-27 14:12:37 -05:00
/**
* @fileoverview Control blocks for Scratch (Horizontal)
* @author ascii@media.mit.edu <Andrew Sliwinski>
*/
'use strict';
goog.provide('Blockly.Blocks.event');
goog.require('Blockly.Blocks');
goog.require('Blockly.Colours');
2016-01-27 14:12:37 -05:00
Blockly.Blocks['event_whenflagclicked'] = {
/**
* Block for when flag clicked.
2016-01-27 14:12:37 -05:00
* @this Blockly.Block
*/
init: function() {
this.jsonInit({
"id": "event_whenflagclicked",
"message0": "%1",
"args0": [
{
"type": "field_image",
"src": Blockly.mainWorkspace.options.pathToMedia + "icons/event_whenflagclicked.svg",
2016-01-28 20:30:35 -05:00
"width": 40,
"height": 40,
"alt": "flag",
"flip_rtl": true
2016-01-27 14:12:37 -05:00
}
],
"inputsInline": true,
"nextStatement": null,
"colour": Blockly.Colours.event.primary,
"colourSecondary": Blockly.Colours.event.secondary,
"colourTertiary": Blockly.Colours.event.tertiary
2016-01-27 14:12:37 -05:00
});
}
};
2016-01-27 14:12:37 -05:00
Implement drop-down menus and icon picker field (#233) * Icon menu and drop-down stubs * Recompile 4/15 * Fix stubs to draw shadow block for drop-down * Fix rendering of shadow for icon menu * Add arrow to dropdown button * Add drop-down buttons to rest of examples * Implementation of drop-down div including positioning * Drop-downs take colours from the blocks * Fix scaled secondary position of drop-downs * Fix arrow positioning for RTL * Use SVG parentNode for sizing dropdown * Use transform for drop-down positioning * Add basic DropDownDiv hide * Add animation-in to dropdown * More subtle drop-down animation and shadow * Add icon menu example * Use options style of Blockly FieldImage for drop-down * Add default value for iconmenu * Add example hover, active states for iconmenu buttons * Update dropdown_icon example * Implement icon-menu value handling and default value * Add updating the parent block image field to dropdown * Drop-down animates out; add hooks to hide for various Blockly happenings * Add pointer cursor for drop-down icons * Improve documentation for drop-downs and minor refactor * Factor out getSrcForValue in iconmenu * Blocks take on the icon of their icon-menu * Add basic accessibility properties, similar to closure * Remove extra drop-down example; update playgrounds * Remove unnecessary colour overrides * Add onHide, colour changing, fix references in dropdowndiv * Flip arrow when the drop-down is rendered above * Hide the icon menu drop-down on second tap of button * Add preventDefault to button ontouchstart * Updates to drop-down from Carl * Add icon-menu placeholders and a crazy demo * Fix naming to normalize (drop-down, DropDown) * Add license header
2016-04-21 15:33:28 -04:00
Blockly.Blocks['dropdown_whenbroadcast'] = {
/**
* Block for broadcast dropdown (used for shadow).
* @this Blockly.Block
*/
init: function() {
this.appendDummyInput()
.appendField(new Blockly.FieldIconMenu([
{type: 'placeholder', width: 50, height: 50},
{src: Blockly.mainWorkspace.options.pathToMedia + 'icons/LetterGet_Blue.svg',
value: 'blue', width: 50, height: 50, alt: 'Blue'},
{type: 'placeholder', width: 50, height: 50},
{src: Blockly.mainWorkspace.options.pathToMedia + 'icons/LetterGet_Green.svg',
value: 'green', width: 50, height: 50, alt: 'Green'},
{src: Blockly.mainWorkspace.options.pathToMedia + 'icons/LetterGet_Orange.svg',
value: 'orange', width: 50, height: 50, alt: 'Orange'},
{src: Blockly.mainWorkspace.options.pathToMedia + 'icons/LetterGet_Purple.svg',
value: 'purple', width: 50, height: 50, alt: 'Purple'},
{src: Blockly.mainWorkspace.options.pathToMedia + 'icons/LetterGet_Red.svg',
value: 'red', width: 50, height: 50, alt: 'Red'},
{type: 'placeholder', width: 50, height: 50},
{src: Blockly.mainWorkspace.options.pathToMedia + 'icons/LetterGet_Yellow.svg',
value: 'yellow', width: 50, height: 50, alt: 'Yellow'}
]), 'CHOICE');
this.setOutput(true);
this.setColour(Blockly.Colours.event.primary,
Blockly.Colours.event.secondary,
Blockly.Colours.event.tertiary
);
}
};
Blockly.Blocks['event_whenbroadcastreceived'] = {
/**
* Block for when broadcast received.
* @this Blockly.Block
*/
init: function() {
this.jsonInit({
"id": "event_whenbroadcastreceived",
Implement drop-down menus and icon picker field (#233) * Icon menu and drop-down stubs * Recompile 4/15 * Fix stubs to draw shadow block for drop-down * Fix rendering of shadow for icon menu * Add arrow to dropdown button * Add drop-down buttons to rest of examples * Implementation of drop-down div including positioning * Drop-downs take colours from the blocks * Fix scaled secondary position of drop-downs * Fix arrow positioning for RTL * Use SVG parentNode for sizing dropdown * Use transform for drop-down positioning * Add basic DropDownDiv hide * Add animation-in to dropdown * More subtle drop-down animation and shadow * Add icon menu example * Use options style of Blockly FieldImage for drop-down * Add default value for iconmenu * Add example hover, active states for iconmenu buttons * Update dropdown_icon example * Implement icon-menu value handling and default value * Add updating the parent block image field to dropdown * Drop-down animates out; add hooks to hide for various Blockly happenings * Add pointer cursor for drop-down icons * Improve documentation for drop-downs and minor refactor * Factor out getSrcForValue in iconmenu * Blocks take on the icon of their icon-menu * Add basic accessibility properties, similar to closure * Remove extra drop-down example; update playgrounds * Remove unnecessary colour overrides * Add onHide, colour changing, fix references in dropdowndiv * Flip arrow when the drop-down is rendered above * Hide the icon menu drop-down on second tap of button * Add preventDefault to button ontouchstart * Updates to drop-down from Carl * Add icon-menu placeholders and a crazy demo * Fix naming to normalize (drop-down, DropDown) * Add license header
2016-04-21 15:33:28 -04:00
"message0": "%1 %2",
"args0": [
{
"type": "field_image",
"src": Blockly.mainWorkspace.options.pathToMedia + "icons/event_whenbroadcastreceived.svg",
"width": 40,
"height": 40,
"alt": "flag",
"flip_rtl": true
Implement drop-down menus and icon picker field (#233) * Icon menu and drop-down stubs * Recompile 4/15 * Fix stubs to draw shadow block for drop-down * Fix rendering of shadow for icon menu * Add arrow to dropdown button * Add drop-down buttons to rest of examples * Implementation of drop-down div including positioning * Drop-downs take colours from the blocks * Fix scaled secondary position of drop-downs * Fix arrow positioning for RTL * Use SVG parentNode for sizing dropdown * Use transform for drop-down positioning * Add basic DropDownDiv hide * Add animation-in to dropdown * More subtle drop-down animation and shadow * Add icon menu example * Use options style of Blockly FieldImage for drop-down * Add default value for iconmenu * Add example hover, active states for iconmenu buttons * Update dropdown_icon example * Implement icon-menu value handling and default value * Add updating the parent block image field to dropdown * Drop-down animates out; add hooks to hide for various Blockly happenings * Add pointer cursor for drop-down icons * Improve documentation for drop-downs and minor refactor * Factor out getSrcForValue in iconmenu * Blocks take on the icon of their icon-menu * Add basic accessibility properties, similar to closure * Remove extra drop-down example; update playgrounds * Remove unnecessary colour overrides * Add onHide, colour changing, fix references in dropdowndiv * Flip arrow when the drop-down is rendered above * Hide the icon menu drop-down on second tap of button * Add preventDefault to button ontouchstart * Updates to drop-down from Carl * Add icon-menu placeholders and a crazy demo * Fix naming to normalize (drop-down, DropDown) * Add license header
2016-04-21 15:33:28 -04:00
},
{
"type": "input_value",
"name": "CHOICE"
}
],
"inputsInline": true,
"nextStatement": null,
"colour": Blockly.Colours.event.primary,
"colourSecondary": Blockly.Colours.event.secondary,
"colourTertiary": Blockly.Colours.event.tertiary
});
}
};
Blockly.Blocks['event_broadcast'] = {
/**
* Block to send a broadcast.
* @this Blockly.Block
*/
init: function() {
this.jsonInit({
"id": "event_broadcast",
"message0": "%1",
"args0": [
{
"type": "field_image",
"src": Blockly.mainWorkspace.options.pathToMedia + "icons/event_broadcast.svg",
"width": 40,
"height": 40,
"alt": "Broadcast"
}
],
"inputsInline": true,
"previousStatement": null,
"nextStatement": null,
"colour": Blockly.Colours.event.primary,
"colourSecondary": Blockly.Colours.event.secondary,
"colourTertiary": Blockly.Colours.event.tertiary
2016-01-27 14:12:37 -05:00
});
}
};
Blockly.Blocks['event_broadcast_text'] = {
/**
* Block to send a broadcast, with a text-box for testing fields.
* @this Blockly.Block
*/
init: function() {
this.jsonInit({
"id": "event_broadcast",
"message0": "%1 %2",
"args0": [
{
"type": "field_image",
"src": Blockly.mainWorkspace.options.pathToMedia + "icons/event_broadcast.svg",
"width": 40,
"height": 40,
"alt": "Broadcast"
},
{
"type": "input_value",
"name": "STRING"
}
],
"inputsInline": true,
"previousStatement": null,
"nextStatement": null,
"colour": Blockly.Colours.event.primary,
"colourSecondary": Blockly.Colours.event.secondary,
"colourTertiary": Blockly.Colours.event.tertiary
});
}
};