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

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 i, getCurrentInstance as it, openBlock as a, createElementBlock as v, createElementVNode as l, createTextVNode as e, toDisplayString as u, unref as n, createCommentVNode as A, normalizeClass as k, Fragment as Q, renderList as L, withDirectives as E, vModelText as T, isRef as G } from "vue";
+import { useRouter as ut, useRoute as rt } from "vue-router";
+import { useStore as at } from "vuex";
+import U 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 vt from "../_virtual/_plugin-vue_export-helper.mjs";
+const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }, mt = { key: 1 }, bt = { key: 0 }, gt = { class: "mqaWrapper" }, yt = { key: 0 }, kt = ["onUpdate:modelValue", "onInput"], Ct = ["onClick"], wt = ["onClick"], At = {
   key: 0,
   class: "errormsg"
-}, ut = { class: "my-3 d-flex" }, dt = ["disabled"], vt = {
+}, St = { 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 = {
+}, It = { class: "mqaWrapper" }, $t = { class: "d-flex mt-3" }, Vt = { class: "mr-3 my-3" }, qt = ["disabled", "onClick"], Nt = { class: "my-3" }, Bt = ["disabled"], Et = { class: "caretWrap" }, Tt = { class: "mqaWrapper" }, Dt = { class: "w-50 mt-3" }, Wt = { class: "actionWrapper" }, Pt = {
   __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 () => {
+  setup(Ut) {
+    const H = at(), D = ut(), x = (s) => {
+      H.dispatch("snackbar/showSnackbar", s);
+    }, N = () => {
+      x({
+        message: "Saved Successfully",
+        variant: "success"
+      });
+    }, J = rt();
+    let y = i(!1), m = i(!1), K = i(null), V = i("Activate"), W = i(!1), d = i(!1), b = i(), X = ["Mo", "Tue", "We", "Th", "Fr", "Sa", "Su"], p = i(1), I = i(!1), C = i(0), S = i(""), g = i(""), M = i(null);
+    const B = J.params.id, O = it(), Y = O.appContext.app.config.globalProperties.$env.api.notificationBaseUrl, P = O.appContext.app.config.globalProperties.$env.api.apiKey, z = (s) => {
+      m.value && (M.value = s, g.value = M);
+    }, Z = () => {
+      m.value = !0, y.value = !1, M.value = g.value;
+    }, h = () => {
+      m.value = !1, y.value = !0, M.value = g.value;
+    }, w = i({}), R = (s) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s);
+    let f = i({ mail: "", isValid: !0 }), $ = i({});
+    const c = async () => {
       const s = {
         method: "get",
-        url: `${O}/catalogue/${M}/setting`,
+        url: `${Y}/catalogue/${B}/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 U.request(s);
+        w.value = t.data, w.value.activeStatus === !0 && (d.value = !0, V.value = "Deactivate"), w.value.activeStatus === !1 && (d.value = !1, V.value = "Activate"), b.value = w.value.receiverEmailList, S.value = w.value.frequency.unit, g.value = w.value.frequency.value, C.value = w.value.threshold, S.value === "week" ? (m.value = !0, y.value = !1, M.value = g.value) : S.value === "month" && (m.value = !1, y.value = !0, p.value = g.value), console.log("Response:", t);
       } catch (t) {
         console.log("Full error:", t);
       }
-    }, F = async () => {
+    }, _ = async () => {
+      m.value === !0 ? (S.value = "week", g.value = M.value) : y.value === !0 && (S.value = "month", g.value = p.value);
       const s = {
         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/${B}/setting`,
         headers: {
-          Authorization: N,
+          Authorization: P,
           Accept: "application/json",
           "Content-Type": "application/json",
           "Access-Control-Allow-Origin": "*",
@@ -49,221 +61,261 @@ const _ = { class: "container mb-3" }, tt = { key: 0 }, lt = { key: 1 }, et = {
         },
         withCredentials: !0,
         data: JSON.stringify({
-          receiverEmailList: d.value,
+          receiverEmailList: b.value,
+          threshold: Number(C.value),
           frequency: {
-            unit: "week",
-            value: 9
+            unit: S.value,
+            value: g.value
           },
           activeStatus: !0
         })
       };
       try {
-        const t = await D.request(s);
-        return console.log("Settings updated:", t.data), t.data;
+        const t = await U.request(s);
+        return console.log("Settings updated:", t.data), N(), D.push({ name: "DataProviderInterface-UserCatalogues" }), t.data;
       } catch (t) {
-        throw console.log("Error updating settings:", t), t;
+        throw N(), console.log("Error updating settings:", t), t;
       }
     };
-    V(), Y(E, (s) => {
-      d.value.forEach((t) => {
-        t.readonly = !0;
+    c();
+    const j = async () => {
+      const s = {
+        method: "post",
+        url: `https://piveau-metrics-notifications-piveau.apps.osc.fokus.fraunhofer.de/catalogue/${B}/setting`,
+        headers: {
+          Authorization: P,
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          "Access-Control-Allow-Origin": "*",
+          "Access-Control-Allow-Methods": "GET, POST, OPTIONS",
+          "Access-Control-Allow-Headers": "Authorization"
+        },
+        withCredentials: !0,
+        data: JSON.stringify({
+          activeStatus: d.value
+        })
+      };
+      try {
+        const t = await U.request(s);
+        return console.log("Settings updated:", t.data), N(), d.value || D.push({ name: "DataProviderInterface-UserCatalogues" }), t.data;
+      } catch (t) {
+        throw N(), console.log("Error updating settings:", t), t;
+      }
+    }, tt = () => {
+      I.value = !0, x({
+        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);
+    }, lt = (s) => {
+      const t = b.value[s].trim();
+      R(t) ? (I.value = !1, delete $.value[s]) : $.value[s] = "*Invalid email format";
+    }, et = (s) => {
+      b.value.splice(s, 1);
+    }, F = (s) => {
+      s === "up" && p.value < 28 ? (p.value > 8 && (W.value = !0), p.value++) : p.value > 1 && (p.value < 11 && (W.value = !1), p.value--);
+    }, nt = () => {
+      if (f.value.mail.trim() === "") {
+        f.value.isValid = !1;
+        return;
+      }
+      R(f.value.mail) ? (b.value.push(f.value.mail), f.value.mail = "", f.value.isValid = !0) : f.value.isValid = !1;
+    }, st = () => {
+      d.value ? (d.value = !1, V.value = "Activate", j()) : (d.value = !0, V.value = "Deactivate", j());
+    }, ot = () => {
+      D.push({ name: "DataProviderInterface-UserCatalogues" });
     };
-    return (s, t) => (p(), m("div", _, [
+    return (s, t) => (a(), v("div", dt, [
       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", pt, [
+            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(" " + u(w.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(" " + u(n(b)) + " ", 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: ` + u(n(m)), 1),
+            t[26] || (t[26] = l("br", null, null, -1)),
+            e(`
+                    monthly: ` + u(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: ` + u(n(S)) + " ", 1),
+            t[30] || (t[30] = l("br", null, null, -1)),
+            e(`
+                    value: ` + u(n(g)) + " ", 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: ` + u(n(C)), 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, u(n(B)), 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(d) ? A("", !0) : (a(), v("span", ft, "deactivated")),
+              t[35] || (t[35] = e()),
+              n(d) ? (a(), v("span", mt, "activated")) : A("", !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)
+          class: k({ "btn btn-primary mb-5": !n(d), "btn btn-secondary": n(d) }),
+          onClick: t[0] || (t[0] = (o) => st())
+        }, u(n(V)), 3)
       ]),
-      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(d) ? (a(), v("div", bt, [
+        l("div", gt, [
+          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(b).length != 0 ? (a(), v("table", {
             key: 0,
+            class: "mt-4",
             ref_key: "mailButtonWrap",
-            ref: E
+            ref: K
           }, [
-            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, L(n(b), (o, r) => (a(), v("tr", {
+              class: "mailItems",
+              key: r
+            }, [
               l("td", null, [
-                l("input", {
+                n(I) ? A("", !0) : (a(), v("span", yt, u(o), 1)),
+                t[46] || (t[46] = e()),
+                n(I) ? E((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(b)[r] = q,
+                  class: k(["mail-input", { invalidNewMail: n($)[r] }]),
+                  onInput: (q) => n($)[r] = ""
+                }, null, 42, kt)), [
+                  [T, n(b)[r]]
+                ]) : A("", !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) ? lt(r) : tt()
+                  }, u(n(I) ? "Save" : "Edit"), 9, Ct),
+                  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) => et(r)
+                  }, "Delete", 8, wt)
                 ])
               ]),
-              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, [
-            B(l("input", {
+              t[48] || (t[48] = e()),
+              n($)[r] ? (a(), v("span", At, u(n($)[r]), 1)) : A("", !0)
+            ]))), 128))
+          ], 512)) : A("", !0),
+          t[56] || (t[56] = e()),
+          l("div", St, [
+            E(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 }),
-              style: { padding: "0.25rem" }
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => n(f).mail = o),
+              onInput: t[2] || (t[2] = (o) => n(f).isValid = !0),
+              class: k([{ invalidNewMail: !n(f).isValid }, "mail"]),
+              placeholder: "Enter email address"
             }, null, 34), [
-              [S, o(f).mail]
+              [T, n(f).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] = (o) => nt())
+            }, "+ 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(f).isValid ? A("", !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", It, [
+          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", $t, [
+            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: k(["btn btn-simple", { activeChoiceButton: n(m) }]),
+                onClick: t[4] || (t[4] = (o) => Z())
               }, "Weekly", 2),
-              t[36] || (t[36] = e()),
+              t[58] || (t[58] = e()),
               l("div", {
-                class: b(["weekdays", { blur: !o(u) }])
+                class: k(["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, L(n(X), (o, r) => (a(), v("span", { key: r }, [
                   l("button", {
-                    disabled: !o(u),
-                    class: "dayButtons"
-                  }, x(n), 9, bt)
-                ], 8, yt))), 256))
+                    disabled: !n(m),
+                    class: k(["dayButtons", { activeItem: n(M) === r }]),
+                    onClick: (q) => z(r)
+                  }, u(o), 11, qt)
+                ]))), 128))
               ], 2)
             ]),
-            t[44] || (t[44] = e()),
-            l("div", gt, [
+            t[66] || (t[66] = e()),
+            l("div", Nt, [
               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: k([{ activeChoiceButton: n(y) }, "btn btn-simple"]),
+                onClick: t[5] || (t[5] = (o) => h())
               }, "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: k(["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)]
+                E(l("input", {
+                  "onUpdate:modelValue": t[6] || (t[6] = (o) => G(p) ? p.value = o : p = o),
+                  onInput: t[7] || (t[7] = (o) => z(s.index)),
+                  class: k({ dynamicWidth: n(W) }),
+                  disabled: !n(y)
+                }, null, 42, Bt), [
+                  [T, n(p)]
                 ]),
-                t[40] || (t[40] = e(`.
-                            `)),
-                l("div", kt, [
+                t[62] || (t[62] = e()),
+                l("div", Et, [
                   l("button", {
-                    onClick: t[8] || (t[8] = (n) => T("up")),
+                    onClick: t[8] || (t[8] = (o) => 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 +327,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] = (o) => 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 +344,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", Tt, [
+          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 for triggering the report.", -1)),
+          t[79] || (t[79] = e()),
+          l("div", Dt, [
+            t[73] || (t[73] = l("div", { class: "d-flex justify-content-between" }, [
               l("span", null, [
                 l("b", null, "0")
               ]),
@@ -315,42 +366,42 @@ const _ = { class: "container mb-3" }, tt = { key: 0 }, lt = { key: 1 }, et = {
                 l("b", null, "400")
               ])
             ], -1)),
-            t[52] || (t[52] = e()),
-            B(l("input", {
+            t[74] || (t[74] = e()),
+            E(l("input", {
               type: "range",
-              "onUpdate:modelValue": t[10] || (t[10] = (n) => $.value = n),
+              "onUpdate:modelValue": t[10] || (t[10] = (o) => G(C) ? C.value = o : C = o),
               min: "0",
               max: "400"
             }, null, 512), [
-              [S, $.value]
+              [T, n(C)]
             ]),
-            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, u(n(C)), 1),
+              t[72] || (t[72] = e(" Points"))
             ])
           ])
         ]),
-        t[61] || (t[61] = e()),
-        l("div", xt, [
+        t[83] || (t[83] = e()),
+        l("div", Wt, [
           l("button", {
             type: "button",
-            class: "btn btn-secondary",
-            onClick: F
+            class: "btn btn-primary",
+            onClick: _
           }, "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] = (o) => ot())
           }, "Cancel")
         ])
-      ])) : C("", !0)
+      ])) : A("", !0)
     ]));
   }
-}, Tt = /* @__PURE__ */ h(Mt, [["__scopeId", "data-v-dd84825d"]]);
+}, Qt = /* @__PURE__ */ vt(Pt, [["__scopeId", "data-v-f74c3d6f"]]);
 export {
-  Tt as default
+  Qt as default
 };
 //# sourceMappingURL=CatalogueMQA.vue.mjs.map