From 4e65e24292745a374f0ec99fbcae00d58cf8752f Mon Sep 17 00:00:00 2001
From: Jordan Blasenhauer <blasenhauer.jordan.dev@gmail.com>
Date: Tue, 18 Jun 2024 11:17:18 +0200
Subject: [PATCH] start jobs builder + add table filter + overflow

* update python jobs builder (start merging in the builder format)
* update some header and keys to filter
* add filter table items logic on Filter component
* fix table overflow style update with filtering
* add i18n
---
 vuejs/client/src/components/Builder/Jobs.vue  |   91 +
 vuejs/client/src/components/Widget/Filter.vue |   31 +-
 vuejs/client/src/components/Widget/Table.vue  |   50 +-
 vuejs/client/src/lang/en.json                 |   13 +-
 vuejs/client/src/pages/home/Home.vue          |    4 +-
 vuejs/client/src/pages/jobs/Jobs.vue          | 2661 +++++++++--------
 vuejs/jobs.json                               | 2544 ++++++++--------
 vuejs/test3.py                                |  155 +-
 8 files changed, 3013 insertions(+), 2536 deletions(-)
 create mode 100644 vuejs/client/src/components/Builder/Jobs.vue

diff --git a/vuejs/client/src/components/Builder/Jobs.vue b/vuejs/client/src/components/Builder/Jobs.vue
new file mode 100644
index 000000000..51958e0e2
--- /dev/null
+++ b/vuejs/client/src/components/Builder/Jobs.vue
@@ -0,0 +1,91 @@
+<script setup>
+// Containers
+import Grid from "@components/Widget/Grid.vue";
+import GridLayout from "@components/Widget/GridLayout.vue";
+import Table from "@components/Widget/Table.vue";
+import Title from "@components/Widget/Title.vue";
+
+/**
+  @name Builder/Jobs.vue
+  @description This component is lightweight builder containing only the necessary components to create the jobs page.
+  @example
+[
+    {
+        "type": "card",
+        "containerColumns": {
+            "pc": 4,
+            "tablet": 6,
+            "mobile": 12
+        },
+        "widgets": [
+            {
+                "type": "table",
+                "data": {
+                    "title": "jobs_table_title",
+                    "minWidth": "lg",
+                    "header": [
+                        "jobs_table_name",
+                        "jobs_table_plugin_id",
+                        "jobs_table_interval",
+                        "jobs_table_last_run",
+                        "jobs_table_success",
+                        "jobs_table_last_run_date",
+                        "jobs_table_cache"
+                    ],
+                    "positions": [
+                        2,
+                        2,
+                        1,
+                        1,
+                        1,
+                        3,
+                        2
+                    ],
+                    "items": [
+                        [
+                            {
+                                "name": "anonymous-report",
+                                "type": "Text",
+                                "data": {
+                                    "text": "anonymous-report"
+                                }
+                            },
+                        ],
+                    ]
+                }
+            }
+        ]
+    }
+]
+  @param {array} builder - Array of containers and widgets
+*/
+
+const props = defineProps({
+  builder: {
+    type: Array,
+    required: true,
+  },
+});
+</script>
+
+<template>
+  <!-- top level grid (layout) -->
+  <GridLayout
+    v-for="(container, index) in props.builder"
+    :key="index"
+    :gridLayoutClass="container.containerClass"
+    :type="container.type"
+    :title="container.title"
+    :link="container.link"
+    :columns="container.containerColumns"
+  >
+    <!-- widget grid -->
+    <Grid>
+      <!-- widget element -->
+      <template v-for="(widget, index) in container.widgets" :key="index">
+        <Table v-if="widget.type === 'Table'" v-bind="widget.data" />
+        <Title v-if="widget.type === 'Title'" v-bind="widget.data" />
+      </template>
+    </Grid>
+  </GridLayout>
+</template>
diff --git a/vuejs/client/src/components/Widget/Filter.vue b/vuejs/client/src/components/Widget/Filter.vue
index e2e7adf75..d7cb91ac3 100644
--- a/vuejs/client/src/components/Widget/Filter.vue
+++ b/vuejs/client/src/components/Widget/Filter.vue
@@ -13,13 +13,14 @@ import { useFilter } from "@utils/form.js";
   We have default values that avoid filter ("all" for select and "" for keyword).
   Filters are fields so we need to provide a "field" key with same structure as a Field.
   We have to define "keys" that will be the keys the filter value will check.
-  We can set filter :"default" in order to filter the base keys of an object.
-  We can set filter :"settings" in order to filter settings, data must be an advanced template.
+  We can set filter "default" in order to filter the base keys of an object.
+  We can set filter "settings" in order to filter settings, data must be an advanced template.
+  We can set filter "table" in order to filter table items.
   Check example for more details.
   @example
     [
       {
-        filter: "default", // or "settings" 
+        filter: "default", // or "settings"  or "table"
         type: "select",
         value: "all",
         keys: ["type"],
@@ -85,8 +86,6 @@ function filterData(filter, value) {
   let template = JSON.parse(JSON.stringify(props.data));
   const getFilters = JSON.parse(JSON.stringify(filters.base));
 
-  // Filter order for template : plugins, settings
-
   // Base keys filtering (like plugin)
   const defaultFilters = getFilters.filter((f) => f.filter === "default");
   template = useFilter(template, defaultFilters);
@@ -117,6 +116,28 @@ function filterData(filter, value) {
     });
   }
 
+  // Base keys filtering (like plugin)
+  const tableFilters = getFilters.filter((f) => f.filter === "table");
+  if (tableFilters.length) {
+    // Loop on each array of array
+    for (let i = 0; i < template.length; i++) {
+      const row = template[i];
+      // We need to check one complete row on filter
+      // So we need to merge all keys of each column
+      const mergeRow = {};
+      row.forEach((item) => {
+        Object.keys(item).forEach((key) => {
+          mergeRow[key] = item[key];
+        });
+      });
+      const newRow = useFilter([mergeRow], tableFilters);
+      // Case newRow is empty array, didn't pass filter
+      if (Array.isArray(newRow) && newRow.length <= 0) template[i] = [];
+    }
+    // Remove empty row
+    template = template.filter((row) => row.length > 0);
+  }
+
   emits("filter", template);
 }
 </script>
diff --git a/vuejs/client/src/components/Widget/Table.vue b/vuejs/client/src/components/Widget/Table.vue
index 81d3e5d20..0be5509da 100644
--- a/vuejs/client/src/components/Widget/Table.vue
+++ b/vuejs/client/src/components/Widget/Table.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { reactive, computed, ref, onMounted, onUpdated } from "vue";
+import { reactive, computed, ref, onMounted, watch } from "vue";
 import { v4 as uuidv4 } from "uuid";
 import Container from "@components/Widget/Container.vue";
 import Text from "@components/Widget/Text.vue";
@@ -33,7 +33,7 @@ import Filter from "@components/Widget/Filter.vue";
       ],
       ...
     ],
