Fix the variable renaming bug.

Author: dastaple

app/BlocklyManager.js

@@ -0,0 +1,23 @@
+//Store the blockly manager class, and overrides to fit blockly functionality into Electron/Chrome apps.
+'use strict';
+goog.require('goog.ui.Prompt');
+
+// Blockly.FieldVariable.prototype._validate_varname = function(newVar) {
+//     // Merge runs of whitespace.  Strip leading and trailing whitespace.
+//     // Beyond this, all names are legal.
+//     if (newVar) {
+//     newVar = newVar.replace(/[\s\xa0]+/g, ' ').replace(/^ | $/g, '');
+//     if (newVar == Blockly.Msg.RENAME_VARIABLE ||
+//         newVar == Blockly.Msg.NEW_VARIABLE) {
+//         // Ok, not ALL names are legal...
+//         newVar = null;
+//     }
+//     }
+//     return newVar;
+// };
+
+Blockly.prompt = function(message, defaultValue, callback) {
+    prompt = new goog.ui.Prompt(message, defaultValue, callback);
+    prompt.setModal(true);
+    prompt.setVisible(true);
+};

app/start.js

@@ -10,6 +10,7 @@ const Blockly = require('node-blockly/browser');
 require("google-closure-library");
 goog.require('goog.ui.TabPane');
 
+require("./app/BlocklyManager.js");
 const BounceConfig=require('./app/BounceConfig.js');
 require("./CustomNodeBlocks.js");
 const NodeMcu = require("./app/nodemcu.js");

bounce.css

@@ -133,13 +133,15 @@ html, body {
 
 .modal-dialog-bg {
     position: absolute;
+    z-index: 1000;
     top: 0px;
     left: 0px;
     background-color: #FFF;
 }
 
 .modal-dialog {
     position: absolute;
+    z-index: 1001;
     top: 0px;
     left: 0px;
     width: 300px;

bounce_window.html

@@ -11,7 +11,7 @@
 
     <script>if (window.module) module = window.module;</script>
     <script type="text/javascript" src="app/start.js"></script> <!-- Main ui here -->
-    <link rel="stylesheet" href="node-modules/google-closure-library/closure/goog/css/common.css">
+    <link rel="stylesheet" href="node_modules/google-closure-library/closure/goog/css/common.css">
     <link rel="stylesheet" href="bounce.css">
     <link rel="stylesheet" href="font-awesome-4.6.1/css/font-awesome.min.css">
 </head>