From 3dbcb287a460e4500316ea459bd342c5a62b1e66 Mon Sep 17 00:00:00 2001
From: Bruno Thomas <bthomas@icij.org>
Date: Mon, 19 Aug 2024 13:59:02 +0000
Subject: [PATCH] feat: add CREATED status for tasks ICIJ/datashare#1399

Co-authored-by: Caroline Desprat <caro3801@users.noreply.github.com>
---
 src/components/EllipseStatus.vue                  | 11 +++++++----
 src/utils/settings.js                             |  3 ++-
 tests/unit/specs/components/EllipseStatus.spec.js |  6 ++++++
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/EllipseStatus.vue b/src/components/EllipseStatus.vue
index 75635ab639..dc5c7eaa9a 100644
--- a/src/components/EllipseStatus.vue
+++ b/src/components/EllipseStatus.vue
@@ -79,13 +79,13 @@ export default {
       return style.getPropertyValue('--light') || '#eee'
     },
     statusAnimation() {
-      if (this.statusAsVariant === 'info') {
+      if (this.variantIsInfo) {
         return this.animation
       }
       return 'default 0 0'
     },
     statusProgress() {
-      if (this.statusAsVariant === 'info') {
+      if (this.variantIsInfo) {
         const rounded = Math.round(this.progress)
         return Math.max(Math.min(rounded, 100), 0)
       }
@@ -97,8 +97,11 @@ export default {
     statusAsVariant() {
       return toVariant(this.status)
     },
+    variantIsInfo() {
+      return this.statusAsVariant === 'info'
+    },
     loading() {
-      return this.statusAsVariant === 'info' && this.idle
+      return this.variantIsInfo && this.idle
     },
     idle() {
       return this.progress === null || this.progress <= 0 || this.progress >= 100
@@ -133,7 +136,7 @@ export default {
       :loading="loading"
     >
       <slot>
-        <template v-if="statusAsVariant === 'info'">
+        <template v-if="variantIsInfo">
           {{ statusProgressAsPercentage }}
         </template>
         <template v-else>
diff --git a/src/utils/settings.js b/src/utils/settings.js
index c1b1a65d8d..5fe49ea2ac 100644
--- a/src/utils/settings.js
+++ b/src/utils/settings.js
@@ -210,7 +210,8 @@ export default {
     queued: 'info',
     running: 'info',
     warning: 'warning',
-    cancelled: 'warning'
+    cancelled: 'warning',
+    created: 'info'
   },
   elasticsearch: {
     waitForAnswer: 700,
diff --git a/tests/unit/specs/components/EllipseStatus.spec.js b/tests/unit/specs/components/EllipseStatus.spec.js
index 51b84e2a0f..b74fec3cca 100644
--- a/tests/unit/specs/components/EllipseStatus.spec.js
+++ b/tests/unit/specs/components/EllipseStatus.spec.js
@@ -90,6 +90,12 @@ describe('EllipseStatus.vue', () => {
     expect(wrapper.vm.statusAsVariant).toBe('info')
   })
 
+  it('should turn the status "CREATED" into a "info" variant', () => {
+    const props = { status: 'CREATED' }
+    const wrapper = shallowMount(EllipseStatus, { plugins, props })
+    expect(wrapper.vm.statusAsVariant).toBe('info')
+  })
+
   it('should turn the status "running" into a "info" variant', () => {
     const props = { status: 'running' }
     const wrapper = shallowMount(EllipseStatus, { plugins, props })