@piveau/piveau-hub-ui-modules 4.6.70 → 4.6.73

package/dist/data-provider-interface/CatalogueMQA.vue.mjs

@@ -1,64 +1,67 @@
-import { computed as R, ref as u, getCurrentInstance as at, openBlock as r, createElementBlock as v, createElementVNode as l, createTextVNode as e, toDisplayString as i, unref as n, createCommentVNode as M, normalizeClass as k, Fragment as K, renderList as G, withDirectives as x, vModelText as N, isRef as H } from "vue";
-import { useRouter as rt, useRoute as vt } from "vue-router";
-import { useStore as dt, mapActions as pt } from "vuex";
+import { computed as T, ref as i, getCurrentInstance as rt, openBlock as d, createElementBlock as v, createElementVNode as e, createTextVNode as l, toDisplayString as u, unref as n, createCommentVNode as M, normalizeClass as y, withDirectives as x, isRef as H, vModelText as N, Fragment as K, renderList as G } from "vue";
+import { useRouter as dt, useRoute as vt } from "vue-router";
+import { useStore as pt, mapActions as mt } from "vuex";
 import z from "axios";
 import "./CatalogueMQA.vue2.mjs";
-import mt from "../_virtual/_plugin-vue_export-helper.mjs";
-const ft = { class: "container mb-3" }, bt = { class: "debug" }, gt = { key: 0 }, yt = { key: 1 }, kt = { key: 0 }, wt = { class: "mqaWrapper" }, Ct = { key: 0 }, Mt = ["onUpdate:modelValue", "onInput"], $t = ["onClick"], St = ["onClick"], At = {
+import ft from "../_virtual/_plugin-vue_export-helper.mjs";
+const bt = { class: "container mb-3" }, gt = { class: "debug" }, yt = { key: 0 }, kt = { key: 1 }, wt = { key: 0 }, Ct = { class: "mqaWrapper" }, Mt = { class: "w-50 mt-4" }, $t = { class: "mqaWrapper" }, At = { class: "d-flex mt-3" }, St = { class: "mr-3 my-3" }, qt = ["disabled", "onClick"], Vt = { class: "my-3" }, It = ["disabled"], Bt = { class: "caretWrap" }, Ut = { class: "mqaWrapper" }, Dt = { key: 0 }, xt = ["onUpdate:modelValue", "onInput"], Nt = ["onClick"], Et = ["onClick"], Wt = {
   key: 0,
   class: "errormsg"
-}, It = { class: "d-flex mt-3" }, Dt = {
+}, Qt = { class: "d-flex mt-3" }, Rt = {
   key: 1,
   class: "errormsg"
-}, Vt = { class: "mqaWrapper" }, Bt = { class: "d-flex mt-3" }, Ut = { class: "mr-3 my-3" }, qt = ["disabled", "onClick"], xt = { class: "my-3" }, Nt = ["disabled"], Wt = { class: "caretWrap" }, Et = { class: "mqaWrapper" }, Tt = { class: "w-50 mt-3" }, Pt = { class: "actionWrapper" }, Rt = {
+}, Tt = { class: "actionWrapper" }, zt = {
   __name: "CatalogueMQA",
-  setup(zt) {
-    const W = dt(), E = rt();
-    R(() => W.getters["auth/getUserDrafts"]);
-    const X = R(() => W.getters["auth/getUserData"]), B = R(() => X.value.rtpToken);
-    pt("auth", {
+  setup(Pt) {
+    const E = pt(), W = dt();
+    T(() => E.getters["auth/getUserDrafts"]);
+    const X = T(() => E.getters["auth/getUserData"]), U = T(() => X.value.rtpToken);
+    mt("auth", {
       updateUserData: "updateUserData"
     });
-    const F = (s) => {
-      W.dispatch("snackbar/showSnackbar", s);
-    }, U = () => {
-      F({
+    const P = (s) => {
+      E.dispatch("snackbar/showSnackbar", s);
+    }, D = () => {
+      P({
         message: "Saved Successfully",
         variant: "success"
       });
-    }, Y = vt();
-    let y = u(!1), f = u(!1), Z = u(null), D = u("Activate"), T = u(!1), d = u(!1), b = u(), h = ["Mo", "Tue", "We", "Th", "Fr", "Sa", "Su"], p = u(1), A = u(!1), w = u(0), $ = u(""), g = u(""), S = u(null);
-    const q = Y.params.id, Q = at(), P = Q.appContext.app.config.globalProperties.$env.api.notificationBaseUrl;
-    Q.appContext.app.config.globalProperties.$env.api.apiKey;
-    const L = (s) => {
-      f.value && (S.value = s, g.value = S);
-    }, c = () => {
-      f.value = !0, y.value = !1, S.value = g.value;
+    }, F = vt();
+    let k = i(!1), f = i(!1), Z = i(null), V = i("Activate"), Q = i(!1), a = i(!1), b = i(), h = ["Mo", "Tue", "We", "Th", "Fr", "Sa", "Su"], p = i(1), S = i(!1), w = i(0), $ = i(""), g = i(""), A = i(null);
+    const I = F.params.id, L = rt(), R = L.appContext.app.config.globalProperties.$env.api.notificationBaseUrl;
+    L.appContext.app.config.globalProperties.$env.api.apiKey;
+    const c = () => {
+      const s = "https://data.europa.eu", t = F.query.locale || "en", o = `${s}/mqa/catalogues/${I}?locale=${t}`;
+      window.open(o, "_blank");
+    }, j = (s) => {
+      f.value && (A.value = s, g.value = A);
     }, _ = () => {
-      f.value = !1, y.value = !0, S.value = g.value;
-    }, C = u({}), j = (s) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
-    let m = u({ mail: "", isValid: !0 }), I = u({});
-    const tt = async () => {
+      f.value = !0, k.value = !1, A.value = g.value;
+    }, tt = () => {
+      f.value = !1, k.value = !0, A.value = g.value;
+    }, C = i({}), J = (s) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
+    let m = i({ mail: "", isValid: !0 }), q = i({});
+    const et = async () => {
       const s = {
         method: "get",
-        url: `${P}/catalogue/${q}/setting`,
+        url: `${R}/catalogue/${I}/setting`,
         headers: {
-          Authorization: `Bearer ${B.value}`
+          Authorization: `Bearer ${U.value}`
         }
       };
       try {
         const t = await z.request(s);
-        C.value = t.data, C.value.activeStatus === !0 && (d.value = !0, D.value = "Deactivate"), C.value.activeStatus === !1 && (d.value = !1, D.value = "Activate"), b.value = C.value.receiverEmailList, $.value = C.value.frequency.unit, g.value = C.value.frequency.value, w.value = C.value.threshold, $.value === "week" ? (f.value = !0, y.value = !1, S.value = g.value) : $.value === "month" && (f.value = !1, y.value = !0, p.value = g.value), console.log("Response:", t);
+        C.value = t.data, C.value.activeStatus === !0 && (a.value = !0, V.value = "Deactivate"), C.value.activeStatus === !1 && (a.value = !1, V.value = "Activate"), b.value = C.value.receiverEmailList, $.value = C.value.frequency.unit, g.value = C.value.frequency.value, w.value = C.value.threshold, $.value === "week" ? (f.value = !0, k.value = !1, A.value = g.value) : $.value === "month" && (f.value = !1, k.value = !0, p.value = g.value), console.log("Response:", t);
       } catch (t) {
         console.log("Full error:", t);
       }
     }, lt = async () => {
-      f.value === !0 ? ($.value = "week", g.value = S.value) : y.value === !0 && ($.value = "month", g.value = p.value);
+      f.value === !0 ? ($.value = "week", g.value = A.value) : k.value === !0 && ($.value = "month", g.value = p.value);
       const s = {
         method: "post",
-        url: `${P}/catalogue/${q}/setting`,
+        url: `${R}/catalogue/${I}/setting`,
         headers: {
-          Authorization: `Bearer ${B.value}`,
+          Authorization: `Bearer ${U.value}`,
           "Content-Type": "application/json"
         },
         withCredentials: !0,
@@ -74,251 +77,251 @@ const ft = { class: "container mb-3" }, bt = { class: "debug" }, gt = { key: 0 }
       };
       try {
         const t = await z.request(s);
-        return console.log("Settings updated:", t.data), U(), E.push({ name: "DataProviderInterface-UserCatalogues" }), t.data;
+        return console.log("Settings updated:", t.data), D(), W.push({ name: "DataProviderInterface-UserCatalogues" }), t.data;
       } catch (t) {
-        throw U(), console.log("Error updating settings:", t), t;
+        throw D(), console.log("Error updating settings:", t), t;
       }
     };
-    tt();
-    const J = async () => {
+    et();
+    const O = async () => {
       const s = {
         method: "post",
-        url: `${P}/catalogue/${q}/setting`,
+        url: `${R}/catalogue/${I}/setting`,
         headers: {
-          Authorization: `Bearer ${B.value}`,
+          Authorization: `Bearer ${U.value}`,
           "Content-Type": "application/json"
         },
         withCredentials: !0,
         data: JSON.stringify({
-          activeStatus: d.value
+          activeStatus: a.value
         })
       };
       try {
         const t = await z.request(s);
-        return console.log("Settings updated:", t.data), U(), d.value || E.push({ name: "DataProviderInterface-UserCatalogues" }), t.data;
+        return console.log("Settings updated:", t.data), D(), a.value || W.push({ name: "DataProviderInterface-UserCatalogues" }), t.data;
       } catch (t) {
-        throw U(), console.log("Error updating settings:", t), t;
+        throw D(), console.log("Error updating settings:", t), t;
       }
-    }, et = () => {
-      A.value = !0, F({
+    }, nt = () => {
+      S.value = !0, P({
         message: "Email added successfully.",
         variant: "success"
       });
-    }, nt = (s) => {
-      const t = b.value[s].trim();
-      j(t) ? (A.value = !1, delete I.value[s]) : I.value[s] = "*Invalid email format";
     }, st = (s) => {
+      const t = b.value[s].trim();
+      J(t) ? (S.value = !1, delete q.value[s]) : q.value[s] = "*Invalid email format";
+    }, ot = (s) => {
       b.value.splice(s, 1);
-    }, O = (s) => {
-      s === "up" && p.value < 28 ? (p.value > 8 && (T.value = !0), p.value++) : p.value > 1 && (p.value < 11 && (T.value = !1), p.value--);
-    }, ot = () => {
+    }, Y = (s) => {
+      s === "up" && p.value < 28 ? (p.value > 8 && (Q.value = !0), p.value++) : p.value > 1 && (p.value < 11 && (Q.value = !1), p.value--);
+    }, it = () => {
       if (m.value.mail.trim() === "") {
         m.value.isValid = !1;
         return;
       }
-      j(m.value.mail) ? (b.value.push(m.value.mail), m.value.mail = "", m.value.isValid = !0) : m.value.isValid = !1;
+      J(m.value.mail) ? (b.value.push(m.value.mail), m.value.mail = "", m.value.isValid = !0) : m.value.isValid = !1;
     }, ut = () => {
-      d.value ? (d.value = !1, D.value = "Activate", J()) : (d.value = !0, D.value = "Deactivate", J());
-    }, it = () => {
-      E.push({ name: "DataProviderInterface-UserCatalogues" });
+      a.value ? (a.value = !1, V.value = "Activate", O()) : (a.value = !0, V.value = "Deactivate", O());
+    }, at = () => {
+      W.push({ name: "DataProviderInterface-UserCatalogues" });
     };
-    return (s, t) => (r(), v("div", ft, [
-      l("div", null, [
-        l("div", null, [
-          l("div", bt, [
-            t[12] || (t[12] = l("strong", null, " API object:", -1)),
-            t[13] || (t[13] = e()),
-            t[14] || (t[14] = l("br", null, null, -1)),
-            t[15] || (t[15] = l("br", null, null, -1)),
-            t[16] || (t[16] = e()),
-            l("textarea", null, " " + i(B.value) + " ", 1),
-            t[17] || (t[17] = e()),
-            t[18] || (t[18] = l("hr", null, null, -1)),
-            e(" " + i(C.value) + " ", 1),
-            t[19] || (t[19] = l("br", null, null, -1)),
-            t[20] || (t[20] = e(" --- ")),
-            t[21] || (t[21] = l("br", null, null, -1)),
-            e(" " + i(n(b)) + " ", 1),
-            t[22] || (t[22] = l("br", null, null, -1)),
-            t[23] || (t[23] = e("---")),
-            t[24] || (t[24] = l("br", null, null, -1)),
-            t[25] || (t[25] = e()),
-            t[26] || (t[26] = l("strong", null, "Fequency:", -1)),
-            t[27] || (t[27] = e()),
-            t[28] || (t[28] = l("br", null, null, -1)),
-            e(`
-                    weekly: ` + i(n(f)), 1),
-            t[29] || (t[29] = l("br", null, null, -1)),
-            e(`
-                    monthly: ` + i(n(y)) + " ", 1),
-            t[30] || (t[30] = l("br", null, null, -1)),
-            t[31] || (t[31] = e()),
-            t[32] || (t[32] = l("p", null, null, -1)),
-            e(`
-                    unit: ` + i(n($)) + " ", 1),
-            t[33] || (t[33] = l("br", null, null, -1)),
-            e(`
-                    value: ` + i(n(g)) + " ", 1),
-            t[34] || (t[34] = l("br", null, null, -1)),
-            t[35] || (t[35] = e("---")),
-            t[36] || (t[36] = l("br", null, null, -1)),
-            e(`
-                    threshold: ` + i(n(w)), 1)
+    return (s, t) => (d(), v("div", bt, [
+      e("div", null, [
+        e("div", null, [
+          e("div", gt, [
+            t[13] || (t[13] = e("strong", null, " API object:", -1)),
+            t[14] || (t[14] = l()),
+            t[15] || (t[15] = e("br", null, null, -1)),
+            t[16] || (t[16] = e("br", null, null, -1)),
+            t[17] || (t[17] = l()),
+            e("textarea", null, " " + u(U.value) + " ", 1),
+            t[18] || (t[18] = l()),
+            t[19] || (t[19] = e("hr", null, null, -1)),
+            l(" " + u(C.value) + " ", 1),
+            t[20] || (t[20] = e("br", null, null, -1)),
+            t[21] || (t[21] = l(" --- ")),
+            t[22] || (t[22] = e("br", null, null, -1)),
+            l(" " + u(n(b)) + " ", 1),
+            t[23] || (t[23] = e("br", null, null, -1)),
+            t[24] || (t[24] = l("---")),
+            t[25] || (t[25] = e("br", null, null, -1)),
+            t[26] || (t[26] = l()),
+            t[27] || (t[27] = e("strong", null, "Fequency:", -1)),
+            t[28] || (t[28] = l()),
+            t[29] || (t[29] = e("br", null, null, -1)),
+            l(`
+                    weekly: ` + u(n(f)), 1),
+            t[30] || (t[30] = e("br", null, null, -1)),
+            l(`
+                    monthly: ` + u(n(k)) + " ", 1),
+            t[31] || (t[31] = e("br", null, null, -1)),
+            t[32] || (t[32] = l()),
+            t[33] || (t[33] = e("p", null, null, -1)),
+            l(`
+                    unit: ` + u(n($)) + " ", 1),
+            t[34] || (t[34] = e("br", null, null, -1)),
+            l(`
+                    value: ` + u(n(g)) + " ", 1),
+            t[35] || (t[35] = e("br", null, null, -1)),
+            t[36] || (t[36] = l("---")),
+            t[37] || (t[37] = e("br", null, null, -1)),
+            l(`
+                    threshold: ` + u(n(w)), 1)
           ]),
-          t[43] || (t[43] = e()),
-          t[44] || (t[44] = l("h1", null, "MQA notification settings", -1)),
-          t[45] || (t[45] = e()),
-          l("p", null, [
-            t[37] || (t[37] = e(`Configuration for
+          t[44] || (t[44] = l()),
+          t[45] || (t[45] = e("h1", null, "MQA notification settings", -1)),
+          t[46] || (t[46] = l()),
+          e("p", null, [
+            t[38] || (t[38] = l(`Configuration for
 
                     `)),
-            l("strong", null, i(n(q)), 1)
+            e("strong", null, u(n(I)), 1)
           ]),
-          t[46] || (t[46] = e()),
-          l("p", null, [
-            t[39] || (t[39] = e("For this Catalogue the ")),
-            t[40] || (t[40] = l("b", null, "MQA Rating Checks ", -1)),
-            t[41] || (t[41] = e("are currently ")),
-            l("b", null, [
-              n(d) ? M("", !0) : (r(), v("span", gt, "deactivated")),
-              t[38] || (t[38] = e()),
-              n(d) ? (r(), v("span", yt, "activated")) : M("", !0)
+          t[47] || (t[47] = l()),
+          e("p", null, [
+            t[40] || (t[40] = l("For this Catalogue the ")),
+            t[41] || (t[41] = e("b", null, "MQA Rating Checks ", -1)),
+            t[42] || (t[42] = l("are currently ")),
+            e("b", null, [
+              n(a) ? M("", !0) : (d(), v("span", yt, "deactivated")),
+              t[39] || (t[39] = l()),
+              n(a) ? (d(), v("span", kt, "activated")) : M("", !0)
             ]),
-            t[42] || (t[42] = e("."))
+            t[43] || (t[43] = l("."))
           ])
         ]),
-        t[47] || (t[47] = e()),
-        l("button", {
+        t[49] || (t[49] = l()),
+        e("button", {
           type: "button",
-          class: k({ "btn btn-primary mb-5": !n(d), "btn btn-secondary": n(d) }),
+          class: y({ "btn btn-primary mb-5": !n(a), "btn btn-secondary": n(a) }),
           onClick: t[0] || (t[0] = (o) => ut())
-        }, i(n(D)), 3)
-      ]),
-      t[87] || (t[87] = e()),
-      n(d) ? (r(), v("div", kt, [
-        l("div", wt, [
-          t[55] || (t[55] = l("h3", null, "Recipients Mail", -1)),
-          t[56] || (t[56] = e()),
-          t[57] || (t[57] = l("span", null, "Add and edit mail addresses for recieving the MQA report", -1)),
-          t[58] || (t[58] = e()),
-          n(b).length !== 0 ? (r(), v("table", {
-            key: 0,
-            class: "mt-4",
-            ref_key: "mailButtonWrap",
-            ref: Z
+        }, u(n(V)), 3),
+        t[50] || (t[50] = l()),
+        e("button", {
+          type: "button",
+          class: y({ "btn btn-action mb-5": !n(a), "btn btn-action": n(a) }),
+          onClick: t[1] || (t[1] = (o) => c())
+        }, t[48] || (t[48] = [
+          e("span", { class: "mr-1" }, " MQA report ", -1),
+          l(),
+          e("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            fill: "currentColor",
+            class: "bi bi-box-arrow-up-right mb-1",
+            viewBox: "0 0 16 16"
           }, [
-            t[52] || (t[52] = l("tr", null, [
-              l("th", null, "Mail")
-            ], -1)),
-            t[53] || (t[53] = e()),
-            (r(!0), v(K, null, G(n(b), (o, a) => (r(), v("tr", {
-              class: "mailItems",
-              key: a
-            }, [
-              l("td", null, [
-                n(A) ? M("", !0) : (r(), v("span", Ct, i(o), 1)),
-                t[49] || (t[49] = e()),
-                n(A) ? x((r(), v("input", {
-                  key: 1,
-                  type: "text",
-                  "onUpdate:modelValue": (V) => n(b)[a] = V,
-                  class: k(["mail-input", { invalidNewMail: n(I)[a] }]),
-                  onInput: (V) => n(I)[a] = ""
-                }, null, 42, Mt)), [
-                  [N, n(b)[a]]
-                ]) : M("", !0),
-                t[50] || (t[50] = e()),
-                l("div", null, [
-                  l("button", {
-                    type: "button",
-                    class: "btn btn-simple",
-                    onClick: (V) => n(A) ? nt(a) : et()
-                  }, i(n(A) ? "Save" : "Edit"), 9, $t),
-                  t[48] || (t[48] = e()),
-                  l("button", {
-                    type: "button",
-                    class: "btn btn-simple",
-                    onClick: (V) => st(a)
-                  }, "Delete", 8, St)
-                ])
+            e("path", {
+              "fill-rule": "evenodd",
+              d: "M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5"
+            }),
+            l(),
+            e("path", {
+              "fill-rule": "evenodd",
+              d: "M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z"
+            })
+          ], -1)
+        ]), 2)
+      ]),
+      t[90] || (t[90] = l()),
+      n(a) ? (d(), v("div", wt, [
+        e("div", Ct, [
+          t[56] || (t[56] = e("h3", null, "Notification threshold", -1)),
+          t[57] || (t[57] = l()),
+          t[58] || (t[58] = e("span", null, [
+            l(`The slider sets a threshold value. If your catalogue’s MQA rating decreases by a value higher than
+                    this threshold, this is notified to the email recipients you define at the end of this page. You can
+                    adjust the frequency of the rating checks below. `),
+            e("p"),
+            l(),
+            e("strong", null, "Example:"),
+            l(` You setup the MQA checking to be done weekly and the threshold to -10;
+                    your current catalogue MQA rating is 200; if your rating drops to 180, on the next weekly rating
+                    schedule the new value (180) is compared with the previous one (200) and, as the difference (-20) is
+                    higher than the setup notification threshold (-10), the listed recipients are notified by
+                    email.`)
+          ], -1)),
+          t[59] || (t[59] = l()),
+          e("div", Mt, [
+            t[53] || (t[53] = e("div", { class: "d-flex justify-content-between" }, [
+              e("span", null, [
+                e("b", null, "-1")
               ]),
-              t[51] || (t[51] = e()),
-              n(I)[a] ? (r(), v("span", At, i(n(I)[a]), 1)) : M("", !0)
-            ]))), 128))
-          ], 512)) : M("", !0),
-          t[59] || (t[59] = e()),
-          l("div", It, [
-            x(l("input", {
-              type: "text",
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => n(m).mail = o),
-              onInput: t[2] || (t[2] = (o) => n(m).isValid = !0),
-              class: k([{ invalidNewMail: !n(m).isValid }, "mail"]),
-              placeholder: "Enter email address"
-            }, null, 34), [
-              [N, n(m).mail]
+              l(),
+              e("span", null, [
+                e("b", null, "-400")
+              ])
+            ], -1)),
+            t[54] || (t[54] = l()),
+            x(e("input", {
+              type: "range",
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => H(w) ? w.value = o : w = o),
+              min: "0",
+              max: "400"
+            }, null, 512), [
+              [N, n(w)]
             ]),
-            t[54] || (t[54] = e()),
-            l("button", {
-              type: "button",
-              class: "btn btn-simple mx-3",
-              onClick: t[3] || (t[3] = (o) => ot())
-            }, "+ Add Mail")
-          ]),
-          t[60] || (t[60] = e()),
-          n(m).isValid ? M("", !0) : (r(), v("span", Dt, "*Invalid email format"))
+            t[55] || (t[55] = l()),
+            e("p", null, [
+              t[51] || (t[51] = l("Notify on a decrease greater than ")),
+              e("b", null, "-" + u(n(w) === 0 ? 1 : n(w)), 1),
+              t[52] || (t[52] = l(" Points"))
+            ])
+          ])
         ]),
-        t[84] || (t[84] = e()),
-        l("div", Vt, [
-          t[70] || (t[70] = l("h3", null, "Frequency of Rating Checks", -1)),
-          t[71] || (t[71] = e()),
-          t[72] || (t[72] = l("span", null, "Configure the frequency of the MQA rating checks.", -1)),
-          t[73] || (t[73] = e()),
-          l("div", Bt, [
-            l("div", Ut, [
-              l("button", {
+        t[87] || (t[87] = l()),
+        e("div", $t, [
+          t[69] || (t[69] = e("h3", null, "Frequency of Rating Checks", -1)),
+          t[70] || (t[70] = l()),
+          t[71] || (t[71] = e("span", null, "Configure the frequency of the MQA rating checks.", -1)),
+          t[72] || (t[72] = l()),
+          e("div", At, [
+            e("div", St, [
+              e("button", {
                 type: "button",
-                class: k(["btn btn-simple", { activeChoiceButton: n(f) }]),
-                onClick: t[4] || (t[4] = (o) => c())
+                class: y(["btn btn-simple", { activeChoiceButton: n(f) }]),
+                onClick: t[3] || (t[3] = (o) => _())
               }, "Weekly", 2),
-              t[61] || (t[61] = e()),
-              l("div", {
-                class: k(["weekdays", { blur: !n(f) }])
+              t[60] || (t[60] = l()),
+              e("div", {
+                class: y(["weekdays", { blur: !n(f) }])
               }, [
-                (r(!0), v(K, null, G(n(h), (o, a) => (r(), v("span", { key: a }, [
-                  l("button", {
+                (d(!0), v(K, null, G(n(h), (o, r) => (d(), v("span", { key: r }, [
+                  e("button", {
                     disabled: !n(f),
-                    class: k(["dayButtons", { activeItem: n(S) === a }]),
-                    onClick: (V) => L(a)
-                  }, i(o), 11, qt)
+                    class: y(["dayButtons", { activeItem: n(A) === r }]),
+                    onClick: (B) => j(r)
+                  }, u(o), 11, qt)
                 ]))), 128))
               ], 2)
             ]),
-            t[69] || (t[69] = e()),
-            l("div", xt, [
-              l("button", {
+            t[68] || (t[68] = l()),
+            e("div", Vt, [
+              e("button", {
                 type: "button",
-                class: k([{ activeChoiceButton: n(y) }, "btn btn-simple"]),
-                onClick: t[5] || (t[5] = (o) => _())
+                class: y([{ activeChoiceButton: n(k) }, "btn btn-simple"]),
+                onClick: t[4] || (t[4] = (o) => tt())
               }, "Monthly", 2),
-              t[68] || (t[68] = e()),
-              l("div", {
-                class: k(["d-flex daypicker my-3", { blur: !n(y) }])
+              t[67] || (t[67] = l()),
+              e("div", {
+                class: y(["d-flex daypicker my-3", { blur: !n(k) }])
               }, [
-                x(l("input", {
-                  "onUpdate:modelValue": t[6] || (t[6] = (o) => H(p) ? p.value = o : p = o),
-                  onInput: t[7] || (t[7] = (o) => L(s.index)),
-                  class: k({ dynamicWidth: n(T) }),
-                  disabled: !n(y)
-                }, null, 42, Nt), [
+                x(e("input", {
+                  "onUpdate:modelValue": t[5] || (t[5] = (o) => H(p) ? p.value = o : p = o),
+                  onInput: t[6] || (t[6] = (o) => j(s.index)),
+                  class: y({ dynamicWidth: n(Q) }),
+                  disabled: !n(k)
+                }, null, 42, It), [
                   [N, n(p)]
                 ]),
-                t[65] || (t[65] = e()),
-                l("div", Wt, [
-                  l("button", {
-                    onClick: t[8] || (t[8] = (o) => O("up")),
+                t[64] || (t[64] = l()),
+                e("div", Bt, [
+                  e("button", {
+                    onClick: t[7] || (t[7] = (o) => Y("up")),
                     class: "caretButtons ml-1"
-                  }, t[62] || (t[62] = [
-                    l("svg", {
+                  }, t[61] || (t[61] = [
+                    e("svg", {
                       xmlns: "http://www.w3.org/2000/svg",
                       width: "12",
                       height: "12",
@@ -326,15 +329,15 @@ const ft = { class: "container mb-3" }, bt = { class: "debug" }, gt = { key: 0 }
                       class: "bi bi-caret-up-fill",
                       viewBox: "0 0 16 16"
                     }, [
-                      l("path", { d: "m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z" })
+                      e("path", { d: "m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z" })
                     ], -1)
                   ])),
-                  t[64] || (t[64] = e()),
-                  l("button", {
-                    onClick: t[9] || (t[9] = (o) => O()),
+                  t[63] || (t[63] = l()),
+                  e("button", {
+                    onClick: t[8] || (t[8] = (o) => Y()),
                     class: "caretButtons mr-1"
-                  }, t[63] || (t[63] = [
-                    l("svg", {
+                  }, t[62] || (t[62] = [
+                    e("svg", {
                       xmlns: "http://www.w3.org/2000/svg",
                       width: "12",
                       height: "12",
@@ -342,68 +345,107 @@ const ft = { class: "container mb-3" }, bt = { class: "debug" }, gt = { key: 0 }
                       class: "bi bi-caret-down-fill",
                       viewBox: "0 0 16 16"
                     }, [
-                      l("path", { d: "M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z" })
+                      e("path", { d: "M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z" })
                     ], -1)
                   ]))
                 ]),
-                t[66] || (t[66] = e()),
-                t[67] || (t[67] = l("span", null, "day of the month", -1))
+                t[65] || (t[65] = l()),
+                t[66] || (t[66] = e("span", null, "day of the month", -1))
               ], 2)
             ])
           ])
         ]),
-        t[85] || (t[85] = e()),
-        l("div", Et, [
-          t[79] || (t[79] = l("h3", null, "Notification Threshold", -1)),
-          t[80] || (t[80] = e()),
-          t[81] || (t[81] = l("span", null, "This slider sets a threshold value. A notification email will be sent when the measured value increases and the difference between the first and last measurement exceeds the set threshold.", -1)),
-          t[82] || (t[82] = e()),
-          l("div", Tt, [
-            t[76] || (t[76] = l("div", { class: "d-flex justify-content-between" }, [
-              l("span", null, [
-                l("b", null, "0")
-              ]),
-              e(),
-              l("span", null, [
-                l("b", null, "400")
-              ])
+        t[88] || (t[88] = l()),
+        e("div", Ut, [
+          t[80] || (t[80] = e("h3", null, "Recipients Mail", -1)),
+          t[81] || (t[81] = l()),
+          t[82] || (t[82] = e("span", null, "Add and edit mail addresses for recieving the MQA report", -1)),
+          t[83] || (t[83] = l()),
+          n(b).length !== 0 ? (d(), v("table", {
+            key: 0,
+            class: "mt-4",
+            ref_key: "mailButtonWrap",
+            ref: Z
+          }, [
+            t[77] || (t[77] = e("tr", null, [
+              e("th", null, "Mail")
             ], -1)),
-            t[77] || (t[77] = e()),
-            x(l("input", {
-              type: "range",
-              "onUpdate:modelValue": t[10] || (t[10] = (o) => H(w) ? w.value = o : w = o),
-              min: "0",
-              max: "400"
-            }, null, 512), [
-              [N, n(w)]
+            t[78] || (t[78] = l()),
+            (d(!0), v(K, null, G(n(b), (o, r) => (d(), v("tr", {
+              class: "mailItems",
+              key: r
+            }, [
+              e("td", null, [
+                n(S) ? M("", !0) : (d(), v("span", Dt, u(o), 1)),
+                t[74] || (t[74] = l()),
+                n(S) ? x((d(), v("input", {
+                  key: 1,
+                  type: "text",
+                  "onUpdate:modelValue": (B) => n(b)[r] = B,
+                  class: y(["mail-input", { invalidNewMail: n(q)[r] }]),
+                  onInput: (B) => n(q)[r] = ""
+                }, null, 42, xt)), [
+                  [N, n(b)[r]]
+                ]) : M("", !0),
+                t[75] || (t[75] = l()),
+                e("div", null, [
+                  e("button", {
+                    type: "button",
+                    class: "btn btn-simple",
+                    onClick: (B) => n(S) ? st(r) : nt()
+                  }, u(n(S) ? "Save" : "Edit"), 9, Nt),
+                  t[73] || (t[73] = l()),
+                  e("button", {
+                    type: "button",
+                    class: "btn btn-simple",
+                    onClick: (B) => ot(r)
+                  }, "Delete", 8, Et)
+                ])
+              ]),
+              t[76] || (t[76] = l()),
+              n(q)[r] ? (d(), v("span", Wt, u(n(q)[r]), 1)) : M("", !0)
+            ]))), 128))
+          ], 512)) : M("", !0),
+          t[84] || (t[84] = l()),
+          e("div", Qt, [
+            x(e("input", {
+              type: "text",
+              "onUpdate:modelValue": t[9] || (t[9] = (o) => n(m).mail = o),
+              onInput: t[10] || (t[10] = (o) => n(m).isValid = !0),
+              class: y([{ invalidNewMail: !n(m).isValid }, "mail"]),
+              placeholder: "Enter email address"
+            }, null, 34), [
+              [N, n(m).mail]
             ]),
-            t[78] || (t[78] = e()),
-            l("p", null, [
-              t[74] || (t[74] = e("Lower than ")),
-              l("b", null, i(n(w)), 1),
-              t[75] || (t[75] = e(" Points"))
-            ])
-          ])
+            t[79] || (t[79] = l()),
+            e("button", {
+              type: "button",
+              class: "btn btn-simple mx-3",
+              onClick: t[11] || (t[11] = (o) => it())
+            }, "+ Add Mail")
+          ]),
+          t[85] || (t[85] = l()),
+          n(m).isValid ? M("", !0) : (d(), v("span", Rt, "*Invalid email format"))
         ]),
-        t[86] || (t[86] = e()),
-        l("div", Pt, [
-          l("button", {
+        t[89] || (t[89] = l()),
+        e("div", Tt, [
+          e("button", {
             type: "button",
             class: "btn btn-primary",
             onClick: lt
           }, "Save"),
-          t[83] || (t[83] = e()),
-          l("button", {
+          t[86] || (t[86] = l()),
+          e("button", {
             type: "button",
             class: "btn btn-cancel",
-            onClick: t[11] || (t[11] = (o) => it())
+            onClick: t[12] || (t[12] = (o) => at())
           }, "Cancel")
         ])
       ])) : M("", !0)
     ]));
   }
-}, Kt = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-0f58d176"]]);
+}, Ht = /* @__PURE__ */ ft(zt, [["__scopeId", "data-v-9d158fcf"]]);
 export {
-  Kt as default
+  Ht as default
 };
 //# sourceMappingURL=CatalogueMQA.vue.mjs.map