@piveau/piveau-hub-ui-modules 4.5.10 → 4.5.11

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

@@ -1,46 +1,58 @@
-import { ref as a, getCurrentInstance as X, openBlock as p, createElementBlock as m, createElementVNode as l, createTextVNode as e, toDisplayString as x, unref as o, createCommentVNode as C, Fragment as z, renderList as R, normalizeClass as b, withDirectives as B, vModelText as S, isRef as A } from "vue";
-import { onClickOutside as Y } from "../external/@vueuse/core/index";
-import { useRoute as c } from "vue-router";
-import D from "axios";
+import { ref as u, getCurrentInstance as ot, openBlock as a, createElementBlock as v, createElementVNode as l, createTextVNode as e, toDisplayString as i, unref as n, createCommentVNode as w, Fragment as Q, renderList as j, withDirectives as B, normalizeClass as A, vModelText as N, isRef as L } from "vue";
+import { useRouter as ut, useRoute as it } from "vue-router";
+import { useStore as rt } from "vuex";
+import O from "axios";
 import "./CatalogueMQA.vue2.mjs";
-import h from "../_virtual/_plugin-vue_export-helper.mjs";
-const _ = { class: "container mb-3" }, tt = { key: 0 }, lt = { key: 1 }, et = { key: 0 }, nt = { class: "mqaWrapper" }, ot = { class: "mailItems" }, st = ["value", "readonly", "onInput"], it = ["onClick"], at = ["onClick"], rt = {
+import at from "../_virtual/_plugin-vue_export-helper.mjs";
+const vt = { class: "container mb-3" }, dt = { class: "debug" }, pt = { key: 0 }, mt = { key: 1 }, ft = { key: 0 }, bt = { class: "mqaWrapper" }, yt = { key: 0 }, gt = ["onUpdate:modelValue", "onInput"], kt = ["onClick"], Ct = ["onClick"], wt = {
   key: 0,
   class: "errormsg"
-}, ut = { class: "my-3 d-flex" }, dt = ["disabled"], vt = {
+}, At = { class: "d-flex mt-3" }, Mt = {
   key: 1,
   class: "errormsg"
-}, pt = { class: "mqaWrapper" }, mt = { class: "d-flex" }, ft = { class: "mr-3 my-3" }, yt = ["onClick"], bt = ["disabled"], gt = { class: "my-3" }, Ct = ["disabled"], kt = { class: "caretWrap" }, wt = { class: "mqaWrapper" }, At = { class: "w-50" }, xt = { class: "actionWrapper" }, Mt = {
+}, St = { class: "mqaWrapper" }, It = { class: "d-flex mt-3" }, Vt = { class: "mr-3 my-3" }, $t = ["disabled", "onClick"], qt = { class: "my-3" }, Bt = ["disabled"], Nt = { class: "caretWrap" }, Wt = { class: "mqaWrapper" }, Et = { class: "w-50 mt-3" }, xt = { class: "actionWrapper" }, Dt = {
   __name: "CatalogueMQA",
-  setup(It) {
-    const L = c();
-    let r = a(!1), u = a(!1), f = a({ mail: "", valid: !0 }), E = a(null);
-    a(!0);
-    let k = a("Activate"), w = a(!1), y = a(!1), d = a(), j = ["Mo", "Tue", "We", "Th", "Fr", "Sa", "Su"], i = a(1);
-    const M = L.params.id, W = X(), O = W.appContext.app.config.globalProperties.$env.api.notificationBaseUrl, N = W.appContext.app.config.globalProperties.$env.api.apiKey, I = a({}), $ = a(0), P = /^(2[0-8]|[1-9])$/;
-    d.value = [{ mail: "mail@mail2.com", readonly: !0, valid: !0 }, { mail: "mail@mail1.com", readonly: !0, valid: !0 }];
-    const V = async () => {
-      const s = {
+  setup(Ut) {
+    const K = rt(), x = ut(), D = (o) => {
+      K.dispatch("snackbar/showSnackbar", o);
+    }, U = () => {
+      D({
+        message: "Saved Successfully",
+        variant: "success"
+      });
+    }, G = it();
+    let y = u(!1), m = u(!1), H = u(null), $ = u("Activate"), W = u(!1), g = u(!1), f = u(), J = ["Mo", "Tue", "We", "Th", "Fr", "Sa", "Su"], d = u(1), I = u(!1), k = u(0), M = u(""), b = u(""), S = u(null);
+    const E = G.params.id, T = ot(), X = T.appContext.app.config.globalProperties.$env.api.notificationBaseUrl, P = T.appContext.app.config.globalProperties.$env.api.apiKey, R = (o) => {
+      m.value && (S.value = o, b.value = S);
+    }, Y = () => {
+      m.value = !0, y.value = !1, S.value = b.value;
+    }, Z = () => {
+      m.value = !1, y.value = !0, S.value = b.value;
+    }, C = u({}), z = (o) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o);
+    let p = u({ mail: "", isValid: !0 }), V = u({});
+    const h = async () => {
+      const o = {
         method: "get",
-        url: `${O}/catalogue/${M}/setting`,
+        url: `${X}/catalogue/${E}/setting`,
         headers: {
-          Authorization: N,
+          Authorization: P,
           Accept: "application/json"
         },
         withCredentials: !0
       };
       try {
-        const t = await D.request(s);
-        I.value = t.data, I.value.activeStatus === !0 && (y.value = !0, k.value = "Deactivate"), I.value.activeStatus === !1 && (y.value = !1, k.value = "Activate"), console.log("Response:", t);
+        const t = await O.request(o);
+        C.value = t.data, C.value.activeStatus === !0 && (g.value = !0, $.value = "Deactivate"), C.value.activeStatus === !1 && (g.value = !1, $.value = "Activate"), f.value = C.value.receiverEmailList, M.value = C.value.frequency.unit, b.value = C.value.frequency.value, k.value = C.value.threshold, M.value === "week" ? (m.value = !0, y.value = !1, S.value = b.value) : M.value === "month" && (m.value = !1, y.value = !0, d.value = b.value), console.log("Response:", t);
       } catch (t) {
         console.log("Full error:", t);
       }
-    }, F = async () => {
-      const s = {
+    }, c = async () => {
+      m.value === !0 ? (M.value = "week", b.value = S.value) : y.value === !0 && (M.value = "month", b.value = d.value);
+      const o = {
         method: "post",
-        url: `https://piveau-metrics-notifications-piveau.apps.osc.fokus.fraunhofer.de/catalogue/${M}/setting`,
+        url: `https://piveau-metrics-notifications-piveau.apps.osc.fokus.fraunhofer.de/catalogue/${E}/setting`,
         headers: {
-          Authorization: N,
+          Authorization: P,
           Accept: "application/json",
           "Content-Type": "application/json",
           "Access-Control-Allow-Origin": "*",
@@ -49,221 +61,239 @@ const _ = { class: "container mb-3" }, tt = { key: 0 }, lt = { key: 1 }, et = {
         },
         withCredentials: !0,
         data: JSON.stringify({
-          receiverEmailList: d.value,
+          receiverEmailList: f.value,
+          threshold: Number(k.value),
           frequency: {
-            unit: "week",
-            value: 9
+            unit: M.value,
+            value: b.value
           },
           activeStatus: !0
         })
       };
       try {
-        const t = await D.request(s);
-        return console.log("Settings updated:", t.data), t.data;
+        const t = await O.request(o);
+        return console.log("Settings updated:", t.data), U(), x.push({ name: "DataProviderInterface-UserCatalogues" }), t.data;
       } catch (t) {
-        throw console.log("Error updating settings:", t), t;
+        throw U(), console.log("Error updating settings:", t), t;
       }
     };
-    V(), Y(E, (s) => {
-      d.value.forEach((t) => {
-        t.readonly = !0;
+    h();
+    const _ = () => {
+      I.value = !0, D({
+        message: "Email added successfully.",
+        variant: "success"
       });
-    });
-    const Q = () => {
-      const s = document.getElementsByClassName("dayButtons");
-      for (let t = 0; t < s.length; t++)
-        s[t].classList.remove("activeItem");
-    }, T = (s) => {
-      s === "up" && i.value < 28 ? (i.value > 8 && (w.value = !0), i.value++) : i.value > 1 && (i.value < 11 && (w.value = !1), i.value--);
-    }, U = (s, t) => {
-      t.target.classList.toggle("activeItem");
-    }, Z = () => {
-      P.test(i.value) || (i.value = "28"), i.value > 8 ? w.value = !0 : w.value = !1;
-    }, K = () => {
-      f.value.mail != "" && (d.value.push({ mail: f.value.mail, readonly: !0, valid: !0 }), f.value = { mail: "", valid: !0 });
-    }, G = () => {
-      y.value ? (y.value = !1, k.value = "Activate") : (y.value = !0, k.value = "Deactivate");
-    }, H = (s) => {
-      d.value.forEach((t) => {
-        t.readonly = !0;
-      }), s.readonly = !s.readonly;
-    }, q = (s, t) => {
-      const n = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, v = s.target.value;
-      n.test(v) || v === "" ? (d.value.forEach((g) => {
-        g.mail === t && (g.mail = v, g.valid = !0);
-      }), t === void 0 && (f.value.valid = !0)) : (d.value.forEach((g) => {
-        g.mail === t && (g.valid = !1);
-      }), t === void 0 && (f.value.valid = !1));
-    }, J = (s) => {
-      let t = -1;
-      d.value.forEach((n, v) => {
-        n.mail === s && (t = v);
-      }), t !== -1 && d.value.splice(t, 1);
+    }, tt = (o) => {
+      const t = f.value[o].trim();
+      z(t) ? (I.value = !1, delete V.value[o]) : V.value[o] = "*Invalid email format";
+    }, lt = (o) => {
+      f.value.splice(o, 1);
+    }, F = (o) => {
+      o === "up" && d.value < 28 ? (d.value > 8 && (W.value = !0), d.value++) : d.value > 1 && (d.value < 11 && (W.value = !1), d.value--);
+    }, et = () => {
+      if (p.value.mail.trim() === "") {
+        p.value.isValid = !1;
+        return;
+      }
+      z(p.value.mail) ? (f.value.push(p.value.mail), p.value.mail = "", p.value.isValid = !0) : p.value.isValid = !1;
+    }, nt = () => {
+      g.value ? (g.value = !1, $.value = "Activate") : (g.value = !0, $.value = "Deactivate");
+    }, st = () => {
+      x.push({ name: "DataProviderInterface-UserCatalogues" });
     };
-    return (s, t) => (p(), m("div", _, [
+    return (o, t) => (a(), v("div", vt, [
       l("div", null, [
         l("div", null, [
-          t[18] || (t[18] = l("div", { class: "debug" }, [
-            l("strong", null, " API object:"),
-            e(),
-            l("br"),
-            l("br")
-          ], -1)),
-          t[19] || (t[19] = e()),
-          t[20] || (t[20] = l("h1", null, "MQA Report Settings", -1)),
-          t[21] || (t[21] = e()),
+          l("div", dt, [
+            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)),
+            e(" " + i(C.value) + " ", 1),
+            t[16] || (t[16] = l("br", null, null, -1)),
+            t[17] || (t[17] = e(" --- ")),
+            t[18] || (t[18] = l("br", null, null, -1)),
+            e(" " + i(n(f)) + " ", 1),
+            t[19] || (t[19] = l("br", null, null, -1)),
+            t[20] || (t[20] = e("---")),
+            t[21] || (t[21] = l("br", null, null, -1)),
+            t[22] || (t[22] = e()),
+            t[23] || (t[23] = l("strong", null, "Fequency:", -1)),
+            t[24] || (t[24] = e()),
+            t[25] || (t[25] = l("br", null, null, -1)),
+            e(`
+                    weekly: ` + i(n(m)), 1),
+            t[26] || (t[26] = l("br", null, null, -1)),
+            e(`
+                    monthly: ` + i(n(y)) + " ", 1),
+            t[27] || (t[27] = l("br", null, null, -1)),
+            t[28] || (t[28] = e()),
+            t[29] || (t[29] = l("p", null, null, -1)),
+            e(`
+                    unit: ` + i(n(M)) + " ", 1),
+            t[30] || (t[30] = l("br", null, null, -1)),
+            e(`
+                    value: ` + i(n(b)) + " ", 1),
+            t[31] || (t[31] = l("br", null, null, -1)),
+            t[32] || (t[32] = e("---")),
+            t[33] || (t[33] = l("br", null, null, -1)),
+            e(`
+                    treshold: ` + i(n(k)), 1)
+          ]),
+          t[40] || (t[40] = e()),
+          t[41] || (t[41] = l("h1", null, "MQA Report Settings", -1)),
+          t[42] || (t[42] = e()),
           l("p", null, [
-            t[12] || (t[12] = e(`Configuration for
-                       
-                    
-                     `)),
-            l("strong", null, x(o(M)), 1)
+            t[34] || (t[34] = e(`Configuration for
+
+                    `)),
+            l("strong", null, i(n(E)), 1)
           ]),
-          t[22] || (t[22] = e()),
+          t[43] || (t[43] = e()),
           l("p", null, [
-            t[14] || (t[14] = e("For this Catalogue the ")),
-            t[15] || (t[15] = l("b", null, "MQA Rating Checks ", -1)),
-            t[16] || (t[16] = e("are currently ")),
+            t[36] || (t[36] = e("For this Catalogue the ")),
+            t[37] || (t[37] = l("b", null, "MQA Rating Checks ", -1)),
+            t[38] || (t[38] = e("are currently ")),
             l("b", null, [
-              o(y) ? C("", !0) : (p(), m("span", tt, "deactivated")),
-              t[13] || (t[13] = e()),
-              o(y) ? (p(), m("span", lt, "activated")) : C("", !0)
+              n(g) ? w("", !0) : (a(), v("span", pt, "deactivated")),
+              t[35] || (t[35] = e()),
+              n(g) ? (a(), v("span", mt, "activated")) : w("", !0)
             ]),
-            t[17] || (t[17] = e("."))
+            t[39] || (t[39] = e("."))
           ])
         ]),
-        t[23] || (t[23] = e()),
+        t[44] || (t[44] = e()),
         l("button", {
           type: "button",
           class: "btn btn-secondary",
-          onClick: t[0] || (t[0] = (n) => G())
-        }, x(o(k)), 1)
+          onClick: t[0] || (t[0] = (s) => nt())
+        }, i(n($)), 1)
       ]),
-      t[62] || (t[62] = e()),
-      o(y) ? (p(), m("div", et, [
-        l("div", nt, [
-          t[30] || (t[30] = l("h3", null, "Recipients Mail", -1)),
-          t[31] || (t[31] = e()),
-          t[32] || (t[32] = l("span", null, "Add and edit mail addresses for recieving the MQA report", -1)),
-          t[33] || (t[33] = e()),
-          o(d).length != 0 ? (p(), m("table", {
+      t[84] || (t[84] = e()),
+      n(g) ? (a(), v("div", ft, [
+        l("div", bt, [
+          t[52] || (t[52] = l("h3", null, "Recipients Mail", -1)),
+          t[53] || (t[53] = e()),
+          t[54] || (t[54] = l("span", null, "Add and edit mail addresses for recieving the MQA report", -1)),
+          t[55] || (t[55] = e()),
+          n(f).length != 0 ? (a(), v("table", {
             key: 0,
+            class: "mt-4",
             ref_key: "mailButtonWrap",
-            ref: E
+            ref: H
           }, [
-            t[27] || (t[27] = l("tr", null, [
+            t[49] || (t[49] = l("tr", null, [
               l("th", null, "Mail")
             ], -1)),
-            t[28] || (t[28] = e()),
-            (p(!0), m(z, null, R(o(d), (n) => (p(), m("tr", ot, [
+            t[50] || (t[50] = e()),
+            (a(!0), v(Q, null, j(n(f), (s, r) => (a(), v("tr", {
+              class: "mailItems",
+              key: r
+            }, [
               l("td", null, [
-                l("input", {
+                n(I) ? w("", !0) : (a(), v("span", yt, i(s), 1)),
+                t[46] || (t[46] = e()),
+                n(I) ? B((a(), v("input", {
+                  key: 1,
                   type: "text",
-                  value: n.mail,
-                  readonly: n.readonly,
-                  class: b({ editable: !n.readonly, invalid: !n.valid }),
-                  onInput: (v) => q(v, n.mail)
-                }, null, 42, st),
-                t[25] || (t[25] = e()),
+                  "onUpdate:modelValue": (q) => n(f)[r] = q,
+                  class: A(["mail-input", { invalidNewMail: n(V)[r] }]),
+                  onInput: (q) => n(V)[r] = ""
+                }, null, 42, gt)), [
+                  [N, n(f)[r]]
+                ]) : w("", !0),
+                t[47] || (t[47] = e()),
                 l("div", null, [
                   l("button", {
                     type: "button",
-                    class: "btn btn-secondary",
-                    onClick: (v) => H(n)
-                  }, "Edit", 8, it),
-                  t[24] || (t[24] = e()),
+                    class: "btn btn-simple",
+                    onClick: (q) => n(I) ? tt(r) : _()
+                  }, i(n(I) ? "Save" : "Edit"), 9, kt),
+                  t[45] || (t[45] = e()),
                   l("button", {
                     type: "button",
-                    class: "btn btn-secondary",
-                    onClick: (v) => J(n.mail)
-                  }, "Delete", 8, at)
+                    class: "btn btn-simple",
+                    onClick: (q) => lt(r)
+                  }, "Delete", 8, Ct)
                 ])
               ]),
-              t[26] || (t[26] = e()),
-              n.valid ? C("", !0) : (p(), m("span", rt, "*Invalid email format"))
-            ]))), 256))
-          ], 512)) : C("", !0),
-          t[34] || (t[34] = e()),
-          l("div", ut, [
+              t[48] || (t[48] = e()),
+              n(V)[r] ? (a(), v("span", wt, i(n(V)[r]), 1)) : w("", !0)
+            ]))), 128))
+          ], 512)) : w("", !0),
+          t[56] || (t[56] = e()),
+          l("div", At, [
             B(l("input", {
               type: "text",
-              "onUpdate:modelValue": t[1] || (t[1] = (n) => o(f).mail = n),
-              onInput: t[2] || (t[2] = (n) => q(n)),
-              class: b({ invalidNewMail: !o(f).valid }),
+              "onUpdate:modelValue": t[1] || (t[1] = (s) => n(p).mail = s),
+              onInput: t[2] || (t[2] = (s) => n(p).isValid = !0),
+              class: A({ invalidNewMail: !n(p).isValid }),
+              placeholder: "Enter email address",
               style: { padding: "0.25rem" }
             }, null, 34), [
-              [S, o(f).mail]
+              [N, n(p).mail]
             ]),
-            t[29] || (t[29] = e()),
+            t[51] || (t[51] = e()),
             l("button", {
               type: "button",
-              class: "btn btn-secondary mx-3",
-              disabled: !o(f).valid,
-              onClick: t[3] || (t[3] = (n) => K())
-            }, `+
-                        add Mail`, 8, dt)
+              class: "btn btn-simple mx-3",
+              onClick: t[3] || (t[3] = (s) => et())
+            }, "+ Add Mail")
           ]),
-          t[35] || (t[35] = e()),
-          o(f).valid ? C("", !0) : (p(), m("span", vt, "*Invalid email format"))
+          t[57] || (t[57] = e()),
+          n(p).isValid ? w("", !0) : (a(), v("span", Mt, "*Invalid email format"))
         ]),
-        t[59] || (t[59] = e()),
-        l("div", pt, [
-          t[45] || (t[45] = l("h3", null, "Frequency of Rating Checks", -1)),
-          t[46] || (t[46] = e()),
-          t[47] || (t[47] = l("span", null, `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
-                    labore et dolore magna aliquyam erat, sed diam voluptua`, -1)),
-          t[48] || (t[48] = e()),
-          l("div", mt, [
-            l("div", ft, [
+        t[81] || (t[81] = e()),
+        l("div", St, [
+          t[67] || (t[67] = l("h3", null, "Frequency of Rating Checks", -1)),
+          t[68] || (t[68] = e()),
+          t[69] || (t[69] = l("span", null, "Configure the frequency of the MQA rating checks.", -1)),
+          t[70] || (t[70] = e()),
+          l("div", It, [
+            l("div", Vt, [
               l("button", {
                 type: "button",
-                class: b(["btn btn-secondary", { activeChoiceButton: o(u) === !0 }]),
-                onClick: t[4] || (t[4] = (n) => {
-                  A(u) ? u.value = !o(u) : u = !o(u), A(r) ? r.value = !1 : r = !1;
-                })
+                class: A(["btn btn-secondary", { activeChoiceButton: n(m) }]),
+                onClick: t[4] || (t[4] = (s) => Y())
               }, "Weekly", 2),
-              t[36] || (t[36] = e()),
+              t[58] || (t[58] = e()),
               l("div", {
-                class: b(["weekdays", { blur: !o(u) }])
+                class: A(["weekdays", { blur: !n(m) }])
               }, [
-                (p(!0), m(z, null, R(o(j), (n) => (p(), m("span", {
-                  onClick: (v) => U(n, v)
-                }, [
+                (a(!0), v(Q, null, j(n(J), (s, r) => (a(), v("span", { key: r }, [
                   l("button", {
-                    disabled: !o(u),
-                    class: "dayButtons"
-                  }, x(n), 9, bt)
-                ], 8, yt))), 256))
+                    disabled: !n(m),
+                    class: A(["dayButtons", { activeItem: n(S) === r }]),
+                    onClick: (q) => R(r)
+                  }, i(s), 11, $t)
+                ]))), 128))
               ], 2)
             ]),
-            t[44] || (t[44] = e()),
-            l("div", gt, [
+            t[66] || (t[66] = e()),
+            l("div", qt, [
               l("button", {
                 type: "button",
-                class: b([{ activeChoiceButton: o(r) === !0 }, "btn btn-secondary"]),
-                onClick: t[5] || (t[5] = (n) => {
-                  A(r) ? r.value = !o(r) : r = !o(r), A(u) ? u.value = !1 : u = !1, Q();
-                })
+                class: A([{ activeChoiceButton: n(y) }, "btn btn-secondary"]),
+                onClick: t[5] || (t[5] = (s) => Z())
               }, "Monthly", 2),
-              t[43] || (t[43] = e()),
+              t[65] || (t[65] = e()),
               l("div", {
-                class: b(["d-flex daypicker my-3", { blur: !o(r) }])
+                class: A(["d-flex daypicker my-3", { blur: !n(y) }])
               }, [
                 B(l("input", {
-                  "onUpdate:modelValue": t[6] || (t[6] = (n) => A(i) ? i.value = n : i = n),
-                  onInput: t[7] || (t[7] = (n) => Z()),
-                  class: b({ dynamicWidth: o(w) }),
-                  disabled: !o(r)
-                }, null, 42, Ct), [
-                  [S, o(i)]
+                  "onUpdate:modelValue": t[6] || (t[6] = (s) => L(d) ? d.value = s : d = s),
+                  onInput: t[7] || (t[7] = (s) => R(o.index)),
+                  class: A({ dynamicWidth: n(W) }),
+                  disabled: !n(y)
+                }, null, 42, Bt), [
+                  [N, n(d)]
                 ]),
-                t[40] || (t[40] = e(`.
-                            `)),
-                l("div", kt, [
+                t[62] || (t[62] = e()),
+                l("div", Nt, [
                   l("button", {
-                    onClick: t[8] || (t[8] = (n) => T("up")),
+                    onClick: t[8] || (t[8] = (s) => F("up")),
                     class: "caretButtons ml-1"
-                  }, t[37] || (t[37] = [
+                  }, t[59] || (t[59] = [
                     l("svg", {
                       xmlns: "http://www.w3.org/2000/svg",
                       width: "12",
@@ -275,11 +305,11 @@ const _ = { class: "container mb-3" }, tt = { key: 0 }, lt = { key: 1 }, et = {
                       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" })
                     ], -1)
                   ])),
-                  t[39] || (t[39] = e()),
+                  t[61] || (t[61] = e()),
                   l("button", {
-                    onClick: t[9] || (t[9] = (n) => T()),
+                    onClick: t[9] || (t[9] = (s) => F()),
                     class: "caretButtons mr-1"
-                  }, t[38] || (t[38] = [
+                  }, t[60] || (t[60] = [
                     l("svg", {
                       xmlns: "http://www.w3.org/2000/svg",
                       width: "12",
@@ -292,21 +322,20 @@ const _ = { class: "container mb-3" }, tt = { key: 0 }, lt = { key: 1 }, et = {
                     ], -1)
                   ]))
                 ]),
-                t[41] || (t[41] = e()),
-                t[42] || (t[42] = l("span", null, "day of the month", -1))
+                t[63] || (t[63] = e()),
+                t[64] || (t[64] = l("span", null, "day of the month", -1))
               ], 2)
             ])
           ])
         ]),
-        t[60] || (t[60] = e()),
-        l("div", wt, [
-          t[54] || (t[54] = l("h3", null, "Notification Treshold", -1)),
-          t[55] || (t[55] = e()),
-          t[56] || (t[56] = l("span", null, `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
-                    labore et dolore magna aliquyam erat, sed diam voluptua`, -1)),
-          t[57] || (t[57] = e()),
-          l("div", At, [
-            t[51] || (t[51] = l("div", { class: "d-flex justify-content-between" }, [
+        t[82] || (t[82] = e()),
+        l("div", Wt, [
+          t[76] || (t[76] = l("h3", null, "Notification Treshold", -1)),
+          t[77] || (t[77] = e()),
+          t[78] || (t[78] = l("span", null, "Set the threshold after which the report should be sent.", -1)),
+          t[79] || (t[79] = e()),
+          l("div", Et, [
+            t[73] || (t[73] = l("div", { class: "d-flex justify-content-between" }, [
               l("span", null, [
                 l("b", null, "0")
               ]),
@@ -315,42 +344,42 @@ const _ = { class: "container mb-3" }, tt = { key: 0 }, lt = { key: 1 }, et = {
                 l("b", null, "400")
               ])
             ], -1)),
-            t[52] || (t[52] = e()),
+            t[74] || (t[74] = e()),
             B(l("input", {
               type: "range",
-              "onUpdate:modelValue": t[10] || (t[10] = (n) => $.value = n),
+              "onUpdate:modelValue": t[10] || (t[10] = (s) => L(k) ? k.value = s : k = s),
               min: "0",
               max: "400"
             }, null, 512), [
-              [S, $.value]
+              [N, n(k)]
             ]),
-            t[53] || (t[53] = e()),
+            t[75] || (t[75] = e()),
             l("p", null, [
-              t[49] || (t[49] = e("Lower than ")),
-              l("b", null, x($.value), 1),
-              t[50] || (t[50] = e(" Points"))
+              t[71] || (t[71] = e("Lower than ")),
+              l("b", null, i(n(k)), 1),
+              t[72] || (t[72] = e(" Points"))
             ])
           ])
         ]),
-        t[61] || (t[61] = e()),
+        t[83] || (t[83] = e()),
         l("div", xt, [
           l("button", {
             type: "button",
-            class: "btn btn-secondary",
-            onClick: F
+            class: "btn btn-primary",
+            onClick: c
           }, "Save"),
-          t[58] || (t[58] = e()),
+          t[80] || (t[80] = e()),
           l("button", {
             type: "button",
-            class: "btn btn-secondary",
-            onClick: t[11] || (t[11] = (n) => s.back())
+            class: "btn btn-cancel",
+            onClick: t[11] || (t[11] = (s) => st())
           }, "Cancel")
         ])
-      ])) : C("", !0)
+      ])) : w("", !0)
     ]));
   }
-}, Tt = /* @__PURE__ */ h(Mt, [["__scopeId", "data-v-dd84825d"]]);
+}, jt = /* @__PURE__ */ at(Dt, [["__scopeId", "data-v-1e7e2d40"]]);
 export {
-  Tt as default
+  jt as default
 };
 //# sourceMappingURL=CatalogueMQA.vue.mjs.map