@appscode/design-system 1.0.43-alpha.226 → 1.0.43-alpha.228

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "1.0.43-alpha.226",
+  "version": "1.0.43-alpha.228",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v2/table/Table.vue

@@ -110,6 +110,11 @@
         </tbody>
       </template>
     </table>
+
+    <!-- table footer info start -->
+    <slot name="table-footer-info" />
+    <!-- table footer info end -->
+
     <!-- pagination start -->
     <slot name="table-pagination" />
     <!-- pagination end -->

package/vue-components/v3/modals/LongRunningTasksModal.vue

@@ -255,15 +255,23 @@ onBeforeUnmount(() => {
 const longRunningTaskStatus = computed(() => {
   let successTaskCount = 0;
   let failedTaskCount = 0;
+
+  // get count of success and failed task
   tasks.value.forEach((task) => {
     if (task?.status === "Success") successTaskCount++;
     else if (task?.status === "Failed") failedTaskCount++;
   });
 
   if (tasks.value.length === 0) return "NotStarted";
+  // if all the task has been successful
   else if (successTaskCount === tasks.value.length) {
     return "Success";
-  } else if (failedTaskCount === tasks.value.length) {
+  }
+  // if all the task has been completed and some tasks are failed
+  else if (
+    failedTaskCount &&
+    successTaskCount + failedTaskCount === tasks.value.length
+  ) {
     return "Failed";
   } else return "Pending";
 });

package/vue-components/v3/table/Table.vue

@@ -107,6 +107,11 @@
         </tbody>
       </template>
     </table>
+
+    <!-- table footer info start -->
+    <slot name="table-footer-info" />
+    <!-- table footer info end -->
+
     <!-- pagination start -->
     <slot name="table-pagination" />
     <!-- pagination end -->