123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358 |
- 'use strict';
- goog.provide('Blockly.Blocks.webpage');
- goog.require('Blockly.Blocks');
- goog.require('Blockly.Types');
- Blockly.Blocks.webpage.HUE = "#f28821";
- Blockly.Blocks['webpage_label'] = {
- init: function() {
- this.appendDummyInput()
- .appendField(new Blockly.FieldImage("./../blockly/media/label_header-image.png", 50, 50, "*"));
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_LABLE_TITLE)
-
-
-
- this.appendValueInput("ADD0")
- .appendField(Blockly.Msg.WEBPAGE_LABLE)
- .appendField(new Blockly.FieldTextInput("label0"), "LABLE0")
- this.setPreviousStatement(true, null);
- this.setNextStatement(true, null);
- this.setColour(Blockly.Blocks.webpage.HUE);
- this.setTooltip("");
- this.setHelpUrl("");
- this.itemCount_ = 1;
- this.setMutator(new Blockly.Mutator(['webpage_create_with_item']));
- },
- mutationToDom: function() {
- var container = document.createElement('mutation');
- container.setAttribute('items', this.itemCount_);
- return container;
- },
-
- domToMutation: function(xmlElement) {
- this.itemCount_ = parseInt(xmlElement.getAttribute('items'), 10);
- this.updateShape_();
- },
-
- decompose: function(workspace) {
- var containerBlock = workspace.newBlock('webpage_create_with_container');
- containerBlock.initSvg();
- var connection = containerBlock.getInput('STACK').connection;
- for (var i = 0; i < this.itemCount_; i++) {
- var itemBlock = workspace.newBlock('webpage_create_with_item');
- itemBlock.initSvg();
- connection.connect(itemBlock.previousConnection);
- connection = itemBlock.nextConnection;
- }
- return containerBlock;
- },
-
- compose: function(containerBlock) {
- var itemBlock = containerBlock.getInputTargetBlock('STACK');
-
- var connections = [];
- while (itemBlock) {
- connections.push(itemBlock.valueConnection_);
- itemBlock = itemBlock.nextConnection &&
- itemBlock.nextConnection.targetBlock();
- }
-
- for (var i = 0; i < this.itemCount_; i++) {
- var connection = this.getInput('ADD' + i).connection.targetConnection;
- if (connection && connections.indexOf(connection) == -1) {
- connection.disconnect();
- }
- }
- this.itemCount_ = connections.length;
- this.updateShape_();
-
- for (var i = 0; i < this.itemCount_; i++) {
- Blockly.Mutator.reconnect(connections[i], this, 'ADD' + i);
- }
- },
-
- saveConnections: function(containerBlock) {
- var itemBlock = containerBlock.getInputTargetBlock('STACK');
- var i = 0;
- while (itemBlock) {
- var input = this.getInput('ADD' + i);
- itemBlock.valueConnection_ = input && input.connection.targetConnection;
- i++;
- itemBlock = itemBlock.nextConnection &&
- itemBlock.nextConnection.targetBlock();
- }
- },
-
- updateShape_: function() {
-
-
-
-
-
-
-
-
- for (var i = 0; i < this.itemCount_; i++) {
- if (!this.getInput('ADD' + i)) {
- var input = this.appendValueInput('ADD' + i)
- .appendField(Blockly.Msg.WEBPAGE_LABLE)
- .appendField(new Blockly.FieldTextInput("label" + i), "LABLE" + i);
- }
- }
-
- while (this.getInput('ADD' + i)) {
- this.removeInput('ADD' + i);
- i++;
- }
- },
- };
- Blockly.Blocks['webpage_create_with_container'] = {
-
- init: function() {
- this.setColour(Blockly.Blocks.webpage.HUE);
- this.appendDummyInput()
- .appendField(Blockly.Msg.THINGSPEAK_CREATE_WITH_CONTAINER_TITLE_ADD);
- this.appendStatementInput('STACK');
- this.setTooltip('');
- this.contextMenu = false;
- }
- };
- Blockly.Blocks['webpage_create_with_item'] = {
-
- init: function() {
- this.setColour(Blockly.Blocks.webpage.HUE);
- this.appendDummyInput()
- .appendField(Blockly.Msg.THINGSPEAK_CREATE_WITH_ITEM_TITLE);
- this.setPreviousStatement(true);
- this.setNextStatement(true);
- this.setTooltip('');
- this.contextMenu = false;
- }
- };
- Blockly.Blocks['webpage_button'] = {
- init: function() {
- this.appendDummyInput()
- .appendField(new Blockly.FieldImage("./../blockly/media/button_header-image.png", 50, 50, "*"));
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_BUTTON_TITLE)
- this.appendDummyInput("ADD0")
- .appendField(Blockly.Msg.WEBPAGE_BUTTON_NAME)
- .appendField(new Blockly.FieldTextInput("Button0"), "BUTTON0")
- .appendField(Blockly.Msg.WEBPAGE_BUTTON_ROUTER)
- .appendField(new Blockly.FieldTextInput("/url0"), "URL0")
- this.setColour(Blockly.Blocks.webpage.HUE);
- this.itemCount_ = 1;
- this.setTooltip("");
- this.setHelpUrl("");
- this.setPreviousStatement(true, null);
- this.setNextStatement(true, null);
- this.setMutator(new Blockly.Mutator(['webpage_create_with_item']));
- },
- mutationToDom: function() {
- var container = document.createElement('mutation');
- container.setAttribute('items', this.itemCount_);
- return container;
- },
-
- domToMutation: function(xmlElement) {
- this.itemCount_ = parseInt(xmlElement.getAttribute('items'), 10);
- this.updateShape_();
- },
-
- decompose: function(workspace) {
- var containerBlock = workspace.newBlock('webpage_create_with_container');
- containerBlock.initSvg();
- var connection = containerBlock.getInput('STACK').connection;
- for (var i = 0; i < this.itemCount_; i++) {
- var itemBlock = workspace.newBlock('webpage_create_with_item');
- itemBlock.initSvg();
- connection.connect(itemBlock.previousConnection);
- connection = itemBlock.nextConnection;
- }
- return containerBlock;
- },
-
- compose: function(containerBlock) {
- var itemBlock = containerBlock.getInputTargetBlock('STACK');
-
- var connections = [];
- while (itemBlock) {
- connections.push(itemBlock.valueConnection_);
- itemBlock = itemBlock.nextConnection &&
- itemBlock.nextConnection.targetBlock();
- }
-
-
-
-
-
-
-
- this.itemCount_ = connections.length;
- this.updateShape_();
-
- for (var i = 0; i < this.itemCount_; i++) {
- Blockly.Mutator.reconnect(connections[i], this, 'ADD' + i);
- }
- },
-
- saveConnections: function(containerBlock) {
- var itemBlock = containerBlock.getInputTargetBlock('STACK');
- var i = 0;
- while (itemBlock) {
- var input = this.getInput('ADD' + i);
-
- i++;
- itemBlock = itemBlock.nextConnection &&
- itemBlock.nextConnection.targetBlock();
- }
- },
-
- updateShape_: function() {
-
-
-
-
-
-
-
-
- for (var i = 0; i < this.itemCount_; i++) {
- if (!this.getInput('ADD' + i)) {
- var input = this.appendDummyInput("ADD" + i)
- .appendField(Blockly.Msg.WEBPAGE_BUTTON_NAME)
- .appendField(new Blockly.FieldTextInput("Button" + i), "BUTTON" + i)
- .appendField(Blockly.Msg.WEBPAGE_BUTTON_ROUTER)
- .appendField(new Blockly.FieldTextInput("url" + i), "URL" + i)
- }
- }
-
- while (this.getInput('ADD' + i)) {
- this.removeInput('ADD' + i);
- i++;
- }
- },
- };
- Blockly.Blocks['webpage_colorpicker'] = {
- init: function() {
- this.appendDummyInput()
- .appendField(new Blockly.FieldImage("./../blockly/media/colorpicker_header-image.png", 50, 50, "*"));
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_COLORPICKER_TITLE);
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_COLORPICKER_PATH)
- .appendField(new Blockly.FieldTextInput("/color"), "webpage_colorpicker_path");
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_COLORPICKER_SUBTITLE);
- this.setPreviousStatement(true, null);
- this.setNextStatement(true, null);
- this.setColour(Blockly.Blocks.webpage.HUE);
- this.setTooltip("");
- this.setHelpUrl("");
- }
- };
- Blockly.Blocks['webpage_buttoncontroller'] = {
- init: function() {
- this.appendDummyInput()
- .appendField(new Blockly.FieldImage("./../blockly/media/buttoncontroller_header-image.png", 50, 50, "*"));
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_TITLE);
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_TEXT_TOP)
- .appendField(new Blockly.FieldTextInput("up"), "webpage_buttoncontroller_top")
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_SETPATH)
- .appendField(new Blockly.FieldTextInput("/controller"), "webpage_buttoncontroller_top_path");
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_TEXT_LEFT)
- .appendField(new Blockly.FieldTextInput("left"), "webpage_buttoncontroller_left")
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_SETPATH)
- .appendField(new Blockly.FieldTextInput("/controller"), "webpage_buttoncontroller_left_path");
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_TEXT_CENTER)
- .appendField(new Blockly.FieldTextInput("center"), "webpage_buttoncontroller_center")
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_SETPATH)
- .appendField(new Blockly.FieldTextInput("/controller"), "webpage_buttoncontroller_center_path");
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_TEXT_RIGHT)
- .appendField(new Blockly.FieldTextInput("righ"), "webpage_buttoncontroller_right")
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_SETPATH)
- .appendField(new Blockly.FieldTextInput("/controller"), "webpage_buttoncontroller_right_path");
- this.appendDummyInput()
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_TEXT_BOTTOM)
- .appendField(new Blockly.FieldTextInput("bottom"), "webpage_buttoncontroller_bottom")
- .appendField(Blockly.Msg.WEBPAGE_BUTTONCTRL_SETPATH)
- .appendField(new Blockly.FieldTextInput("/controller"), "webpage_buttoncontroller_bottom_path");
- this.setPreviousStatement(true, null);
- this.setNextStatement(true, null);
- this.setColour(Blockly.Blocks.webpage.HUE);
- this.setTooltip("");
- this.setHelpUrl("");
- }
- };
|