Add icon_with_name_and_action and use it everywhere

app/views/ci/status/_icon_with_name.html.haml

+- detailed_status = subject.detailed_status(current_user)
+- details_path = detailed_status.details_path if detailed_status.has_details?
+- klass = "ci-status-icon ci-status-icon-#{detailed_status}"
+
+- if details_path
+  = link_to details_path, class: klass, data: { toggle: 'tooltip', title: "#{subject.name} - #{detailed_status}" } do
+    %span{ class: klass }= custom_icon(detailed_status.icon)
+    .ci-status-text= subject.name
+- else
+  %span{ class: klass }= custom_icon(detailed_status.icon)
+  .ci-status-text= subject.name

app/views/ci/status/_icon_with_name_and_action.html.haml

+= render "ci/status/icon_with_name", subject: subject
+
+- detailed_status = subject.detailed_status(current_user)
+- if detailed_status.has_action?
+  = link_to detailed_status.action_path, method: detailed_status.action_method,
+    title: "#{subject.name}: #{detailed_status.action_title}", class: 'ci-action-icon-container' do
+    %i.ci-action-icon-wrapper
+      = icon(detailed_status.action_icon, class: detailed_status.action_class)

app/views/projects/ci/builds/_build_pipeline.html.haml

-- is_playable = subject.playable? && can?(current_user, :update_build, @project)
-- can_cancel = subject.active? && can?(current_user, :update_build, @project)
-- can_retry = subject.retryable? && can?(current_user, :update_build, @project)
-- can_stop = subject.complete? && subject.stops_environment? && can?(current_user, :update_build, @project)
-
-- if can?(current_user, :read_build, @project)
-  = link_to namespace_project_build_path(subject.project.namespace, subject.project, subject), data: { toggle: 'tooltip', title: "#{subject.name} - #{subject.status}", container: '.pipeline-graph', placement: 'bottom' } do
-    %span{class: "ci-status-icon ci-status-icon-#{subject.status}"}
-      = ci_icon_for_status(subject.status)
-    .ci-status-text= subject.name
-
-  - if is_playable
-    = link_to play_namespace_project_build_path(subject.project.namespace, subject.project, subject, return_to: request.original_url), method: :post, title: "#{subject.name} - Play", class: 'ci-action-icon-container' do
-      %i.ci-action-icon-wrapper
-        = icon('play', class: 'ci-play-icon')
-  - elsif can_cancel
-    = link_to cancel_namespace_project_build_path(subject.project.namespace, subject.project, subject, return_to: request.original_url), method: :post, title: "#{subject.name} - Cancel", class: 'ci-action-icon-container' do
-      %i.ci-action-icon-wrapper
-        = icon('ban')
-  - elsif can_retry
-    = link_to retry_namespace_project_build_path(subject.project.namespace, subject.project, subject, return_to: request.original_url), method: :post, title: "#{subject.name} - Retry", class: 'ci-action-icon-container' do
-      %i.ci-action-icon-wrapper
-        = icon('refresh')
-  - elsif can_stop
-    = link_to play_namespace_project_build_path(subject.project.namespace, subject.project, subject, return_to: request.original_url), method: :post, title: "#{subject.name} - Stop", class: 'ci-action-icon-container' do
-      %i.ci-action-icon-wrapper
-        = icon('stop')
-
-- else
-  %span{class: "ci-status-icon ci-status-icon-#{subject.status}"}
-    = ci_icon_for_status(subject.status)

app/views/projects/generic_commit_statuses/_generic_commit_status_pipeline.html.haml

-%a{ data: { toggle: 'tooltip', title: "#{subject.name} - #{subject.status}", container: '.pipeline-graph', placement: 'bottom' } }
-  - if subject.target_url
-    = link_to subject.target_url do
-      %span{class: "ci-status-icon ci-status-icon-#{subject.status}"}
-        = ci_icon_for_status(subject.status)
-      %span.ci-status-text= subject.name
-  - else
-    %span{class: "ci-status-icon ci-status-icon-#{subject.status}"}
-      = ci_icon_for_status(subject.status)
-    %span.ci-status-text= subject.name