@adminforth/background-jobs 1.5.0 → 1.6.0

package/build.log

@@ -11,5 +11,5 @@ custom/StateToIcon.vue
 custom/tsconfig.json
 custom/utils.ts
 
-sent 12,535 bytes  received 134 bytes  25,338.00 bytes/sec
-total size is 12,050  speedup is 0.95
+sent 13,135 bytes  received 134 bytes  26,538.00 bytes/sec
+total size is 12,650  speedup is 0.95

package/custom/JobInfoPopup.vue

@@ -111,7 +111,7 @@ async function getJobTasks(limit: number = 10, offset: number = 0): Promise<{sta
       },
     });
     if (res.ok) {
-      return res.tasks;
+      return res.data;
     } else {
       console.error('Error fetching job tasks:', res.error);
       return [];

package/custom/StateToIcon.vue

@@ -1,40 +1,53 @@
 <template>
-  <Tooltip v-if="job.status === 'IN_PROGRESS'">
+  <Tooltip v-if="job?.status === 'IN_PROGRESS' || status === 'IN_PROGRESS'">
     <Spinner class="w-5 h-5 ml-2" />
     <template #tooltip>
       {{ t('In progress') }}
     </template>
   </Tooltip>
-  <Tooltip v-else-if="job.status === 'DONE'">
+  <Tooltip v-else-if="job?.status === 'DONE' || status === 'DONE'">
     <IconCheckCircleOutline  class="w-6 h-6 ml-2 text-green-500" />
     <template #tooltip>
       {{ t('Done') }}
     </template>
   </Tooltip>
-  <Tooltip v-else-if="job.status === 'CANCELLED'">
+  <Tooltip v-else-if="job?.status === 'CANCELLED' || status === 'CANCELLED'">
     <IconCloseCircleOutline class="w-6 h-6 ml-2 text-red-500" />
     <template #tooltip>
       {{ t('Cancelled') }}
     </template>
   </Tooltip>
-  <Tooltip v-else-if="job.status === 'DONE_WITH_ERRORS'">
+  <Tooltip v-else-if="job?.status === 'DONE_WITH_ERRORS' || status === 'DONE_WITH_ERRORS'">
     <IconExclamationCircleOutline class="w-6 h-6 ml-2 text-yellow-500" />
     <template #tooltip>
       {{ t('Done with errors') }}
     </template>
   </Tooltip>
+  <Tooltip v-else-if="status === 'FAILED'">
+    <IconCloseCircleOutline class="w-6 h-6 ml-2 text-red-500" />
+    <template #tooltip>
+      {{ t('Failed') }}
+    </template>
+  </Tooltip>
+  <Tooltip v-else-if="status === 'SCHEDULED'">
+    <IconClockOutline class="w-6 h-6 ml-2 text-blue-500" />
+    <template #tooltip>
+      {{ t('Scheduled') }}
+    </template>
+  </Tooltip>
 </template>
 
 
 <script setup lang="ts">
   import type { IJob } from './utils';
-  import { IconCheckCircleOutline, IconCloseCircleOutline, IconExclamationCircleOutline } from '@iconify-prerendered/vue-flowbite';
+  import { IconCheckCircleOutline, IconCloseCircleOutline, IconExclamationCircleOutline, IconClockOutline } from '@iconify-prerendered/vue-flowbite';
   import { Spinner, Tooltip } from '@/afcl';
   import { useI18n } from 'vue-i18n';
 
   const { t } = useI18n();
 
   const props = defineProps<{
-    job: IJob;
+    job?: IJob;
+    status?: 'SCHEDULED' | 'IN_PROGRESS' | 'DONE' | 'FAILED' | 'CANCELLED' | 'DONE_WITH_ERRORS';
   }>();
 </script>

package/dist/custom/JobInfoPopup.vue

@@ -111,7 +111,7 @@ async function getJobTasks(limit: number = 10, offset: number = 0): Promise<{sta
       },
     });
     if (res.ok) {
-      return res.tasks;
+      return res.data;
     } else {
       console.error('Error fetching job tasks:', res.error);
       return [];

package/dist/custom/StateToIcon.vue

@@ -1,40 +1,53 @@
 <template>
-  <Tooltip v-if="job.status === 'IN_PROGRESS'">
+  <Tooltip v-if="job?.status === 'IN_PROGRESS' || status === 'IN_PROGRESS'">
     <Spinner class="w-5 h-5 ml-2" />
     <template #tooltip>
       {{ t('In progress') }}
     </template>
   </Tooltip>
-  <Tooltip v-else-if="job.status === 'DONE'">
+  <Tooltip v-else-if="job?.status === 'DONE' || status === 'DONE'">
     <IconCheckCircleOutline  class="w-6 h-6 ml-2 text-green-500" />
     <template #tooltip>
       {{ t('Done') }}
     </template>
   </Tooltip>
-  <Tooltip v-else-if="job.status === 'CANCELLED'">
+  <Tooltip v-else-if="job?.status === 'CANCELLED' || status === 'CANCELLED'">
     <IconCloseCircleOutline class="w-6 h-6 ml-2 text-red-500" />
     <template #tooltip>
       {{ t('Cancelled') }}
     </template>
   </Tooltip>
-  <Tooltip v-else-if="job.status === 'DONE_WITH_ERRORS'">
+  <Tooltip v-else-if="job?.status === 'DONE_WITH_ERRORS' || status === 'DONE_WITH_ERRORS'">
     <IconExclamationCircleOutline class="w-6 h-6 ml-2 text-yellow-500" />
     <template #tooltip>
       {{ t('Done with errors') }}
     </template>
   </Tooltip>
+  <Tooltip v-else-if="status === 'FAILED'">
+    <IconCloseCircleOutline class="w-6 h-6 ml-2 text-red-500" />
+    <template #tooltip>
+      {{ t('Failed') }}
+    </template>
+  </Tooltip>
+  <Tooltip v-else-if="status === 'SCHEDULED'">
+    <IconClockOutline class="w-6 h-6 ml-2 text-blue-500" />
+    <template #tooltip>
+      {{ t('Scheduled') }}
+    </template>
+  </Tooltip>
 </template>
 
 
 <script setup lang="ts">
   import type { IJob } from './utils';
-  import { IconCheckCircleOutline, IconCloseCircleOutline, IconExclamationCircleOutline } from '@iconify-prerendered/vue-flowbite';
+  import { IconCheckCircleOutline, IconCloseCircleOutline, IconExclamationCircleOutline, IconClockOutline } from '@iconify-prerendered/vue-flowbite';
   import { Spinner, Tooltip } from '@/afcl';
   import { useI18n } from 'vue-i18n';
 
   const { t } = useI18n();
 
   const props = defineProps<{
-    job: IJob;
+    job?: IJob;
+    status?: 'SCHEDULED' | 'IN_PROGRESS' | 'DONE' | 'FAILED' | 'CANCELLED' | 'DONE_WITH_ERRORS';
   }>();
 </script>

package/dist/index.js

@@ -39,7 +39,6 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
         return __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
             _super.modifyResourceConfig.call(this, adminforth, resourceConfig);
-            console.log('Modifying resource config for Background Jobs Plugin');
             if (!((_b = (_a = adminforth.config.customization) === null || _a === void 0 ? void 0 : _a.globalInjections) === null || _b === void 0 ? void 0 : _b.header)) {
                 adminforth.config.customization.globalInjections.header = [];
             }
@@ -49,6 +48,12 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
                     pluginInstanceId: this.pluginInstanceId,
                 }
             });
