diff --git a/app/static/app/js/Dashboard.jsx b/app/static/app/js/Dashboard.jsx
index c4444967..7dad56ba 100644
--- a/app/static/app/js/Dashboard.jsx
+++ b/app/static/app/js/Dashboard.jsx
@@ -9,6 +9,8 @@ import {
} from 'react-router-dom';
import $ from 'jquery';
+console.log(React.version);
+
class Dashboard extends React.Component {
constructor(){
super();
diff --git a/app/static/app/js/components/TaskListItem.jsx b/app/static/app/js/components/TaskListItem.jsx
index e7c969f2..0e1f2757 100644
--- a/app/static/app/js/components/TaskListItem.jsx
+++ b/app/static/app/js/components/TaskListItem.jsx
@@ -260,9 +260,9 @@ class TaskListItem extends React.Component {
memoryErrorLink = this.isMacOS() ? "http://stackoverflow.com/a/39720010" : "https://docs.docker.com/docker-for-windows/#advanced";
let actionButtons = [];
- const addActionButton = (label, className, icon, onClick) => {
+ const addActionButton = (label, className, icon, onClick, options = {}) => {
actionButtons.push({
- className, icon, label, onClick
+ className, icon, label, onClick, options
});
};
@@ -285,6 +285,8 @@ class TaskListItem extends React.Component {
(!task.processing_node)){
addActionButton("Edit", "btn-primary pull-right edit-button", "glyphicon glyphicon-pencil", () => {
this.startEditing();
+ }, {
+ className: "inline"
});
}
@@ -295,14 +297,22 @@ class TaskListItem extends React.Component {
if ([statusCodes.FAILED, statusCodes.COMPLETED, statusCodes.CANCELED].indexOf(task.status) !== -1 &&
task.processing_node){
- addActionButton("Restart", "btn-primary", "glyphicon glyphicon-remove-circle", this.genActionApiCall("restart", {
+ addActionButton("Restart", "btn-primary", "glyphicon glyphicon-repeat", this.genActionApiCall("restart", {
success: () => {
if (this.console) this.console.clear();
this.setState({time: -1});
},
defaultError: "Cannot restart task."
}
- ));
+ ), {
+ subItems: [{
+ label: "Meshing",
+ icon: "glyphicon glyphicon-remove-circle",
+ onClick: (cb) => {
+ console.log("OK");
+ }
+ }]
+ });
}
addActionButton("Delete", "btn-danger", "glyphicon glyphicon-trash", this.genActionApiCall("remove", {
@@ -317,12 +327,25 @@ class TaskListItem extends React.Component {