Merge pull request #103 from mdenet/98-executing-program-popup-does-n…

…ot-automatically-disappear

Clear notifications for activities on handling a response and added icon

platform/src/Playground.js

@@ -645,6 +645,8 @@ function handleResponseActionFunction(action, requestPromise){
         var response = JSON.parse(responseText);
         var outputPanel = panels.find( pn => pn.id ==  action.output.id);
 
+        Metro.notify.killAll();
+
         if (response.hasOwnProperty("error")) {
             consolePanel.setError(response.error);
         } else {
@@ -662,8 +664,7 @@ function handleResponseActionFunction(action, requestPromise){
 
             if (response.editorUrl) {
                 // Language workbench
-                Metro.notify.killAll();
-                longNotification("Building editor...");
+                longNotification("Building editor");
                 checkEditorReady( response.editorStatusUrl, response.editorUrl, action.source.editorPanel, action.source.editorActivity);
 
 
@@ -737,8 +738,6 @@ function handleResponseActionFunction(action, requestPromise){
             }
 
         }
-
-        //Metro.notify.killAll();
     });
 
 }
@@ -809,18 +808,22 @@ function runAction(source, sourceButton) {
     longNotification("Executing program");
 }
 
+function notification(title, message, cls="light"){
+    const crossIcon = "<div class=\"default-icon-cross\" style=\"float:right\"></div>"
+    Metro.notify.create(crossIcon + "<b>"  + title + "</b>" + "<br>" + message + "<br>", null, {keepOpen: true, cls: cls, width: 300});
+}
 
 function longNotification(title, cls="light") {
-    Metro.notify.create("<b>" + title + "...</b><br>This may take a few seconds to complete if the back end is not warmed up.", null, {keepOpen: true, cls: cls, width: 300});
+    notification(title + "...", "This may take a few seconds to complete if the back end is not warmed up.", cls);
 }
 
 function successNotification(message, cls="light") {
-    Metro.notify.create("<b>Success:</b> "+ message +"<br>", null, {keepOpen: true, cls: cls, width: 300});
+    notification("Success:", message, cls);
 }
 
 function errorNotification(message) {
     console.log("ERROR: " + message);
-    Metro.notify.create("<b>Error:</b> "+ message +"<br>", null, {keepOpen: true, cls: "bg-red fg-white", width: 300});
+    notification("Error:", message, "bg-red fg-white");
 }