+            if (!this.adminforth.config.componentsToExplicitRegister) {
+                this.adminforth.config.componentsToExplicitRegister = [];
+            }
+            this.adminforth.config.componentsToExplicitRegister.push({
+                file: this.componentPath('StateToIcon.vue')
+            });
             if (!this.resourceConfig.hooks) {
                 this.resourceConfig.hooks = {};
             }
@@ -134,6 +139,12 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
             return Promise.resolve(null);
         });
     }
+    getTotalTasksInLevelDb(levelDb) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const count = yield levelDb.get('_meta:count');
+            return count ? parseInt(count, 10) : 0;
+        });
+    }
     registerTaskHandler({ jobHandlerName, handler, parallelLimit = 3, }) {
         //register the handler in a map with jobHandlerName as key and handler as value
         this.taskHandlers[jobHandlerName] = handler;
@@ -179,6 +190,7 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
             //create a level db instance for the job with name as jobId
             const jobLevelDb = new Level(`${this.options.levelDbPath || './background-jobs-dbs/'}job_${jobId}`, { valueEncoding: 'json' });
             this.levelDbInstances[jobId] = jobLevelDb;
+            yield jobLevelDb.put('_meta:count', `${tasks.length}`);
             const limit2 = pLimit(parrallelLimit);
             const createTaskRecordsPromises = tasks.map((task, index) => {
                 return limit2(() => this.createLevelDbTaskRecord(jobLevelDb, index.toString(), task.state));
@@ -495,7 +507,8 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
                     tasks.push(parsedTaskData);
                     taskIndex++;
                 }
-                return { ok: true, tasks };
+                const total = yield this.getTotalTasksInLevelDb(jobLevelDb);
+                return { ok: true, data: { tasks, total } };
             })
         });
     }

