Finished blocks

blocks.js

@@ -7,9 +7,16 @@ Blockly.Blocks['espui'] = {
     tags: ['webinterface'],
     examples: ['lol.bly'],
     init: function() {
+        var wifiOptions = [
+            ['No', false],
+            ['Yes', true]
+          ];
         this.appendDummyInput()
             .appendField('ESPUI Title:')
             .appendField(new Blockly.FieldTextInput('string'), 'ui_name');
+       this.appendDummyInput()
+            .appendField('Enable Wifi Hotspot Code:')
+            .appendField(new Blockly.FieldDropdown(wifiOptions), 'wifi_option');
         this.appendStatementInput('ui_elements')
             .setCheck('ui_element');
         this.setColour("#37d1f9");
@@ -19,11 +26,21 @@ Blockly.Blocks['espui'] = {
 
 Blockly.Arduino['espui'] = function(block) {
     var ui_name = block.getFieldValue('ui_name');
+    var wifi_option = block.getFieldValue('wifi_option');
     var ui_elements = Blockly.Arduino.statementToCode(block, 'ui_elements');
     Blockly.Arduino.definitions_['define_wifi_h'] = '#include <WiFi.h>';
     Blockly.Arduino.definitions_['define_espui_h'] = '#include <ESPUI.h>';
-    Blockly.Arduino.setups_['setup_espui'] = ui_elements;
+    Blockly.Arduino.setups_['setup_espui'] = '\n';
-    Blockly.Arduino.setups_['setup_espui'] += '\nESPUI.begin("' + ui_name + '");\n';
+    if(wifi_option){
+      Blockly.Arduino.setups_['setup_espui'] +=
+      '    Serial.begin(115200);\n\n' +
+      '    WiFi.mode(WIFI_AP);\n' +
+      '    WiFi.softAP("' + ui_name + '");\n' +
+      '    Serial.print("IP address: ");\n' +
+      '    Serial.println(WiFi.softAPIP());\n\n';
+    }
+    Blockly.Arduino.setups_['setup_espui'] += ui_elements;
+    Blockly.Arduino.setups_['setup_espui'] += '    ESPUI.begin("' + ui_name + '");\n';
     return null;
 };
 
@@ -51,6 +68,9 @@ Blockly.Blocks['espui_button'] = {
         this.appendDummyInput()
             .appendField('UI Color')
             .appendField(new Blockly.FieldDropdown(colorOptions), 'ui_color');
+        this.appendDummyInput()
+            .appendField('Button Text')
+            .appendField(new Blockly.FieldTextInput('name'), 'button_text');
         this.setColour("#3357c7");
         this.setPreviousStatement(true, 'ui_element');
         this.setNextStatement(true, 'ui_element');
@@ -67,17 +87,21 @@ Blockly.Blocks['espui_button'] = {
 Blockly.Arduino['espui_button'] = function(block) {
     var ui_name = block.getFieldValue('ui_name');
     var ui_color = block.getFieldValue('ui_color');
+    var button_text = block.getFieldValue('button_text');
     var ui_name_clean = ui_name.replace(' ', '_');
     var on_down = Blockly.Arduino.statementToCode(block, 'on_down');
     var on_up = Blockly.Arduino.statementToCode(block, 'on_up');
     Blockly.Arduino.definitions_['define_ui_button_' + ui_name_clean] =
-        'void button_' + ui_name_clean + '(Control c, int type) {\nswitch(type){\ncase B_DOWN:\n' +
+        'void button_' + ui_name_clean + '(Control c, int type) {\n' +
+        ' switch(type){\n' +
+        '  case B_DOWN:\n' +
         on_down + '\n    break;\n' +
         '  case B_UP:\n' +
         on_up + '\n    break;\n' +
+        ' }\n' +
         '}\n';
 
-    var code = 'ESPUI.button("' + ui_name + '",&button_' + ui_name_clean + ', ' + ui_color + ');\n';
+    var code = '  ESPUI.button("' + ui_name + '", &button_' + ui_name_clean + ', ' + ui_color + ', "' + button_text + '");\n';
     return code;
 };
 
@@ -139,12 +163,19 @@ Blockly.Blocks['espui_switcher'] = {
             ['carrot', 'COLOR_CARROT'],
             ['alizarin', 'COLOR_ALIZARIN'],
         ];
+        var stateOptions = [
+            ['Off', 'false'],
+            ['On', 'true'],
+        ];
         this.appendDummyInput()
             .appendField('ESPUI Switcher')
             .appendField(new Blockly.FieldTextInput('name'), 'ui_name');
         this.appendDummyInput()
             .appendField('UI Color')
             .appendField(new Blockly.FieldDropdown(colorOptions), 'ui_color');
+        this.appendDummyInput()
+            .appendField('Initial state')
+            .appendField(new Blockly.FieldDropdown(stateOptions), 'switcher_state');
         this.setColour("#3357c7");
         this.setPreviousStatement(true, 'ui_element');
         this.setNextStatement(true, 'ui_element');
@@ -161,16 +192,148 @@ Blockly.Blocks['espui_switcher'] = {
 Blockly.Arduino['espui_switcher'] = function(block) {
     var ui_name = block.getFieldValue('ui_name');
     var ui_color = block.getFieldValue('ui_color');
+    var switcher_state = block.getFieldValue('switcher_state');
     var ui_name_clean = ui_name.replace(' ', '_');
     var on_on = Blockly.Arduino.statementToCode(block, 'on_down');
     var on_off = Blockly.Arduino.statementToCode(block, 'on_up');
     Blockly.Arduino.definitions_['define_ui_switcher_' + ui_name_clean] =
-        'void switcher_' + ui_name_clean + '(Control c, int type) {\nswitch(type){\ncase S_ACTIVE:\n' +
+        'void switcher_' + ui_name_clean + '(Control c, int type) {\n' +
+        ' switch(type){\n' +
+        '  case S_ACTIVE:\n' +
         on_on + '\n    break;\n' +
         '  case S_INACTIVE:\n' +
         on_off + '\n    break;\n' +
+        ' }\n' +
         '}\n';
 
-    var code = 'ESPUI.switcher("' + ui_name + '",&switcher_' + ui_name_clean + ', ' + ui_color + ', false);\n';
+    var code = '  ESPUI.switcher("' + ui_name + '", ' + switcher_state + ', &switcher_' + ui_name_clean + ', ' + ui_color + ');\n';
+    return code;
+};
+
+Blockly.Blocks['espui_pad'] = {
+    category: Facilino.locales.getKey('LANG_CATEGORY_BLOCKS'),
+    helpUrl: Facilino.getHelpUrl('espui'),
+    tags: ['webinterface'],
+    examples: ['lol.bly'],
+    init: function() {
+        var colorOptions = [
+            ['none', 'COLOR_NONE'],
+            ['turquoise', 'COLOR_TURQUOISE'],
+            ['emerald', 'COLOR_EMERALD'],
+            ['peterriver', 'COLOR_PETERRIVER'],
+            ['wet asphalt', 'COLOR_WETASPHALT'],
+            ['sunflower', 'COLOR_SUNFLOWER'],
+            ['carrot', 'COLOR_CARROT'],
+            ['alizarin', 'COLOR_ALIZARIN'],
+        ];
+        var centerOptions = [
+            ['Yes', 'false'],
+            ['No', 'true'],
+        ];
+        this.appendDummyInput()
+            .appendField('ESPUI ButtonPad')
+            .appendField(new Blockly.FieldTextInput('name'), 'ui_name');
+        this.appendDummyInput()
+            .appendField('UI Color')
+            .appendField(new Blockly.FieldDropdown(colorOptions), 'ui_color');
+        this.appendDummyInput()
+            .appendField('Center button')
+            .appendField(new Blockly.FieldDropdown(centerOptions), 'pad_center');
+        this.setColour("#3357c7");
+        this.setPreviousStatement(true, 'ui_element');
+        this.setNextStatement(true, 'ui_element');
+        this.setTooltip('A web interface button');
+
+        this.appendStatementInput('on_down_for')
+            .appendField('Forward press:')
+            .setCheck(null);
+        this.appendStatementInput('on_up_for')
+            .appendField('Forward release:')
+            .setCheck(null);
+
+        this.appendStatementInput('on_down_back')
+            .appendField('Back press:')
+            .setCheck(null);
+        this.appendStatementInput('on_up_back')
+            .appendField('Back release:')
+            .setCheck(null);
+
+        this.appendStatementInput('on_down_left')
+            .appendField('Right press:')
+            .setCheck(null);
+        this.appendStatementInput('on_up_left')
+            .appendField('Right release:')
+            .setCheck(null);
+
+        this.appendStatementInput('on_down_right')
+            .appendField('Left press:')
+            .setCheck(null);
+        this.appendStatementInput('on_up_right')
+            .appendField('Left release:')
+            .setCheck(null);
+
+        this.appendStatementInput('on_down_center')
+            .appendField('Center press:')
+            .setCheck(null);
+        this.appendStatementInput('on_up_center')
+            .appendField('Center release:')
+            .setCheck(null);
+    }
+};
+
+Blockly.Arduino['espui_pad'] = function(block) {
+    var ui_name = block.getFieldValue('ui_name');
+    var ui_color = block.getFieldValue('ui_color');
+    var pad_center = block.getFieldValue('pad_center');
+    var ui_name_clean = ui_name.replace(' ', '_');
+
+    var on_down_for = Blockly.Arduino.statementToCode(block, 'on_down_for');
+    var on_up_for = Blockly.Arduino.statementToCode(block, 'on_up_for');
+
+    var on_down_back = Blockly.Arduino.statementToCode(block, 'on_down_back');
+    var on_up_back = Blockly.Arduino.statementToCode(block, 'on_up_back');
+
+    var on_down_left = Blockly.Arduino.statementToCode(block, 'on_down_left');
+    var on_up_left = Blockly.Arduino.statementToCode(block, 'on_up_left');
+
+    var on_down_right = Blockly.Arduino.statementToCode(block, 'on_down_right');
+    var on_up_right = Blockly.Arduino.statementToCode(block, 'on_up_right');
+
+    var on_down_center = Blockly.Arduino.statementToCode(block, 'on_down_center');
+    var on_up_center = Blockly.Arduino.statementToCode(block, 'on_up_center');
+
+
+    Blockly.Arduino.definitions_['define_ui_pad_' + ui_name_clean] =
+        'void pad_' + ui_name_clean + '(Control c, int type) {\n' +
+        ' switch(type){\n' +
+
+        '   case P_FOR_DOWN:\n' +
+        on_down_for + '\n    break;\n' +
+        '   case P_FOR_UP:\n' +
+        on_up_for + '\n    break;\n' +
+
+        '   case P_BACK_DOWN:\n' +
+        on_down_back + '\n    break;\n' +
+        '   case P_BACK_UP:\n' +
+        on_up_back + '\n   break;\n' +
+
+        '   case P_RIGHT_DOWN:\n' +
+        on_down_left + '\n    break;\n' +
+        '   case P_RIGHT_UP:\n' +
+        on_up_left + '\n    break;\n' +
+
+        '  case P_LEFT_DOWN:\n' +
+        on_down_right + '\n    break;\n' +
+        '  case P_LEFT_UP:\n' +
+        on_up_right + '\n    break;\n' +
+
+        '  case P_CENTER_DOWN:\n' +
+        on_down_center + '\n    break;\n' +
+        '  case P_CENTER_UP:\n' +
+        on_up_center + '\n    break;\n' +
+        ' }\n' +
+        '}\n';
+
+    var code = '  ESPUI.pad("' + ui_name + '", ' + pad_center + ', &pad_' + ui_name_clean + ', ' + ui_color + ');\n';
     return code;
 };