Extend Gitlab::Ci::Status#illustration to include metadata

5 files changed, 28 insertions, 5 deletions

diff --git a/lib/gitlab/ci/status/canceled.rb b/lib/gitlab/ci/status/canceled.rb
index 9a25375678d..bea8dcd5587 100644
--- a/lib/gitlab/ci/status/canceled.rb
+++ b/lib/gitlab/ci/status/canceled.rb
@@ -19,7 +19,11 @@ module Gitlab
         end
 
         def illustration
-          'canceled-job_empty'
+          {
+            image: 'illustrations/canceled-job_empty.svg',
+            size: 'svg-430',
+            title: _('This job has been canceled')
+          }
         end
       end
     end
diff --git a/lib/gitlab/ci/status/created.rb b/lib/gitlab/ci/status/created.rb
index 033ecbe9380..3b2a9e5d0ef 100644
--- a/lib/gitlab/ci/status/created.rb
+++ b/lib/gitlab/ci/status/created.rb
@@ -19,7 +19,12 @@ module Gitlab
         end
 
         def illustration
-          'job_not_triggered'
+          {
+            image: 'illustrations/job_not_triggered.svg',
+            size: 'svg-306',
+            title: _('This job has not been triggered yet'),
+            content: _('This job depends on upstream jobs that need to succeed in order for this job to be triggered')
+          }
         end
       end
     end
diff --git a/lib/gitlab/ci/status/manual.rb b/lib/gitlab/ci/status/manual.rb
index 92c449e2c63..cb587a7815e 100644
--- a/lib/gitlab/ci/status/manual.rb
+++ b/lib/gitlab/ci/status/manual.rb
@@ -19,7 +19,12 @@ module Gitlab
         end
 
         def illustration
-          'manual_action'
+          {
+            image: 'illustrations/manual_action.svg',
+            size: 'svg-394',
+            title: _('This job requires a manual action'),
+            content: _('This job depends on a user to trigger its process. Often they are used to deploy code to production environments')
+          }
         end
       end
     end
diff --git a/lib/gitlab/ci/status/pending.rb b/lib/gitlab/ci/status/pending.rb
index 63c0b5b501f..6a27a83696a 100644
--- a/lib/gitlab/ci/status/pending.rb
+++ b/lib/gitlab/ci/status/pending.rb
@@ -19,7 +19,12 @@ module Gitlab
         end
 
         def illustration
-          'pending_job_empty'
+          {
+            image: 'illustrations/pending_job_empty.svg',
+            size: 'svg-430',
+            title: _('This job has not started yet'),
+            content: _('This job is in pending state and is waiting to be picked by a runner')
+          }
         end
       end
     end
diff --git a/lib/gitlab/ci/status/skipped.rb b/lib/gitlab/ci/status/skipped.rb
index 5dbe2847344..ff7529b5f03 100644
--- a/lib/gitlab/ci/status/skipped.rb
+++ b/lib/gitlab/ci/status/skipped.rb
@@ -19,7 +19,11 @@ module Gitlab
         end
 
         def illustration
-          'skipped-job_empty'
+          {
+            image: 'illustrations/skipped-job_empty.svg',
+            size: 'svg-430',
+            title: _('This job has been skipped')
+          }
         end
       end
     end