package/index.ts

@@ -41,7 +41,6 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
 
   async modifyResourceConfig(adminforth: IAdminForth, resourceConfig: AdminForthResource) {
     super.modifyResourceConfig(adminforth, resourceConfig);
-    console.log('Modifying resource config for Background Jobs Plugin');
     if (!adminforth.config.customization?.globalInjections?.header) {
       adminforth.config.customization.globalInjections.header = [];
     }
@@ -52,6 +51,15 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
       }
     });
 
+    if (!this.adminforth.config.componentsToExplicitRegister) {
+      this.adminforth.config.componentsToExplicitRegister = [];
+    }
+    this.adminforth.config.componentsToExplicitRegister.push(
+      {
+        file: this.componentPath('StateToIcon.vue')
+      }
+    );
+
     if (!this.resourceConfig.hooks) {
       this.resourceConfig.hooks = {};
     }
@@ -138,6 +146,11 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
     }
     return Promise.resolve(null);
   }
+
+  private async getTotalTasksInLevelDb(levelDb: Level): Promise<number> {
+    const count = await levelDb.get('_meta:count');
+    return count ? parseInt(count, 10) : 0;
+  }
   
   public registerTaskHandler({ jobHandlerName, handler, parallelLimit = 3,
   }:{jobHandlerName: string, handler: taskHandlerType, parallelLimit?: number}) {
@@ -197,7 +210,7 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
     //create a level db instance for the job with name as jobId
     const jobLevelDb = new Level(`${this.options.levelDbPath || './background-jobs-dbs/'}job_${jobId}`, { valueEncoding: 'json' });
     this.levelDbInstances[jobId] = jobLevelDb;
-
+    await jobLevelDb.put('_meta:count', `${tasks.length}`);
     const limit2 = pLimit(parrallelLimit);
     const createTaskRecordsPromises = tasks.map((task, index) => {
       return limit2(() => this.createLevelDbTaskRecord(jobLevelDb, index.toString(), task.state));
@@ -526,7 +539,9 @@ export default class BackgroundJobsPlugin extends AdminForthPlugin {
           tasks.push(parsedTaskData);
           taskIndex++;
         }
-        return { ok: true, tasks };
+          
+        const total = await this.getTotalTasksInLevelDb(jobLevelDb);
+        return { ok: true, data: { tasks, total } };
       }
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/background-jobs",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@vueuse/core": "^14.2.1",
-    "adminforth": "latest",
+    "adminforth": "^2.24.0",
     "async-mutex": "^0.5.0",
     "level": "^10.0.0",
     "p-limit": "^7.3.0"