-  
+
   const  filters = [
   {
     filter: "default",
@@ -123,11 +123,12 @@ const tableHeader = ref(null);
 
 const table = reactive({
   id: uuidv4(),
+  overflow: "0px",
   length: computed(() => {
     return props.header.length;
   }),
   rowLength: computed(() => {
-    return props.items.length;
+    return table.itemsFormat.length;
   }),
   title: computed(() => {
     return props.title ? props.title : "dashboard_table";
@@ -139,22 +140,27 @@ const table = reactive({
 });
 
 function getOverflow() {
-  const overflow =
-    tableBody.value.getBoundingClientRect().width - tableBody.value.clientWidth;
+  setTimeout(() => {
+    const overflow =
+      +tableBody.value.getBoundingClientRect().width -
+      +tableBody.value.clientWidth;
 
-  if (overflow > 0) {
-    return (tableHeader.value.style.paddingRight = `${overflow}px`);
-  }
-
-  // remove style
-  return tableHeader.value.removeAttribute("style");
+    table.overflow = tableHeader.value.style.paddingRight = `${overflow}px`;
+    if (overflow <= 0) {
+      return tableHeader.value.removeAttribute("style");
+    }
+  }, 10);
 }
 
-onMounted(() => {
-  getOverflow();
-});
+// whatch itemsFormat changes
+watch(
+  () => table.itemsFormat,
+  () => {
+    getOverflow();
+  }
+);
 
-onUpdated(() => {
+onMounted(() => {
   getOverflow();
 });
 </script>
@@ -163,7 +169,7 @@ onUpdated(() => {
   <Container :containerClass="`${props.containerClass} table-container`">
     <Filter
       v-if="filters.length"
-      @filter="(v) => (table.itemsFormat = filterData)"
+      @filter="(v) => (table.itemsFormat = v)"
       :data="table.itemsBase"
       :filters="filters"
     />
@@ -190,20 +196,24 @@ onUpdated(() => {
             :class="['table-header-item', `col-span-${props.positions[id]}`]"
           >
             <th role="columnheader">
-              {{ head }}
+              {{ $t(head, head) }}
             </th>
           </tr>
         </thead>
         <tbody data-table-body ref="tableBody" class="table-content">
           <tr
-            v-for="rowId in table.rowLength - 1"
+            v-for="rowId in table.rowLength"
+            :key="rowId - 1"
             role="row"
             :aria-rowindex="rowId"
             class="table-content-item"
           >
-            <template v-for="(col, id) in table.itemsFormat[rowId]">
+            <template
+              v-for="(col, id) in table.itemsFormat[rowId - 1]"
+              :key="col"
+            >
               <td
-                role="Scell"
+                role="cell"
                 :class="[
                   'table-content-item-wrap',
                   `col-span-${props.positions[id]}`,
diff --git a/vuejs/client/src/lang/en.json b/vuejs/client/src/lang/en.json
index d716a1f44..16ca2c1de 100644
--- a/vuejs/client/src/lang/en.json
+++ b/vuejs/client/src/lang/en.json
@@ -180,6 +180,7 @@
   "instances_status": "status",
   "instances_active": "active",
   "instances_inactive": "inactive",
+  "jobs_title": "Jobs list",
   "jobs_download_cache_file": "download cache files",
   "jobs_search": "search jobs",
   "jobs_search_desc": "Search within job name, plugin id or last run.",
@@ -187,6 +188,14 @@
   "jobs_interval_desc": "Choose interval between available options.",
   "jobs_success": "success",
   "jobs_success_desc": "Choose the job success state.",
-  "jobs_last_run": "last run",
-  "jobs_last_run_desc": "Choose the job last run state."
+  "jobs_reload": "reload",
+  "jobs_reload_desc": "Choose the job reload state.",
+  "jobs_table_title" :"Jobs list with plugin id, name, last run, interval and success state.",
+  "jobs_table_name" : "Name",
+  "jobs_table_plugin_id" : "Plugin id",
+  "jobs_table_interval" : "Interval",
+  "jobs_table_reload" : "Reload",
+  "jobs_table_success" : "Success",
+  "jobs_table_last_run_date" : "Last run date",
+  "jobs_table_cache" : "Cache"
 }
diff --git a/vuejs/client/src/pages/home/Home.vue b/vuejs/client/src/pages/home/Home.vue
index 9743323f4..2b13a0516 100644
--- a/vuejs/client/src/pages/home/Home.vue
+++ b/vuejs/client/src/pages/home/Home.vue
@@ -1,9 +1,9 @@
 <script setup>
 import { reactive, onBeforeMount, onMounted } from "vue";
-import DashboardLayout from "@components/Dashboard/Layout.vue";
-import BuilderHome from "@components/Builder/Home.vue";
 import { useGlobal } from "@utils/global.js";
 import { useForm } from "@utils/form.js";
+import DashboardLayout from "@components/Dashboard/Layout.vue";
+import BuilderHome from "@components/Builder/Home.vue";
 
 /** 
   @name Page/Home.vue
diff --git a/vuejs/client/src/pages/jobs/Jobs.vue b/vuejs/client/src/pages/jobs/Jobs.vue
index d75143d82..12f0ccedc 100644
--- a/vuejs/client/src/pages/jobs/Jobs.vue
+++ b/vuejs/client/src/pages/jobs/Jobs.vue
@@ -1,12 +1,10 @@
 <script setup>
 import { reactive, onBeforeMount, onMounted } from "vue";
-import { v4 as uuidv4 } from "uuid";
 import { useGlobal } from "@utils/global.js";
 import { useForm } from "@utils/form.js";
 import DashboardLayout from "@components/Dashboard/Layout.vue";
-import GridLayout from "@components/Widget/GridLayout.vue";
-import Grid from "@components/Widget/Grid.vue";
-import Table from "@components/Widget/Table.vue";
+import BuilderJobs from "@components/Builder/Jobs.vue";
+
 /**
   @name Page/Jobs.vue
   @description This component is the jobs page.
@@ -50,1339 +48,1348 @@ onMounted(() => {
 //       },
 //     ],
 //   },
-const tableData = {
-  title: "Table title",
-  minWidth: "lg",
-  header: [
-    "Name",
-    "Plugin id",
-    "Interval",
-    "Last run",
-    "Success",
-    "last run date",
-    "Cache",
-  ],
-  positions: [2, 2, 1, 1, 1, 2, 3],
-  items: [
-    [
-      {
-        name: "anonymous-report",
-        type: "Text",
-        data: {
-          text: "anonymous-report",
-        },
-      },
-      {
-        plugin_id: "misc",
-        type: "Text",
-        data: {
-          text: "misc",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "failed",
-        type: "Icons",
-        data: {
-          iconColor: "error",
-          iconName: "cross",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:11 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:11 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "backup-data",
-        type: "Text",
-        data: {
-          text: "backup-data",
-        },
-      },
-      {
-        plugin_id: "backup",
-        type: "Text",
-        data: {
-          text: "backup",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "failed",
-        type: "Icons",
-        data: {
-          iconColor: "error",
-          iconName: "cross",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:10 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:10 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "blacklist-download",
-        type: "Text",
-        data: {
-          text: "blacklist-download",
-        },
-      },
-      {
-        plugin_id: "blacklist",
-        type: "Text",
-        data: {
-          text: "blacklist",
-        },
-      },
-      {
-        every: "hour",
-        type: "Text",
-        data: {
-          text: "hour",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:09 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:09 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "bunkernet-data",
-        type: "Text",
-        data: {
-          text: "bunkernet-data",
-        },
-      },
-      {
-        plugin_id: "bunkernet",
-        type: "Text",
-        data: {
-          text: "bunkernet",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:11 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:11 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "bunkernet-register",
-        type: "Text",
-        data: {
-          text: "bunkernet-register",
-        },
-      },
-      {
-        plugin_id: "bunkernet",
-        type: "Text",
-        data: {
-          text: "bunkernet",
-        },
-      },
-      {
-        every: "hour",
-        type: "Text",
-        data: {
-          text: "hour",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:09 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:09 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "certbot-new",
-        type: "Text",
-        data: {
-          text: "certbot-new",
-        },
-      },
-      {
-        plugin_id: "letsencrypt",
-        type: "Text",
-        data: {
-          text: "letsencrypt",
-        },
-      },
-      {
-        every: "once",
-        type: "Text",
-        data: {
-          text: "once",
-        },
-      },
-      {
-        reload: "failed",
-        type: "Icons",
-        data: {
-          iconColor: "error",
-          iconName: "cross",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:08 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:08 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "certbot-renew",
-        type: "Text",
-        data: {
-          text: "certbot-renew",
-        },
-      },
-      {
-        plugin_id: "letsencrypt",
-        type: "Text",
-        data: {
-          text: "letsencrypt",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:09 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:09 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "coreruleset-nightly",
-        type: "Text",
-        data: {
-          text: "coreruleset-nightly",
-        },
-      },
-      {
-        plugin_id: "modsecurity",
-        type: "Text",
-        data: {
-          text: "modsecurity",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:09 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:09 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "custom-cert",
-        type: "Text",
-        data: {
-          text: "custom-cert",
-        },
-      },
-      {
-        plugin_id: "customcert",
-        type: "Text",
-        data: {
-          text: "customcert",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:10 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:10 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "default-server-cert",
-        type: "Text",
-        data: {
-          text: "default-server-cert",
-        },
-      },
-      {
-        plugin_id: "misc",
-        type: "Text",
-        data: {
-          text: "misc",
-        },
-      },
-      {
-        every: "once",
-        type: "Text",
-        data: {
-          text: "once",
-        },
-      },
-      {
-        reload: "failed",
-        type: "Icons",
-        data: {
-          iconColor: "error",
-          iconName: "cross",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:10 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:10 PM",
-        },
-      },
-      {
-        cache: "none default-server-cert.pem default-server-cert.key",
-        type: "Fields",
-        data: {
-          setting: {
-            id: "default-server-cert_cache",
-            label: "default-server-cert_cache",
-            hideLabel: true,
-            inpType: "select",
-            name: "default-server-cert_cache",
-            value: "none",
-            values: [
-              "none",
-              "default-server-cert.pem",
-              "default-server-cert.key",
-            ],
-            columns: {
-              pc: 12,
-              tablet: 12,
-              mobile: 12,
-            },
-            overflowAttrEl: "data-table-body",
-            containerClass: "table",
-            maxBtnChars: 30,
-            popovers: [
-              {
-                iconColor: "info",
-                iconName: "info",
-                text: "jobs_download_cache_file",
-              },
-            ],
-          },
-        },
-      },
-    ],
-    [
-      {
-        name: "download-plugins",
-        type: "Text",
-        data: {
-          text: "download-plugins",
-        },
-      },
-      {
-        plugin_id: "misc",
-        type: "Text",
-        data: {
-          text: "misc",
-        },
-      },
-      {
-        every: "once",
-        type: "Text",
-        data: {
-          text: "once",
-        },
-      },
-      {
-        reload: "failed",
-        type: "Icons",
-        data: {
-          iconColor: "error",
-          iconName: "cross",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:13 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:13 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "download-pro-plugins",
-        type: "Text",
-        data: {
-          text: "download-pro-plugins",
-        },
-      },
-      {
-        plugin_id: "pro",
-        type: "Text",
-        data: {
-          text: "pro",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:10 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:10 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "failover-backup",
-        type: "Text",
-        data: {
-          text: "failover-backup",
-        },
-      },
-      {
-        plugin_id: "jobs",
-        type: "Text",
-        data: {
-          text: "jobs",
-        },
-      },
-      {
-        every: "once",
-        type: "Text",
-        data: {
-          text: "once",
-        },
-      },
-      {
-        reload: "failed",
-        type: "Icons",
-        data: {
-          iconColor: "error",
-          iconName: "cross",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:16 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:16 PM",
-        },
-      },
-      {
-        cache: "none folder:/var/tmp/bunkerweb/failover.tgz",
-        type: "Fields",
-        data: {
-          setting: {
-            id: "failover-backup_cache",
-            label: "failover-backup_cache",
-            hideLabel: true,
-            inpType: "select",
-            name: "failover-backup_cache",
-            value: "none",
-            values: ["none", "folder:/var/tmp/bunkerweb/failover.tgz"],
-            columns: {
-              pc: 12,
-              tablet: 12,
-              mobile: 12,
-            },
-            overflowAttrEl: "data-table-body",
-            containerClass: "table",
-            maxBtnChars: 30,
-            popovers: [
-              {
-                iconColor: "info",
-                iconName: "info",
-                text: "jobs_download_cache_file",
-              },
-            ],
-          },
-        },
-      },
-    ],
-    [
-      {
-        name: "greylist-download",
-        type: "Text",
-        data: {
-          text: "greylist-download",
-        },
-      },
-      {
-        plugin_id: "greylist",
-        type: "Text",
-        data: {
-          text: "greylist",
-        },
-      },
-      {
-        every: "hour",
-        type: "Text",
-        data: {
-          text: "hour",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:09 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:09 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "mmdb-asn",
-        type: "Text",
-        data: {
-          text: "mmdb-asn",
-        },
-      },
-      {
-        plugin_id: "jobs",
-        type: "Text",
-        data: {
-          text: "jobs",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:14 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:14 PM",
-        },
-      },
-      {
-        cache: "none asn.mmdb",
-        type: "Fields",
-        data: {
-          setting: {
-            id: "mmdb-asn_cache",
-            label: "mmdb-asn_cache",
-            hideLabel: true,
-            inpType: "select",
-            name: "mmdb-asn_cache",
-            value: "none",
-            values: ["none", "asn.mmdb"],
-            columns: {
-              pc: 12,
-              tablet: 12,
-              mobile: 12,
-            },
-            overflowAttrEl: "data-table-body",
-            containerClass: "table",
-            maxBtnChars: 30,
-            popovers: [
-              {
-                iconColor: "info",
-                iconName: "info",
-                text: "jobs_download_cache_file",
-              },
-            ],
-          },
-        },
-      },
-    ],
-    [
-      {
-        name: "mmdb-country",
-        type: "Text",
-        data: {
-          text: "mmdb-country",
-        },
-      },
-      {
-        plugin_id: "jobs",
-        type: "Text",
-        data: {
-          text: "jobs",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:12 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:12 PM",
-        },
-      },
-      {
-        cache: "none country.mmdb",
-        type: "Fields",
-        data: {
-          setting: {
-            id: "mmdb-country_cache",
-            label: "mmdb-country_cache",
-            hideLabel: true,
-            inpType: "select",
-            name: "mmdb-country_cache",
-            value: "none",
-            values: ["none", "country.mmdb"],
-            columns: {
-              pc: 12,
-              tablet: 12,
-              mobile: 12,
-            },
-            overflowAttrEl: "data-table-body",
-            containerClass: "table",
-            maxBtnChars: 30,
-            popovers: [
-              {
-                iconColor: "info",
-                iconName: "info",
-                text: "jobs_download_cache_file",
-              },
-            ],
-          },
-        },
-      },
-    ],
-    [
-      {
-        name: "realip-download",
-        type: "Text",
-        data: {
-          text: "realip-download",
-        },
-      },
-      {
-        plugin_id: "realip",
-        type: "Text",
-        data: {
-          text: "realip",
-        },
-      },
-      {
-        every: "hour",
-        type: "Text",
-        data: {
-          text: "hour",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:09 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:09 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "self-signed",
-        type: "Text",
-        data: {
-          text: "self-signed",
-        },
-      },
-      {
-        plugin_id: "selfsigned",
-        type: "Text",
-        data: {
-          text: "selfsigned",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:10 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:10 PM",
-        },
-      },
-      {
-        cache: "none www.example.com/cert.pem www.example.com/key.pem",
-        type: "Fields",
-        data: {
-          setting: {
-            id: "self-signed_cache",
-            label: "self-signed_cache",
-            hideLabel: true,
-            inpType: "select",
-            name: "self-signed_cache",
-            value: "none",
-            values: [
-              "none",
-              "www.example.com/cert.pem",
-              "www.example.com/key.pem",
-            ],
-            columns: {
-              pc: 12,
-              tablet: 12,
-              mobile: 12,
-            },
-            overflowAttrEl: "data-table-body",
-            containerClass: "table",
-            maxBtnChars: 30,
-            popovers: [
-              {
-                iconColor: "info",
-                iconName: "info",
-                text: "jobs_download_cache_file",
-              },
-            ],
-          },
-        },
-      },
-    ],
-    [
-      {
-        name: "update-check",
-        type: "Text",
-        data: {
-          text: "update-check",
-        },
-      },
-      {
-        plugin_id: "jobs",
-        type: "Text",
-        data: {
-          text: "jobs",
-        },
-      },
-      {
-        every: "day",
-        type: "Text",
-        data: {
-          text: "day",
-        },
-      },
-      {
-        reload: "failed",
-        type: "Icons",
-        data: {
-          iconColor: "error",
-          iconName: "cross",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:15 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:15 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-    [
-      {
-        name: "whitelist-download",
-        type: "Text",
-        data: {
-          text: "whitelist-download",
-        },
-      },
-      {
-        plugin_id: "whitelist",
-        type: "Text",
-        data: {
-          text: "whitelist",
-        },
-      },
-      {
-        every: "hour",
-        type: "Text",
-        data: {
-          text: "hour",
-        },
-      },
-      {
-        reload: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        success: "success",
-        type: "Icons",
-        data: {
-          iconColor: "success",
-          iconName: "check",
-        },
-      },
-      {
-        last_run: "2024/06/14, 01:33:09 PM",
-        type: "Text",
-        data: {
-          text: "2024/06/14, 01:33:09 PM",
-        },
-      },
-      {
-        cache: [],
-        type: "Text",
-        data: {
-          text: "",
-        },
-      },
-    ],
-  ],
-};
 
-function getIntervals() {
-  const intervals = [];
-  // Loop on items
-  for (let i = 0; i < tableData.items.length; i++) {
-    // Loop on items[i]
-    for (let j = 0; j < tableData.items[i].length; j++) {
-      // Loop on object keys and
-      for (const key in tableData.items[i][j]) {
-        // Check if key is 'every'
-        if (
-          key === "every" &&
-          !intervals.includes(tableData.items[i][j][key])
-        ) {
-          // Push the value to intervals array
-          intervals.push(tableData.items[i][j][key]);
-        }
-      }
-    }
-  }
-  return intervals;
-}
-
-const filters = [
+const builder = [
   {
-    filter: "table",
-    filterName: "keyword",
-    type: "keyword",
-    value: "",
-    keys: ["name", "plugin_id", "last_run"],
-    field: {
-      id: uuidv4(),
-      value: "",
-      type: "text",
-      name: uuidv4(),
-      containerClass: "setting",
-      label: "jobs_search",
-      placeholder: "inp_keyword",
-      isClipboard: false,
-      popovers: [
-        {
-          text: "jobs_search_desc",
-          iconName: "info",
-          iconColor: "info",
-        },
-      ],
-      columns: { pc: 3, tablet: 4, mobile: 12 },
+    type: "card",
+    containerColumns: {
+      pc: 12,
+      tablet: 12,
+      mobile: 12,
     },
-  },
-  {
-    filter: "table",
-    filterName: "every",
-    type: "select",
-    value: "all",
-    keys: ["every"],
-    field: {
-      id: uuidv4(),
-      value: "all",
-      // add 'all' as first value
-      values: ["all"].concat(getIntervals()),
-      name: uuidv4(),
-      onlyDown: true,
-      label: "jobs_interval",
-      containerClass: "setting",
-      popovers: [
-        {
-          text: "jobs_interval_desc",
-          iconName: "info",
-          iconColor: "info",
+    widgets: [
+      {
+        type: "Title",
+        data: {
+          title: "jobs_title",
+          tag: "h1",
+          type: "card",
         },
-      ],
-      columns: { pc: 3, tablet: 4, mobile: 12 },
-    },
-  },
-  {
-    filter: "table",
-    filterName: "success",
-    type: "select",
-    value: "all",
-    keys: ["success"],
-    field: {
-      id: uuidv4(),
-      value: "all",
-      // add 'all' as first value
-      values: ["all", "success", "failed"],
-      name: uuidv4(),
-      onlyDown: true,
-      containerClass: "setting",
-      label: "jobs_success",
-      popovers: [
-        {
-          text: "jobs_success_desc",
-          iconName: "info",
-          iconColor: "info",
+      },
+      {
+        type: "Table",
+        data: {
+          title: "jobs_table_title",
+          minWidth: "lg",
+          header: [
+            "jobs_table_name",
+            "jobs_table_plugin_id",
+            "jobs_table_interval",
+            "jobs_table_reload",
+            "jobs_table_success",
+            "jobs_table_last_run_date",
+            "jobs_table_cache",
+          ],
+          positions: [2, 2, 1, 1, 1, 2, 3],
+          items: [
+            [
+              {
+                name: "anonymous-report",
+                type: "Text",
+                data: {
+                  text: "anonymous-report",
+                },
+              },
+              {
+                plugin_id: "misc",
+                type: "Text",
+                data: {
+                  text: "misc",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "failed",
+                type: "Icons",
+                data: {
+                  iconColor: "error",
+                  iconName: "cross",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:11 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:11 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "backup-data",
+                type: "Text",
+                data: {
+                  text: "backup-data",
+                },
+              },
+              {
+                plugin_id: "backup",
+                type: "Text",
+                data: {
+                  text: "backup",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "failed",
+                type: "Icons",
+                data: {
+                  iconColor: "error",
+                  iconName: "cross",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:10 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:10 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "blacklist-download",
+                type: "Text",
+                data: {
+                  text: "blacklist-download",
+                },
+              },
+              {
+                plugin_id: "blacklist",
+                type: "Text",
+                data: {
+                  text: "blacklist",
+                },
+              },
+              {
+                every: "hour",
+                type: "Text",
+                data: {
+                  text: "hour",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:09 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:09 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "bunkernet-data",
+                type: "Text",
+                data: {
+                  text: "bunkernet-data",
+                },
+              },
+              {
+                plugin_id: "bunkernet",
+                type: "Text",
+                data: {
+                  text: "bunkernet",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:11 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:11 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "bunkernet-register",
+                type: "Text",
+                data: {
+                  text: "bunkernet-register",
+                },
+              },
+              {
+                plugin_id: "bunkernet",
+                type: "Text",
+                data: {
+                  text: "bunkernet",
+                },
+              },
+              {
+                every: "hour",
+                type: "Text",
+                data: {
+                  text: "hour",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:09 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:09 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "certbot-new",
+                type: "Text",
+                data: {
+                  text: "certbot-new",
+                },
+              },
+              {
+                plugin_id: "letsencrypt",
+                type: "Text",
+                data: {
+                  text: "letsencrypt",
+                },
+              },
+              {
+                every: "once",
+                type: "Text",
+                data: {
+                  text: "once",
+                },
+              },
+              {
+                reload: "failed",
+                type: "Icons",
+                data: {
+                  iconColor: "error",
+                  iconName: "cross",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:08 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:08 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "certbot-renew",
+                type: "Text",
+                data: {
+                  text: "certbot-renew",
+                },
+              },
+              {
+                plugin_id: "letsencrypt",
+                type: "Text",
+                data: {
+                  text: "letsencrypt",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:09 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:09 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "coreruleset-nightly",
+                type: "Text",
+                data: {
+                  text: "coreruleset-nightly",
+                },
+              },
+              {
+                plugin_id: "modsecurity",
+                type: "Text",
+                data: {
+                  text: "modsecurity",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:09 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:09 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "custom-cert",
+                type: "Text",
+                data: {
+                  text: "custom-cert",
+                },
+              },
+              {
+                plugin_id: "customcert",
+                type: "Text",
+                data: {
+                  text: "customcert",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:10 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:10 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "default-server-cert",
+                type: "Text",
+                data: {
+                  text: "default-server-cert",
+                },
+              },
+              {
+                plugin_id: "misc",
+                type: "Text",
+                data: {
+                  text: "misc",
+                },
+              },
+              {
+                every: "once",
+                type: "Text",
+                data: {
+                  text: "once",
+                },
+              },
+              {
+                reload: "failed",
+                type: "Icons",
+                data: {
+                  iconColor: "error",
+                  iconName: "cross",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:10 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:10 PM",
+                },
+              },
+              {
+                cache: "none default-server-cert.pem default-server-cert.key",
+                type: "Fields",
+                data: {
+                  setting: {
+                    id: "default-server-cert_cache",
+                    label: "default-server-cert_cache",
+                    hideLabel: true,
+                    inpType: "select",
+                    name: "default-server-cert_cache",
+                    value: "none",
+                    values: [
+                      "none",
+                      "default-server-cert.pem",
+                      "default-server-cert.key",
+                    ],
+                    columns: {
+                      pc: 12,
+                      tablet: 12,
+                      mobile: 12,
+                    },
+                    overflowAttrEl: "data-table-body",
+                    containerClass: "table",
+                    maxBtnChars: 12,
+                    popovers: [
+                      {
+                        iconColor: "info",
+                        iconName: "info",
+                        text: "jobs_download_cache_file",
+                      },
+                    ],
+                  },
+                },
+              },
+            ],
+            [
+              {
+                name: "download-plugins",
+                type: "Text",
+                data: {
+                  text: "download-plugins",
+                },
+              },
+              {
+                plugin_id: "misc",
+                type: "Text",
+                data: {
+                  text: "misc",
+                },
+              },
+              {
+                every: "once",
+                type: "Text",
+                data: {
+                  text: "once",
+                },
+              },
+              {
+                reload: "failed",
+                type: "Icons",
+                data: {
+                  iconColor: "error",
+                  iconName: "cross",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:13 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:13 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "download-pro-plugins",
+                type: "Text",
+                data: {
+                  text: "download-pro-plugins",
+                },
+              },
+              {
+                plugin_id: "pro",
+                type: "Text",
+                data: {
+                  text: "pro",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:10 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:10 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "failover-backup",
+                type: "Text",
+                data: {
+                  text: "failover-backup",
+                },
+              },
+              {
+                plugin_id: "jobs",
+                type: "Text",
+                data: {
+                  text: "jobs",
+                },
+              },
+              {
+                every: "once",
+                type: "Text",
+                data: {
+                  text: "once",
+                },
+              },
+              {
+                reload: "failed",
+                type: "Icons",
+                data: {
+                  iconColor: "error",
+                  iconName: "cross",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:16 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:16 PM",
+                },
+              },
+              {
+                cache: "none folder:/var/tmp/bunkerweb/failover.tgz",
+                type: "Fields",
+                data: {
+                  setting: {
+                    id: "failover-backup_cache",
+                    label: "failover-backup_cache",
+                    hideLabel: true,
+                    inpType: "select",
+                    name: "failover-backup_cache",
+                    value: "none",
+                    values: ["none", "folder:/var/tmp/bunkerweb/failover.tgz"],
+                    columns: {
+                      pc: 12,
+                      tablet: 12,
+                      mobile: 12,
+                    },
+                    overflowAttrEl: "data-table-body",
+                    containerClass: "table",
+                    maxBtnChars: 12,
+                    popovers: [
+                      {
+                        iconColor: "info",
+                        iconName: "info",
+                        text: "jobs_download_cache_file",
+                      },
+                    ],
+                  },
+                },
+              },
+            ],
+            [
+              {
+                name: "greylist-download",
+                type: "Text",
+                data: {
+                  text: "greylist-download",
+                },
+              },
+              {
+                plugin_id: "greylist",
+                type: "Text",
+                data: {
+                  text: "greylist",
+                },
+              },
+              {
+                every: "hour",
+                type: "Text",
+                data: {
+                  text: "hour",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:09 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:09 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "mmdb-asn",
+                type: "Text",
+                data: {
+                  text: "mmdb-asn",
+                },
+              },
+              {
+                plugin_id: "jobs",
+                type: "Text",
+                data: {
+                  text: "jobs",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:14 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:14 PM",
+                },
+              },
+              {
+                cache: "none asn.mmdb",
+                type: "Fields",
+                data: {
+                  setting: {
+                    id: "mmdb-asn_cache",
+                    label: "mmdb-asn_cache",
+                    hideLabel: true,
+                    inpType: "select",
+                    name: "mmdb-asn_cache",
+                    value: "none",
+                    values: ["none", "asn.mmdb"],
+                    columns: {
+                      pc: 12,
+                      tablet: 12,
+                      mobile: 12,
+                    },
+                    overflowAttrEl: "data-table-body",
+                    containerClass: "table",
+                    maxBtnChars: 12,
+                    popovers: [
+                      {
+                        iconColor: "info",
+                        iconName: "info",
+                        text: "jobs_download_cache_file",
+                      },
+                    ],
+                  },
+                },
+              },
+            ],
+            [
+              {
+                name: "mmdb-country",
+                type: "Text",
+                data: {
+                  text: "mmdb-country",
+                },
+              },
+              {
+                plugin_id: "jobs",
+                type: "Text",
+                data: {
+                  text: "jobs",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:12 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:12 PM",
+                },
+              },
+              {
+                cache: "none country.mmdb",
+                type: "Fields",
+                data: {
+                  setting: {
+                    id: "mmdb-country_cache",
+                    label: "mmdb-country_cache",
+                    hideLabel: true,
+                    inpType: "select",
+                    name: "mmdb-country_cache",
+                    value: "none",
+                    values: ["none", "country.mmdb"],
+                    columns: {
+                      pc: 12,
+                      tablet: 12,
+                      mobile: 12,
+                    },
+                    overflowAttrEl: "data-table-body",
+                    containerClass: "table",
+                    maxBtnChars: 12,
+                    popovers: [
+                      {
+                        iconColor: "info",
+                        iconName: "info",
+                        text: "jobs_download_cache_file",
+                      },
+                    ],
+                  },
+                },
+              },
+            ],
+            [
+              {
+                name: "realip-download",
+                type: "Text",
+                data: {
+                  text: "realip-download",
+                },
+              },
+              {
+                plugin_id: "realip",
+                type: "Text",
+                data: {
+                  text: "realip",
+                },
+              },
+              {
+                every: "hour",
+                type: "Text",
+                data: {
+                  text: "hour",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:09 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:09 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "self-signed",
+                type: "Text",
+                data: {
+                  text: "self-signed",
+                },
+              },
+              {
+                plugin_id: "selfsigned",
+                type: "Text",
+                data: {
+                  text: "selfsigned",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:10 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:10 PM",
+                },
+              },
+              {
+                cache: "none www.example.com/cert.pem www.example.com/key.pem",
+                type: "Fields",
+                data: {
+                  setting: {
+                    id: "self-signed_cache",
+                    label: "self-signed_cache",
+                    hideLabel: true,
+                    inpType: "select",
+                    name: "self-signed_cache",
+                    value: "none",
+                    values: [
+                      "none",
+                      "www.example.com/cert.pem",
+                      "www.example.com/key.pem",
+                    ],
+                    columns: {
+                      pc: 12,
+                      tablet: 12,
+                      mobile: 12,
+                    },
+                    overflowAttrEl: "data-table-body",
+                    containerClass: "table",
+                    maxBtnChars: 12,
+                    popovers: [
+                      {
+                        iconColor: "info",
+                        iconName: "info",
+                        text: "jobs_download_cache_file",
+                      },
+                    ],
+                  },
+                },
+              },
+            ],
+            [
+              {
+                name: "update-check",
+                type: "Text",
+                data: {
+                  text: "update-check",
+                },
+              },
+              {
+                plugin_id: "jobs",
+                type: "Text",
+                data: {
+                  text: "jobs",
+                },
+              },
+              {
+                every: "day",
+                type: "Text",
+                data: {
+                  text: "day",
+                },
+              },
+              {
+                reload: "failed",
+                type: "Icons",
+                data: {
+                  iconColor: "error",
+                  iconName: "cross",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:15 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:15 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+            [
+              {
+                name: "whitelist-download",
+                type: "Text",
+                data: {
+                  text: "whitelist-download",
+                },
+              },
+              {
+                plugin_id: "whitelist",
+                type: "Text",
+                data: {
+                  text: "whitelist",
+                },
+              },
+              {
+                every: "hour",
+                type: "Text",
+                data: {
+                  text: "hour",
+                },
+              },
+              {
+                reload: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                success: "success",
+                type: "Icons",
+                data: {
+                  iconColor: "success",
+                  iconName: "check",
+                },
+              },
+              {
+                last_run: "2024/06/14, 01:33:09 PM",
+                type: "Text",
+                data: {
+                  text: "2024/06/14, 01:33:09 PM",
+                },
+              },
+              {
+                cache: [],
+                type: "Text",
+                data: {
+                  text: "",
+                },
+              },
+            ],
+          ],
+          filters: [
+            {
+              filter: "table",
+              filterName: "keyword",
+              type: "keyword",
+              value: "",
+              keys: ["name", "plugin_id", "last_run"],
+              field: {
+                id: "jobs-keyword",
+                value: "",
+                type: "text",
+                name: "jobs-keyword",
+                containerClass: "setting",
+                label: "jobs_search",
+                placeholder: "inp_keyword",
+                isClipboard: false,
+                popovers: [
+                  {
+                    text: "jobs_search_desc",
+                    iconName: "info",
+                    iconColor: "info",
+                  },
+                ],
+                columns: {
+                  pc: 3,
+                  tablet: 4,
+                  mobile: 12,
+                },
+              },
+            },
+            {
+              filter: "table",
+              filterName: "every",
+              type: "select",
+              value: "all",
+              keys: ["every"],
+              field: {
+                id: "jobs-every",
+                value: "all",
+                values: ["all", "day", "hour", "once"],
+                name: "jobs-every",
+                onlyDown: true,
+                label: "jobs_interval",
+                containerClass: "setting",
+                popovers: [
+                  {
+                    text: "jobs_interval_desc",
+                    iconName: "info",
+                    iconColor: "info",
+                  },
+                ],
+                columns: {
+                  pc: 3,
+                  tablet: 4,
+                  mobile: 12,
+                },
+              },
+            },
+            {
+              filter: "table",
+              filterName: "success",
+              type: "select",
+              value: "all",
+              keys: ["success"],
+              field: {
+                id: "jobs-success",
+                value: "all",
+                values: ["all", "success", "failed"],
+                name: "jobs-success",
+                onlyDown: true,
+                containerClass: "setting",
+                label: "jobs_success",
+                popovers: [
+                  {
+                    text: "jobs_success_desc",
+                    iconName: "info",
+                    iconColor: "info",
+                  },
+                ],
+                columns: {
+                  pc: 3,
+                  tablet: 4,
+                  mobile: 12,
+                },
+              },
+            },
+            {
+              filter: "table",
+              filterName: "reload",
+              type: "select",
+              value: "all",
+              keys: ["reload"],
+              field: {
+                id: "jobs-last-run",
+                value: "all",
+                values: ["all", "success", "failed"],
+                name: "jobs-last-run",
+                onlyDown: true,
+                containerClass: "setting",
+                label: "jobs_reload",
+                popovers: [
+                  {
+                    text: "jobs_reload_desc",
+                    iconName: "info",
+                    iconColor: "info",
+                  },
+                ],
+                columns: {
+                  pc: 3,
+                  tablet: 4,
+                  mobile: 12,
+                },
+              },
+            },
+          ],
         },
-      ],
-      columns: { pc: 3, tablet: 4, mobile: 12 },
-    },
-  },
-  {
-    filter: "table",
-    filterName: "last_run",
-    type: "select",
-    value: "all",
-    keys: ["last_run"],
-    field: {
-      id: uuidv4(),
-      value: "all",
-      // add 'all' as first value
-      values: ["all", "success", "failed"],
-      name: uuidv4(),
-      onlyDown: true,
-      containerClass: "setting",
-      label: "jobs_last_run",
-      popovers: [
-        {
-          text: "jobs_last_run_desc",
-          iconName: "info",
-          iconColor: "info",
-        },
-      ],
-      columns: { pc: 3, tablet: 4, mobile: 12 },
-    },
+      },
+    ],
   },
 ];
 </script>
 
 <template>
   <DashboardLayout>
-    <GridLayout :columns="{ pc: 12, tablet: 12, mobile: 12 }">
-      <!-- widget grid -->
-      <Grid>
-        <Table :filters="filters" v-bind="tableData" />
-      </Grid>
-    </GridLayout>
+    <BuilderJobs v-if="builder" :builder="builder" />
   </DashboardLayout>
 </template>
diff --git a/vuejs/jobs.json b/vuejs/jobs.json
index f5ea7a187..426b53a3c 100644
--- a/vuejs/jobs.json
+++ b/vuejs/jobs.json
@@ -1,1185 +1,1377 @@
 [
-  [
     {
-      "name": "anonymous-report",
-      "type": "Text",
-      "data": {
-        "text": "anonymous-report"
-      }
-    },
-    {
-      "plugin_id": "misc",
-      "type": "Text",
-      "data": {
-        "text": "misc"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "failed",
-      "type": "Icons",
-      "data": {
-        "iconColor": "error",
-        "iconName": "cross"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:11 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:11 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "backup-data",
-      "type": "Text",
-      "data": {
-        "text": "backup-data"
-      }
-    },
-    {
-      "plugin_id": "backup",
-      "type": "Text",
-      "data": {
-        "text": "backup"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "failed",
-      "type": "Icons",
-      "data": {
-        "iconColor": "error",
-        "iconName": "cross"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:10 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:10 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "blacklist-download",
-      "type": "Text",
-      "data": {
-        "text": "blacklist-download"
-      }
-    },
-    {
-      "plugin_id": "blacklist",
-      "type": "Text",
-      "data": {
-        "text": "blacklist"
-      }
-    },
-    {
-      "every": "hour",
-      "type": "Text",
-      "data": {
-        "text": "hour"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:09 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:09 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "bunkernet-data",
-      "type": "Text",
-      "data": {
-        "text": "bunkernet-data"
-      }
-    },
-    {
-      "plugin_id": "bunkernet",
-      "type": "Text",
-      "data": {
-        "text": "bunkernet"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:11 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:11 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "bunkernet-register",
-      "type": "Text",
-      "data": {
-        "text": "bunkernet-register"
-      }
-    },
-    {
-      "plugin_id": "bunkernet",
-      "type": "Text",
-      "data": {
-        "text": "bunkernet"
-      }
-    },
-    {
-      "every": "hour",
-      "type": "Text",
-      "data": {
-        "text": "hour"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:09 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:09 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "certbot-new",
-      "type": "Text",
-      "data": {
-        "text": "certbot-new"
-      }
-    },
-    {
-      "plugin_id": "letsencrypt",
-      "type": "Text",
-      "data": {
-        "text": "letsencrypt"
-      }
-    },
-    {
-      "every": "once",
-      "type": "Text",
-      "data": {
-        "text": "once"
-      }
-    },
-    {
-      "reload": "failed",
-      "type": "Icons",
-      "data": {
-        "iconColor": "error",
-        "iconName": "cross"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:08 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:08 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "certbot-renew",
-      "type": "Text",
-      "data": {
-        "text": "certbot-renew"
-      }
-    },
-    {
-      "plugin_id": "letsencrypt",
-      "type": "Text",
-      "data": {
-        "text": "letsencrypt"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:09 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:09 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "coreruleset-nightly",
-      "type": "Text",
-      "data": {
-        "text": "coreruleset-nightly"
-      }
-    },
-    {
-      "plugin_id": "modsecurity",
-      "type": "Text",
-      "data": {
-        "text": "modsecurity"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:09 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:09 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "custom-cert",
-      "type": "Text",
-      "data": {
-        "text": "custom-cert"
-      }
-    },
-    {
-      "plugin_id": "customcert",
-      "type": "Text",
-      "data": {
-        "text": "customcert"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:10 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:10 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "default-server-cert",
-      "type": "Text",
-      "data": {
-        "text": "default-server-cert"
-      }
-    },
-    {
-      "plugin_id": "misc",
-      "type": "Text",
-      "data": {
-        "text": "misc"
-      }
-    },
-    {
-      "every": "once",
-      "type": "Text",
-      "data": {
-        "text": "once"
-      }
-    },
-    {
-      "reload": "failed",
-      "type": "Icons",
-      "data": {
-        "iconColor": "error",
-        "iconName": "cross"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:10 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:10 PM"
-      }
-    },
-    {
-      "cache": "none default-server-cert.pem default-server-cert.key",
-      "type": "Fields",
-      "data": {
-        "setting": {
-          "id": "default-server-cert_cache",
-          "label": "default-server-cert_cache",
-          "hideLabel": true,
-          "inpType": "select",
-          "name": "default-server-cert_cache",
-          "value": "none",
-          "values": [
-            "none",
-            "default-server-cert.pem",
-            "default-server-cert.key"
-          ],
-          "columns": {
+        "type": "card",
+        "containerColumns": {
             "pc": 12,
             "tablet": 12,
             "mobile": 12
-          },
-          "overflowAttrEl": "data-table-body",
-          "containerClass": "table",
-          "maxBtnChars": 12,
-          "popovers": [
+        },
+        "widgets": [
             {
-              "iconColor": "info",
-              "iconName": "info",
-              "text": "jobs_download_cache_file"
-            }
-          ]
-        }
-      }
-    }
-  ],
-  [
-    {
-      "name": "download-plugins",
-      "type": "Text",
-      "data": {
-        "text": "download-plugins"
-      }
-    },
-    {
-      "plugin_id": "misc",
-      "type": "Text",
-      "data": {
-        "text": "misc"
-      }
-    },
-    {
-      "every": "once",
-      "type": "Text",
-      "data": {
-        "text": "once"
-      }
-    },
-    {
-      "reload": "failed",
-      "type": "Icons",
-      "data": {
-        "iconColor": "error",
-        "iconName": "cross"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:13 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:13 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "download-pro-plugins",
-      "type": "Text",
-      "data": {
-        "text": "download-pro-plugins"
-      }
-    },
-    {
-      "plugin_id": "pro",
-      "type": "Text",
-      "data": {
-        "text": "pro"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:10 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:10 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "failover-backup",
-      "type": "Text",
-      "data": {
-        "text": "failover-backup"
-      }
-    },
-    {
-      "plugin_id": "jobs",
-      "type": "Text",
-      "data": {
-        "text": "jobs"
-      }
-    },
-    {
-      "every": "once",
-      "type": "Text",
-      "data": {
-        "text": "once"
-      }
-    },
-    {
-      "reload": "failed",
-      "type": "Icons",
-      "data": {
-        "iconColor": "error",
-        "iconName": "cross"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:16 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:16 PM"
-      }
-    },
-    {
-      "cache": "none folder:/var/tmp/bunkerweb/failover.tgz",
-      "type": "Fields",
-      "data": {
-        "setting": {
-          "id": "failover-backup_cache",
-          "label": "failover-backup_cache",
-          "hideLabel": true,
-          "inpType": "select",
-          "name": "failover-backup_cache",
-          "value": "none",
-          "values": ["none", "folder:/var/tmp/bunkerweb/failover.tgz"],
-          "columns": {
-            "pc": 12,
-            "tablet": 12,
-            "mobile": 12
-          },
-          "overflowAttrEl": "data-table-body",
-          "containerClass": "table",
-          "maxBtnChars": 12,
-          "popovers": [
+                "type": "Title",
+                "data": {
+                    "title": "jobs_title",
+                    "tag": "h1",
+                    "type": "card"
+                }
+            },
             {
-              "iconColor": "info",
-              "iconName": "info",
-              "text": "jobs_download_cache_file"
+                "type": "Table",
+                "data": {
+                    "title": "jobs_table_title",
+                    "minWidth": "lg",
+                    "header": [
+                        "jobs_table_name",
+                        "jobs_table_plugin_id",
+                        "jobs_table_interval",
+                        "jobs_table_reload",
+                        "jobs_table_success",
+                        "jobs_table_last_run_date",
+                        "jobs_table_cache"
+                    ],
+                    "positions": [
+                        2,
+                        2,
+                        1,
+                        1,
+                        1,
+                        2,
+                        3
+                    ],
+                    "items": [
+                        [
+                            {
+                                "name": "anonymous-report",
+                                "type": "Text",
+                                "data": {
+                                    "text": "anonymous-report"
+                                }
+                            },
+                            {
+                                "plugin_id": "misc",
+                                "type": "Text",
+                                "data": {
+                                    "text": "misc"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "failed",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "error",
+                                    "iconName": "cross"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:11 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:11 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "backup-data",
+                                "type": "Text",
+                                "data": {
+                                    "text": "backup-data"
+                                }
+                            },
+                            {
+                                "plugin_id": "backup",
+                                "type": "Text",
+                                "data": {
+                                    "text": "backup"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "failed",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "error",
+                                    "iconName": "cross"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:10 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:10 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "blacklist-download",
+                                "type": "Text",
+                                "data": {
+                                    "text": "blacklist-download"
+                                }
+                            },
+                            {
+                                "plugin_id": "blacklist",
+                                "type": "Text",
+                                "data": {
+                                    "text": "blacklist"
+                                }
+                            },
+                            {
+                                "every": "hour",
+                                "type": "Text",
+                                "data": {
+                                    "text": "hour"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:09 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:09 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "bunkernet-data",
+                                "type": "Text",
+                                "data": {
+                                    "text": "bunkernet-data"
+                                }
+                            },
+                            {
+                                "plugin_id": "bunkernet",
+                                "type": "Text",
+                                "data": {
+                                    "text": "bunkernet"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:11 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:11 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "bunkernet-register",
+                                "type": "Text",
+                                "data": {
+                                    "text": "bunkernet-register"
+                                }
+                            },
+                            {
+                                "plugin_id": "bunkernet",
+                                "type": "Text",
+                                "data": {
+                                    "text": "bunkernet"
+                                }
+                            },
+                            {
+                                "every": "hour",
+                                "type": "Text",
+                                "data": {
+                                    "text": "hour"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:09 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:09 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "certbot-new",
+                                "type": "Text",
+                                "data": {
+                                    "text": "certbot-new"
+                                }
+                            },
+                            {
+                                "plugin_id": "letsencrypt",
+                                "type": "Text",
+                                "data": {
+                                    "text": "letsencrypt"
+                                }
+                            },
+                            {
+                                "every": "once",
+                                "type": "Text",
+                                "data": {
+                                    "text": "once"
+                                }
+                            },
+                            {
+                                "reload": "failed",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "error",
+                                    "iconName": "cross"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:08 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:08 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "certbot-renew",
+                                "type": "Text",
+                                "data": {
+                                    "text": "certbot-renew"
+                                }
+                            },
+                            {
+                                "plugin_id": "letsencrypt",
+                                "type": "Text",
+                                "data": {
+                                    "text": "letsencrypt"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:09 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:09 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "coreruleset-nightly",
+                                "type": "Text",
+                                "data": {
+                                    "text": "coreruleset-nightly"
+                                }
+                            },
+                            {
+                                "plugin_id": "modsecurity",
+                                "type": "Text",
+                                "data": {
+                                    "text": "modsecurity"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:09 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:09 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "custom-cert",
+                                "type": "Text",
+                                "data": {
+                                    "text": "custom-cert"
+                                }
+                            },
+                            {
+                                "plugin_id": "customcert",
+                                "type": "Text",
+                                "data": {
+                                    "text": "customcert"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:10 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:10 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "default-server-cert",
+                                "type": "Text",
+                                "data": {
+                                    "text": "default-server-cert"
+                                }
+                            },
+                            {
+                                "plugin_id": "misc",
+                                "type": "Text",
+                                "data": {
+                                    "text": "misc"
+                                }
+                            },
+                            {
+                                "every": "once",
+                                "type": "Text",
+                                "data": {
+                                    "text": "once"
+                                }
+                            },
+                            {
+                                "reload": "failed",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "error",
+                                    "iconName": "cross"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:10 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:10 PM"
+                                }
+                            },
+                            {
+                                "cache": "none default-server-cert.pem default-server-cert.key",
+                                "type": "Fields",
+                                "data": {
+                                    "setting": {
+                                        "id": "default-server-cert_cache",
+                                        "label": "default-server-cert_cache",
+                                        "hideLabel": true,
+                                        "inpType": "select",
+                                        "name": "default-server-cert_cache",
+                                        "value": "none",
+                                        "values": [
+                                            "none",
+                                            "default-server-cert.pem",
+                                            "default-server-cert.key"
+                                        ],
+                                        "columns": {
+                                            "pc": 12,
+                                            "tablet": 12,
+                                            "mobile": 12
+                                        },
+                                        "overflowAttrEl": "data-table-body",
+                                        "containerClass": "table",
+                                        "maxBtnChars": 12,
+                                        "popovers": [
+                                            {
+                                                "iconColor": "info",
+                                                "iconName": "info",
+                                                "text": "jobs_download_cache_file"
+                                            }
+                                        ]
+                                    }
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "download-plugins",
+                                "type": "Text",
+                                "data": {
+                                    "text": "download-plugins"
+                                }
+                            },
+                            {
+                                "plugin_id": "misc",
+                                "type": "Text",
+                                "data": {
+                                    "text": "misc"
+                                }
+                            },
+                            {
+                                "every": "once",
+                                "type": "Text",
+                                "data": {
+                                    "text": "once"
+                                }
+                            },
+                            {
+                                "reload": "failed",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "error",
+                                    "iconName": "cross"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:13 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:13 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "download-pro-plugins",
+                                "type": "Text",
+                                "data": {
+                                    "text": "download-pro-plugins"
+                                }
+                            },
+                            {
+                                "plugin_id": "pro",
+                                "type": "Text",
+                                "data": {
+                                    "text": "pro"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:10 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:10 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "failover-backup",
+                                "type": "Text",
+                                "data": {
+                                    "text": "failover-backup"
+                                }
+                            },
+                            {
+                                "plugin_id": "jobs",
+                                "type": "Text",
+                                "data": {
+                                    "text": "jobs"
+                                }
+                            },
+                            {
+                                "every": "once",
+                                "type": "Text",
+                                "data": {
+                                    "text": "once"
+                                }
+                            },
+                            {
+                                "reload": "failed",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "error",
+                                    "iconName": "cross"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:16 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:16 PM"
+                                }
+                            },
+                            {
+                                "cache": "none folder:/var/tmp/bunkerweb/failover.tgz",
+                                "type": "Fields",
+                                "data": {
+                                    "setting": {
+                                        "id": "failover-backup_cache",
+                                        "label": "failover-backup_cache",
+                                        "hideLabel": true,
+                                        "inpType": "select",
+                                        "name": "failover-backup_cache",
+                                        "value": "none",
+                                        "values": [
+                                            "none",
+                                            "folder:/var/tmp/bunkerweb/failover.tgz"
+                                        ],
+                                        "columns": {
+                                            "pc": 12,
+                                            "tablet": 12,
+                                            "mobile": 12
+                                        },
+                                        "overflowAttrEl": "data-table-body",
+                                        "containerClass": "table",
+                                        "maxBtnChars": 12,
+                                        "popovers": [
+                                            {
+                                                "iconColor": "info",
+                                                "iconName": "info",
+                                                "text": "jobs_download_cache_file"
+                                            }
+                                        ]
+                                    }
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "greylist-download",
+                                "type": "Text",
+                                "data": {
+                                    "text": "greylist-download"
+                                }
+                            },
+                            {
+                                "plugin_id": "greylist",
+                                "type": "Text",
+                                "data": {
+                                    "text": "greylist"
+                                }
+                            },
+                            {
+                                "every": "hour",
+                                "type": "Text",
+                                "data": {
+                                    "text": "hour"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:09 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:09 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "mmdb-asn",
+                                "type": "Text",
+                                "data": {
+                                    "text": "mmdb-asn"
+                                }
+                            },
+                            {
+                                "plugin_id": "jobs",
+                                "type": "Text",
+                                "data": {
+                                    "text": "jobs"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:14 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:14 PM"
+                                }
+                            },
+                            {
+                                "cache": "none asn.mmdb",
+                                "type": "Fields",
+                                "data": {
+                                    "setting": {
+                                        "id": "mmdb-asn_cache",
+                                        "label": "mmdb-asn_cache",
+                                        "hideLabel": true,
+                                        "inpType": "select",
+                                        "name": "mmdb-asn_cache",
+                                        "value": "none",
+                                        "values": [
+                                            "none",
+                                            "asn.mmdb"
+                                        ],
+                                        "columns": {
+                                            "pc": 12,
+                                            "tablet": 12,
+                                            "mobile": 12
+                                        },
+                                        "overflowAttrEl": "data-table-body",
+                                        "containerClass": "table",
+                                        "maxBtnChars": 12,
+                                        "popovers": [
+                                            {
+                                                "iconColor": "info",
+                                                "iconName": "info",
+                                                "text": "jobs_download_cache_file"
+                                            }
+                                        ]
+                                    }
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "mmdb-country",
+                                "type": "Text",
+                                "data": {
+                                    "text": "mmdb-country"
+                                }
+                            },
+                            {
+                                "plugin_id": "jobs",
+                                "type": "Text",
+                                "data": {
+                                    "text": "jobs"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:12 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:12 PM"
+                                }
+                            },
+                            {
+                                "cache": "none country.mmdb",
+                                "type": "Fields",
+                                "data": {
+                                    "setting": {
+                                        "id": "mmdb-country_cache",
+                                        "label": "mmdb-country_cache",
+                                        "hideLabel": true,
+                                        "inpType": "select",
+                                        "name": "mmdb-country_cache",
+                                        "value": "none",
+                                        "values": [
+                                            "none",
+                                            "country.mmdb"
+                                        ],
+                                        "columns": {
+                                            "pc": 12,
+                                            "tablet": 12,
+                                            "mobile": 12
+                                        },
+                                        "overflowAttrEl": "data-table-body",
+                                        "containerClass": "table",
+                                        "maxBtnChars": 12,
+                                        "popovers": [
+                                            {
+                                                "iconColor": "info",
+                                                "iconName": "info",
+                                                "text": "jobs_download_cache_file"
+                                            }
+                                        ]
+                                    }
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "realip-download",
+                                "type": "Text",
+                                "data": {
+                                    "text": "realip-download"
+                                }
+                            },
+                            {
+                                "plugin_id": "realip",
+                                "type": "Text",
+                                "data": {
+                                    "text": "realip"
+                                }
+                            },
+                            {
+                                "every": "hour",
+                                "type": "Text",
+                                "data": {
+                                    "text": "hour"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:09 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:09 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "self-signed",
+                                "type": "Text",
+                                "data": {
+                                    "text": "self-signed"
+                                }
+                            },
+                            {
+                                "plugin_id": "selfsigned",
+                                "type": "Text",
+                                "data": {
+                                    "text": "selfsigned"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:10 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:10 PM"
+                                }
+                            },
+                            {
+                                "cache": "none www.example.com/cert.pem www.example.com/key.pem",
+                                "type": "Fields",
+                                "data": {
+                                    "setting": {
+                                        "id": "self-signed_cache",
+                                        "label": "self-signed_cache",
+                                        "hideLabel": true,
+                                        "inpType": "select",
+                                        "name": "self-signed_cache",
+                                        "value": "none",
+                                        "values": [
+                                            "none",
+                                            "www.example.com/cert.pem",
+                                            "www.example.com/key.pem"
+                                        ],
+                                        "columns": {
+                                            "pc": 12,
+                                            "tablet": 12,
+                                            "mobile": 12
+                                        },
+                                        "overflowAttrEl": "data-table-body",
+                                        "containerClass": "table",
+                                        "maxBtnChars": 12,
+                                        "popovers": [
+                                            {
+                                                "iconColor": "info",
+                                                "iconName": "info",
+                                                "text": "jobs_download_cache_file"
+                                            }
+                                        ]
+                                    }
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "update-check",
+                                "type": "Text",
+                                "data": {
+                                    "text": "update-check"
+                                }
+                            },
+                            {
+                                "plugin_id": "jobs",
+                                "type": "Text",
+                                "data": {
+                                    "text": "jobs"
+                                }
+                            },
+                            {
+                                "every": "day",
+                                "type": "Text",
+                                "data": {
+                                    "text": "day"
+                                }
+                            },
+                            {
+                                "reload": "failed",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "error",
+                                    "iconName": "cross"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:15 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:15 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ],
+                        [
+                            {
+                                "name": "whitelist-download",
+                                "type": "Text",
+                                "data": {
+                                    "text": "whitelist-download"
+                                }
+                            },
+                            {
+                                "plugin_id": "whitelist",
+                                "type": "Text",
+                                "data": {
+                                    "text": "whitelist"
+                                }
+                            },
+                            {
+                                "every": "hour",
+                                "type": "Text",
+                                "data": {
+                                    "text": "hour"
+                                }
+                            },
+                            {
+                                "reload": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "success": "success",
+                                "type": "Icons",
+                                "data": {
+                                    "iconColor": "success",
+                                    "iconName": "check"
+                                }
+                            },
+                            {
+                                "last_run": "2024/06/14, 01:33:09 PM",
+                                "type": "Text",
+                                "data": {
+                                    "text": "2024/06/14, 01:33:09 PM"
+                                }
+                            },
+                            {
+                                "cache": [],
+                                "type": "Text",
+                                "data": {
+                                    "text": ""
+                                }
+                            }
+                        ]
+                    ],
+                    "filters": [
+                        {
+                            "filter": "table",
+                            "filterName": "keyword",
+                            "type": "keyword",
+                            "value": "",
+                            "keys": [
+                                "name",
+                                "plugin_id",
+                                "last_run"
+                            ],
+                            "field": {
+                                "id": "jobs-keyword",
+                                "value": "",
+                                "type": "text",
+                                "name": "jobs-keyword",
+                                "containerClass": "setting",
+                                "label": "jobs_search",
+                                "placeholder": "inp_keyword",
+                                "isClipboard": false,
+                                "popovers": [
+                                    {
+                                        "text": "jobs_search_desc",
+                                        "iconName": "info",
+                                        "iconColor": "info"
+                                    }
+                                ],
+                                "columns": {
+                                    "pc": 3,
+                                    "tablet": 4,
+                                    "mobile": 12
+                                }
+                            }
+                        },
+                        {
+                            "filter": "table",
+                            "filterName": "every",
+                            "type": "select",
+                            "value": "all",
+                            "keys": [
+                                "every"
+                            ],
+                            "field": {
+                                "id": "jobs-every",
+                                "value": "all",
+                                "values": [
+                                    "all",
+                                    "day",
+                                    "hour",
+                                    "once"
+                                ],
+                                "name": "jobs-every",
+                                "onlyDown": true,
+                                "label": "jobs_interval",
+                                "containerClass": "setting",
+                                "popovers": [
+                                    {
+                                        "text": "jobs_interval_desc",
+                                        "iconName": "info",
+                                        "iconColor": "info"
+                                    }
+                                ],
+                                "columns": {
+                                    "pc": 3,
+                                    "tablet": 4,
+                                    "mobile": 12
+                                }
+                            }
+                        },
+                        {
+                            "filter": "table",
+                            "filterName": "success",
+                            "type": "select",
+                            "value": "all",
+                            "keys": [
+                                "success"
+                            ],
+                            "field": {
+                                "id": "jobs-success",
+                                "value": "all",
+                                "values": [
+                                    "all",
+                                    "success",
+                                    "failed"
+                                ],
+                                "name": "jobs-success",
+                                "onlyDown": true,
+                                "containerClass": "setting",
+                                "label": "jobs_success",
+                                "popovers": [
+                                    {
+                                        "text": "jobs_success_desc",
+                                        "iconName": "info",
+                                        "iconColor": "info"
+                                    }
+                                ],
+                                "columns": {
+                                    "pc": 3,
+                                    "tablet": 4,
+                                    "mobile": 12
+                                }
+                            }
+                        },
+                        {
+                            "filter": "table",
+                            "filterName": "reload",
+                            "type": "select",
+                            "value": "all",
+                            "keys": [
+                                "reload"
+                            ],
+                            "field": {
+                                "id": "jobs-last-run",
+                                "value": "all",
+                                "values": [
+                                    "all",
+                                    "success",
+                                    "failed"
+                                ],
+                                "name": "jobs-last-run",
+                                "onlyDown": true,
+                                "containerClass": "setting",
+                                "label": "jobs_reload",
+                                "popovers": [
+                                    {
+                                        "text": "jobs_reload_desc",
+                                        "iconName": "info",
+                                        "iconColor": "info"
+                                    }
+                                ],
+                                "columns": {
+                                    "pc": 3,
+                                    "tablet": 4,
+                                    "mobile": 12
+                                }
+                            }
+                        }
+                    ]
+                }
             }
-          ]
-        }
-      }
+        ]
     }
-  ],
-  [
-    {
-      "name": "greylist-download",
-      "type": "Text",
-      "data": {
-        "text": "greylist-download"
-      }
-    },
-    {
-      "plugin_id": "greylist",
-      "type": "Text",
-      "data": {
-        "text": "greylist"
-      }
-    },
-    {
-      "every": "hour",
-      "type": "Text",
-      "data": {
-        "text": "hour"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:09 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:09 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "mmdb-asn",
-      "type": "Text",
-      "data": {
-        "text": "mmdb-asn"
-      }
-    },
-    {
-      "plugin_id": "jobs",
-      "type": "Text",
-      "data": {
-        "text": "jobs"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:14 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:14 PM"
-      }
-    },
-    {
-      "cache": "none asn.mmdb",
-      "type": "Fields",
-      "data": {
-        "setting": {
-          "id": "mmdb-asn_cache",
-          "label": "mmdb-asn_cache",
-          "hideLabel": true,
-          "inpType": "select",
-          "name": "mmdb-asn_cache",
-          "value": "none",
-          "values": ["none", "asn.mmdb"],
-          "columns": {
-            "pc": 12,
-            "tablet": 12,
-            "mobile": 12
-          },
-          "overflowAttrEl": "data-table-body",
-          "containerClass": "table",
-          "maxBtnChars": 12,
-          "popovers": [
-            {
-              "iconColor": "info",
-              "iconName": "info",
-              "text": "jobs_download_cache_file"
-            }
-          ]
-        }
-      }
-    }
-  ],
-  [
-    {
-      "name": "mmdb-country",
-      "type": "Text",
-      "data": {
-        "text": "mmdb-country"
-      }
-    },
-    {
-      "plugin_id": "jobs",
-      "type": "Text",
-      "data": {
-        "text": "jobs"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:12 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:12 PM"
-      }
-    },
-    {
-      "cache": "none country.mmdb",
-      "type": "Fields",
-      "data": {
-        "setting": {
-          "id": "mmdb-country_cache",
-          "label": "mmdb-country_cache",
-          "hideLabel": true,
-          "inpType": "select",
-          "name": "mmdb-country_cache",
-          "value": "none",
-          "values": ["none", "country.mmdb"],
-          "columns": {
-            "pc": 12,
-            "tablet": 12,
-            "mobile": 12
-          },
-          "overflowAttrEl": "data-table-body",
-          "containerClass": "table",
-          "maxBtnChars": 12,
-          "popovers": [
-            {
-              "iconColor": "info",
-              "iconName": "info",
-              "text": "jobs_download_cache_file"
-            }
-          ]
-        }
-      }
-    }
-  ],
-  [
-    {
-      "name": "realip-download",
-      "type": "Text",
-      "data": {
-        "text": "realip-download"
-      }
-    },
-    {
-      "plugin_id": "realip",
-      "type": "Text",
-      "data": {
-        "text": "realip"
-      }
-    },
-    {
-      "every": "hour",
-      "type": "Text",
-      "data": {
-        "text": "hour"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:09 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:09 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "self-signed",
-      "type": "Text",
-      "data": {
-        "text": "self-signed"
-      }
-    },
-    {
-      "plugin_id": "selfsigned",
-      "type": "Text",
-      "data": {
-        "text": "selfsigned"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:10 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:10 PM"
-      }
-    },
-    {
-      "cache": "none www.example.com/cert.pem www.example.com/key.pem",
-      "type": "Fields",
-      "data": {
-        "setting": {
-          "id": "self-signed_cache",
-          "label": "self-signed_cache",
-          "hideLabel": true,
-          "inpType": "select",
-          "name": "self-signed_cache",
-          "value": "none",
-          "values": [
-            "none",
-            "www.example.com/cert.pem",
-            "www.example.com/key.pem"
-          ],
-          "columns": {
-            "pc": 12,
-            "tablet": 12,
-            "mobile": 12
-          },
-          "overflowAttrEl": "data-table-body",
-          "containerClass": "table",
-          "maxBtnChars": 12,
-          "popovers": [
-            {
-              "iconColor": "info",
-              "iconName": "info",
-              "text": "jobs_download_cache_file"
-            }
-          ]
-        }
-      }
-    }
-  ],
-  [
-    {
-      "name": "update-check",
-      "type": "Text",
-      "data": {
-        "text": "update-check"
-      }
-    },
-    {
-      "plugin_id": "jobs",
-      "type": "Text",
-      "data": {
-        "text": "jobs"
-      }
-    },
-    {
-      "every": "day",
-      "type": "Text",
-      "data": {
-        "text": "day"
-      }
-    },
-    {
-      "reload": "failed",
-      "type": "Icons",
-      "data": {
-        "iconColor": "error",
-        "iconName": "cross"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:15 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:15 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ],
-  [
-    {
-      "name": "whitelist-download",
-      "type": "Text",
-      "data": {
-        "text": "whitelist-download"
-      }
-    },
-    {
-      "plugin_id": "whitelist",
-      "type": "Text",
-      "data": {
-        "text": "whitelist"
-      }
-    },
-    {
-      "every": "hour",
-      "type": "Text",
-      "data": {
-        "text": "hour"
-      }
-    },
-    {
-      "reload": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "success": "success",
-      "type": "Icons",
-      "data": {
-        "iconColor": "success",
-        "iconName": "check"
-      }
-    },
-    {
-      "last_run": "2024/06/14, 01:33:09 PM",
-      "type": "Text",
-      "data": {
-        "text": "2024/06/14, 01:33:09 PM"
-      }
-    },
-    {
-      "cache": [],
-      "type": "Text",
-      "data": {
-        "text": ""
-      }
-    }
-  ]
-]
+]
\ No newline at end of file
diff --git a/vuejs/test3.py b/vuejs/test3.py
index bb04aab93..725cd2a8f 100644
--- a/vuejs/test3.py
+++ b/vuejs/test3.py
@@ -205,7 +205,7 @@ jobs = {
 }
 
 
-def jobs_to_list(jobs):
+def get_jobs_list(jobs):
     data = []
     # loop on each dict
     for key, value in jobs.items():
@@ -282,9 +282,156 @@ def jobs_to_list(jobs):
 
         data.append(item)
 
-        # store on a file
+    return data
+
+
+def job_builder(jobs):
+
+    jobs_list = get_jobs_list(jobs)
+
+    intervals = ["all"]
+
+    # loop on each job
+    for job in jobs_list:
+        # loop on each item
+        for item in job:
+            # get the interval if not already in intervals
+            if item.get("every") and item.get("every") not in intervals:
+                intervals.append(item.get("every"))
+
+    builder = [
+        {
+            "type": "card",
+            "containerColumns": {"pc": 12, "tablet": 12, "mobile": 12},
+            "widgets": [
+                {
+                    "type": "Title",
+                    "data": {"title": "jobs_title", "tag": "h1", "type": "card"},
+                },
+                {
+                    "type": "Table",
+                    "data": {
+                        "title": "jobs_table_title",
+                        "minWidth": "lg",
+                        "header": [
+                            "jobs_table_name",
+                            "jobs_table_plugin_id",
+                            "jobs_table_interval",
+                            "jobs_table_reload",
+                            "jobs_table_success",
+                            "jobs_table_last_run_date",
+                            "jobs_table_cache",
+                        ],
+                        "positions": [2, 2, 1, 1, 1, 2, 3],
+                        "items": jobs_list,
+                        "filters": [
+                            {
+                                "filter": "table",
+                                "filterName": "keyword",
+                                "type": "keyword",
+                                "value": "",
+                                "keys": ["name", "plugin_id", "last_run"],
+                                "field": {
+                                    "id": "jobs-keyword",
+                                    "value": "",
+                                    "type": "text",
+                                    "name": "jobs-keyword",
+                                    "containerClass": "setting",
+                                    "label": "jobs_search",
+                                    "placeholder": "inp_keyword",
+                                    "isClipboard": False,
+                                    "popovers": [
+                                        {
+                                            "text": "jobs_search_desc",
+                                            "iconName": "info",
+                                            "iconColor": "info",
+                                        },
+                                    ],
+                                    "columns": {"pc": 3, "tablet": 4, "mobile": 12},
+                                },
+                            },
+                            {
+                                "filter": "table",
+                                "filterName": "every",
+                                "type": "select",
+                                "value": "all",
+                                "keys": ["every"],
+                                "field": {
+                                    "id": "jobs-every",
+                                    "value": "all",
+                                    "values": intervals,
+                                    "name": "jobs-every",
+                                    "onlyDown": True,
+                                    "label": "jobs_interval",
+                                    "containerClass": "setting",
+                                    "popovers": [
+                                        {
+                                            "text": "jobs_interval_desc",
+                                            "iconName": "info",
+                                            "iconColor": "info",
+                                        },
+                                    ],
+                                    "columns": {"pc": 3, "tablet": 4, "mobile": 12},
+                                },
+                            },
+                            {
+                                "filter": "table",
+                                "filterName": "success",
+                                "type": "select",
+                                "value": "all",
+                                "keys": ["success"],
+                                "field": {
+                                    "id": "jobs-success",
+                                    "value": "all",
+                                    "values": ["all", "success", "failed"],
+                                    "name": "jobs-success",
+                                    "onlyDown": True,
+                                    "containerClass": "setting",
+                                    "label": "jobs_success",
+                                    "popovers": [
+                                        {
+                                            "text": "jobs_success_desc",
+                                            "iconName": "info",
+                                            "iconColor": "info",
+                                        },
+                                    ],
+                                    "columns": {"pc": 3, "tablet": 4, "mobile": 12},
+                                },
+                            },
+                            {
+                                "filter": "table",
+                                "filterName": "reload",
+                                "type": "select",
+                                "value": "all",
+                                "keys": ["reload"],
+                                "field": {
+                                    "id": "jobs-last-run",
+                                    "value": "all",
+                                    "values": ["all", "success", "failed"],
+                                    "name": "jobs-last-run",
+                                    "onlyDown": True,
+                                    "containerClass": "setting",
+                                    "label": "jobs_reload",
+                                    "popovers": [
+                                        {
+                                            "text": "jobs_reload_desc",
+                                            "iconName": "info",
+                                            "iconColor": "info",
+                                        },
+                                    ],
+                                    "columns": {"pc": 3, "tablet": 4, "mobile": 12},
+                                },
+                            },
+                        ],
+                    },
+                },
+            ],
+        }
+    ]
+
+    # store on a file
     with open("jobs.json", "w") as f:
-        json.dump(data, f, indent=4)
+        json.dump(builder, f, indent=4)
 
 
-jobs_to_list(jobs)
+job_builder(jobs)