Clean up pipelines Vue code + Improve UX

Problem

There are several usuability and code problems when interacting with the pipelines table.

When the user cancels/retries a pipeline there is a weird state of loading spinners:

Retry

retry

Cancel

cancel

Mini graph actions

Screen_Recording_2018-05-23_at_04.18_PM

Currently it is very hard to change any action in the pipelines table and manage where the requests are made, code wise

We also discovered that we should be using the method that is sent in the API response to make each request, but those are all hardcoded on the Frontend.

Solution

I'd like to move this code into Vuex and handle the state management and the requests in one single place.

Problem: this takes 4 to 5 work days

cc @timzallmann @ayufan