Merge pull request #93 from openworm/feature/281a

#281 Added loader to python console
openworm · Sep 4, 2019 · db00a7e · db00a7e
2 parents ff00e62 + 96eee8e
commit db00a7e
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/js/components/interface/pythonConsole/PythonConsole.js b/js/components/interface/pythonConsole/PythonConsole.js
@@ -7,11 +7,27 @@
 define(function (require) {
   var React = require('react');
   var CreateClass = require('create-react-class');
+  var { CircularProgress } = require('@material-ui/core')
   require('./PythonConsole.less');
   $.widget.bridge('uitooltip', $.ui.tooltip);
 
 
   return CreateClass({
+    getInitialState: function () {
+      return { loading: true };
+    },
+
+    componentDidMount: function () {
+      GEPPETTO.on('jupyter_geppetto_extension_ready', data => {
+        this.setState({ loading: false })
+      });
+    },
+
+
+    componentWillUnmount: function () {
+      GEPPETTO.off('jupyter_geppetto_extension_ready')
+    },
+
     render: function () {
 
       return (
@@ -21,9 +37,13 @@ define(function (require) {
             allowtransparency="true"
             style={{
               width:'100%',
+              visibility: this.state.loading ? "hidden" : "visible",
               height:this.props.iframeHeight + 'px' 
             }}>
           </iframe>
+          {this.state.loading && <CircularProgress 
+            style={{ position: 'absolute', left: 0, right: 0, bottom: 0, top: 0, margin: 'auto' }}
+          />}
         </div>
       );
     }