Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FLINK-2939][web-dashboard] Add support to cancel jobs from the dashboard #1313

Closed
wants to merge 2 commits into from

Conversation

sachingoel0101
Copy link
Contributor

Cancel button placement (open for discussion and/or any changes):
capture

After cancelling:
capture1

Also includes some documentation fixes for the web frontend project to reflect the recent changes.

@mxm
Copy link
Contributor

mxm commented Nov 1, 2015

Thanks! Not sure users will see the "X" in the corner and understand it's for cancelling jobs.

@sachingoel0101
Copy link
Contributor Author

Hovering over the cross reveals the word cancel.

@StephanEwen
Copy link
Contributor

This goes a bit against the idea of REST. If you "GET" a certain URL, it should not affect the state of the system you query.

If we want to make that action part of the REST API, we should probably add a "DELETE" action for the URL "jobs/".

@sachingoel0101
Copy link
Contributor Author

@StephanEwen that's a good point. I've already pushed a fix. :)

@mxm
Copy link
Contributor

mxm commented Nov 2, 2015

Hovering over the cross reveals the word cancel.

Could we also have a button labelled "Cancel Job"? That way people don't even have to hover over things to get the meaning...

@mxm
Copy link
Contributor

mxm commented Nov 2, 2015

I would like to merge this soon. Cancellation jobs from the web frontend has been requested several times.

@sachingoel0101
Copy link
Contributor Author

Thank you for noticing that @mxm. Will push a commit to address all your comments in a little while.

@sachingoel0101
Copy link
Contributor Author

Here are the new screenshots:
Before:
screenshot 36
During:
screenshot 37
After:
screenshot 38

@mxm Can you look this over again?

@@ -70,6 +70,10 @@ angular.module('flinkApp')

$interval.cancel(refresher)

$scope.cancelJob = (cancelEvent) ->
angular.element(cancelEvent.currentTarget).removeClass('label-danger').addClass('label-info').html('Cancelling...')
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why do you have to remove the 'label-danger' class?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wanted the button to have an info color while the job is being cancelled.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah I see.

@sachingoel0101
Copy link
Contributor Author

Sure. No problem. :)

@StephanEwen
Copy link
Contributor

Much better. Is there a way of making this thing look more like a button? Right now it looks very much like a label and I would not think of trying to click it...

@asfgit asfgit closed this in 143e5e0 Nov 3, 2015
@sachingoel0101 sachingoel0101 deleted the cancel_button branch November 3, 2015 10:01
@sachingoel0101
Copy link
Contributor Author

@StephanEwen , since this is already merged, I'll push another commit and point you to it for merging.

@mxm
Copy link
Contributor

mxm commented Nov 3, 2015

@StephanEwen Sorry, didn't see your post. I filed a follow-up JIRA for this: https://issues.apache.org/jira/browse/FLINK-2957

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
4 participants