1 files changed, 30 insertions, 0 deletions
diff --git a/app/views/projects/runners/_project_runners.html.haml b/app/views/projects/runners/_project_runners.html.haml
new file mode 100644
index 00000000000..543a564568b
--- /dev/null
+++ b/app/views/projects/runners/_project_runners.html.haml
@@ -0,0 +1,30 @@
+%h4
+  = s_('Runners|Project runners')
+
+.bs-callout.help-callout
+  - if can?(current_user, :register_project_runners, @project)
+    = s_('Runners|These runners are assigned to this project.')
+    %hr
+    = render partial: 'ci/runner/how_to_setup_runner',
+            locals: { registration_token: @project.runners_token,
+                      type: _('project'),
+                      reset_token_url: reset_registration_token_namespace_project_settings_ci_cd_path,
+                      project_path: @project.path_with_namespace,
+                      group_path: '' }
+  - else
+    = _('Please contact an admin to register runners.')
+    = link_to _('Learn more.'), help_page_path('user/admin_area/settings/continuous_integration', anchor: 'restrict-runner-registration-by-all-users-in-an-instance'), target: '_blank', rel: 'noopener noreferrer'
+
+%hr
+
+- if @project_runners.any?
+  %h4.underlined-title= s_('Runners|Assigned project runners')
+  %ul.bordered-list{ data: { testid: 'assigned_project_runners' } }
+    = render partial: 'projects/runners/runner', collection: @project_runners, as: :runner
+  = paginate @project_runners, theme: "gitlab", param_name: "project_page", params: { expand_runners: true, anchor: 'js-runners-settings' }
+
+- if @assignable_runners.any?
+  %h4.underlined-title= _('Other available runners')
+  %ul.bordered-list{ data: { testid: 'available_project_runners' } }
+    = render partial: 'projects/runners/runner', collection: @assignable_runners, as: :runner
+  = paginate @assignable_runners, theme: "gitlab", param_name: "specific_page", :params => { :anchor => 'js-runners-settings'}