@piveau/piveau-hub-ui-modules 4.5.12 → 4.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/data-provider-interface/CatalogueMQA.vue.mjs +21 -21
- package/dist/data-provider-interface/CatalogueMQA.vue.mjs.map +1 -1
- package/dist/datasetDetails/DatasetDetails.vue.mjs +31 -29
- package/dist/datasetDetails/DatasetDetails.vue.mjs.map +1 -1
- package/dist/embed/DatasetEmbedModal.vue.d.ts +2 -0
- package/dist/embed/DatasetEmbedModal.vue.mjs +126 -88
- package/dist/embed/DatasetEmbedModal.vue.mjs.map +1 -1
- package/dist/embed/EmbedDataset.vue.mjs +31 -26
- package/dist/embed/EmbedDataset.vue.mjs.map +1 -1
- package/dist/embed/EmbedDatasetSnippet.vue.mjs +30 -25
- package/dist/embed/EmbedDatasetSnippet.vue.mjs.map +1 -1
- package/dist/piveau-hub-ui-modules.css +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { ref as i, getCurrentInstance as it, openBlock as a, createElementBlock as
|
|
1
|
+
import { ref as i, getCurrentInstance as it, openBlock as a, createElementBlock as d, 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";
|
|
2
2
|
import { useRouter as ut, useRoute as rt } from "vue-router";
|
|
3
3
|
import { useStore as at } from "vuex";
|
|
4
4
|
import U from "axios";
|
|
5
5
|
import "./CatalogueMQA.vue2.mjs";
|
|
6
|
-
import
|
|
7
|
-
const
|
|
6
|
+
import dt from "../_virtual/_plugin-vue_export-helper.mjs";
|
|
7
|
+
const vt = { 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 = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "errormsg"
|
|
10
10
|
}, St = { class: "d-flex mt-3" }, Mt = {
|
|
@@ -21,7 +21,7 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
21
21
|
variant: "success"
|
|
22
22
|
});
|
|
23
23
|
}, J = rt();
|
|
24
|
-
let y = i(!1), m = i(!1), K = i(null), V = i("Activate"), W = i(!1),
|
|
24
|
+
let y = i(!1), m = i(!1), K = i(null), V = i("Activate"), W = i(!1), v = 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);
|
|
25
25
|
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) => {
|
|
26
26
|
m.value && (M.value = s, g.value = M);
|
|
27
27
|
}, Z = () => {
|
|
@@ -42,7 +42,7 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
42
42
|
};
|
|
43
43
|
try {
|
|
44
44
|
const t = await U.request(s);
|
|
45
|
-
w.value = t.data, w.value.activeStatus === !0 && (
|
|
45
|
+
w.value = t.data, w.value.activeStatus === !0 && (v.value = !0, V.value = "Deactivate"), w.value.activeStatus === !1 && (v.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);
|
|
46
46
|
} catch (t) {
|
|
47
47
|
console.log("Full error:", t);
|
|
48
48
|
}
|
|
@@ -92,12 +92,12 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
92
92
|
},
|
|
93
93
|
withCredentials: !0,
|
|
94
94
|
data: JSON.stringify({
|
|
95
|
-
activeStatus:
|
|
95
|
+
activeStatus: v.value
|
|
96
96
|
})
|
|
97
97
|
};
|
|
98
98
|
try {
|
|
99
99
|
const t = await U.request(s);
|
|
100
|
-
return console.log("Settings updated:", t.data), N(),
|
|
100
|
+
return console.log("Settings updated:", t.data), N(), v.value || D.push({ name: "DataProviderInterface-UserCatalogues" }), t.data;
|
|
101
101
|
} catch (t) {
|
|
102
102
|
throw N(), console.log("Error updating settings:", t), t;
|
|
103
103
|
}
|
|
@@ -120,11 +120,11 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
120
120
|
}
|
|
121
121
|
R(f.value.mail) ? (b.value.push(f.value.mail), f.value.mail = "", f.value.isValid = !0) : f.value.isValid = !1;
|
|
122
122
|
}, st = () => {
|
|
123
|
-
|
|
123
|
+
v.value ? (v.value = !1, V.value = "Activate", j()) : (v.value = !0, V.value = "Deactivate", j());
|
|
124
124
|
}, ot = () => {
|
|
125
125
|
D.push({ name: "DataProviderInterface-UserCatalogues" });
|
|
126
126
|
};
|
|
127
|
-
return (s, t) => (a(),
|
|
127
|
+
return (s, t) => (a(), d("div", vt, [
|
|
128
128
|
l("div", null, [
|
|
129
129
|
l("div", null, [
|
|
130
130
|
l("div", pt, [
|
|
@@ -178,9 +178,9 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
178
178
|
t[37] || (t[37] = l("b", null, "MQA Rating Checks ", -1)),
|
|
179
179
|
t[38] || (t[38] = e("are currently ")),
|
|
180
180
|
l("b", null, [
|
|
181
|
-
n(
|
|
181
|
+
n(v) ? A("", !0) : (a(), d("span", ft, "deactivated")),
|
|
182
182
|
t[35] || (t[35] = e()),
|
|
183
|
-
n(
|
|
183
|
+
n(v) ? (a(), d("span", mt, "activated")) : A("", !0)
|
|
184
184
|
]),
|
|
185
185
|
t[39] || (t[39] = e("."))
|
|
186
186
|
])
|
|
@@ -188,18 +188,18 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
188
188
|
t[44] || (t[44] = e()),
|
|
189
189
|
l("button", {
|
|
190
190
|
type: "button",
|
|
191
|
-
class: k({ "btn btn-primary mb-5": !n(
|
|
191
|
+
class: k({ "btn btn-primary mb-5": !n(v), "btn btn-secondary": n(v) }),
|
|
192
192
|
onClick: t[0] || (t[0] = (o) => st())
|
|
193
193
|
}, u(n(V)), 3)
|
|
194
194
|
]),
|
|
195
195
|
t[84] || (t[84] = e()),
|
|
196
|
-
n(
|
|
196
|
+
n(v) ? (a(), d("div", bt, [
|
|
197
197
|
l("div", gt, [
|
|
198
198
|
t[52] || (t[52] = l("h3", null, "Recipients Mail", -1)),
|
|
199
199
|
t[53] || (t[53] = e()),
|
|
200
200
|
t[54] || (t[54] = l("span", null, "Add and edit mail addresses for recieving the MQA report", -1)),
|
|
201
201
|
t[55] || (t[55] = e()),
|
|
202
|
-
n(b).length != 0 ? (a(),
|
|
202
|
+
n(b).length != 0 ? (a(), d("table", {
|
|
203
203
|
key: 0,
|
|
204
204
|
class: "mt-4",
|
|
205
205
|
ref_key: "mailButtonWrap",
|
|
@@ -209,14 +209,14 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
209
209
|
l("th", null, "Mail")
|
|
210
210
|
], -1)),
|
|
211
211
|
t[50] || (t[50] = e()),
|
|
212
|
-
(a(!0),
|
|
212
|
+
(a(!0), d(Q, null, L(n(b), (o, r) => (a(), d("tr", {
|
|
213
213
|
class: "mailItems",
|
|
214
214
|
key: r
|
|
215
215
|
}, [
|
|
216
216
|
l("td", null, [
|
|
217
|
-
n(I) ? A("", !0) : (a(),
|
|
217
|
+
n(I) ? A("", !0) : (a(), d("span", yt, u(o), 1)),
|
|
218
218
|
t[46] || (t[46] = e()),
|
|
219
|
-
n(I) ? E((a(),
|
|
219
|
+
n(I) ? E((a(), d("input", {
|
|
220
220
|
key: 1,
|
|
221
221
|
type: "text",
|
|
222
222
|
"onUpdate:modelValue": (q) => n(b)[r] = q,
|
|
@@ -241,7 +241,7 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
241
241
|
])
|
|
242
242
|
]),
|
|
243
243
|
t[48] || (t[48] = e()),
|
|
244
|
-
n($)[r] ? (a(),
|
|
244
|
+
n($)[r] ? (a(), d("span", At, u(n($)[r]), 1)) : A("", !0)
|
|
245
245
|
]))), 128))
|
|
246
246
|
], 512)) : A("", !0),
|
|
247
247
|
t[56] || (t[56] = e()),
|
|
@@ -263,7 +263,7 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
263
263
|
}, "+ Add Mail")
|
|
264
264
|
]),
|
|
265
265
|
t[57] || (t[57] = e()),
|
|
266
|
-
n(f).isValid ? A("", !0) : (a(),
|
|
266
|
+
n(f).isValid ? A("", !0) : (a(), d("span", Mt, "*Invalid email format"))
|
|
267
267
|
]),
|
|
268
268
|
t[81] || (t[81] = e()),
|
|
269
269
|
l("div", It, [
|
|
@@ -282,7 +282,7 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
282
282
|
l("div", {
|
|
283
283
|
class: k(["weekdays", { blur: !n(m) }])
|
|
284
284
|
}, [
|
|
285
|
-
(a(!0),
|
|
285
|
+
(a(!0), d(Q, null, L(n(X), (o, r) => (a(), d("span", { key: r }, [
|
|
286
286
|
l("button", {
|
|
287
287
|
disabled: !n(m),
|
|
288
288
|
class: k(["dayButtons", { activeItem: n(M) === r }]),
|
|
@@ -400,7 +400,7 @@ const dt = { class: "container mb-3" }, pt = { class: "debug" }, ft = { key: 0 }
|
|
|
400
400
|
])) : A("", !0)
|
|
401
401
|
]));
|
|
402
402
|
}
|
|
403
|
-
}, Qt = /* @__PURE__ */
|
|
403
|
+
}, Qt = /* @__PURE__ */ dt(Pt, [["__scopeId", "data-v-79dfafde"]]);
|
|
404
404
|
export {
|
|
405
405
|
Qt as default
|
|
406
406
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CatalogueMQA.vue.mjs","sources":["../../lib/data-provider-interface/CatalogueMQA.vue"],"sourcesContent":["<template>\n <div class=\"container mb-3\">\n <div>\n <div>\n <div class=\"debug\">\n <strong> API object:</strong> <br><br>\n <!-- Disabled for PPE release (no backend on PPE yet)-->\n {{ notficationInfo }}\n\n <br> --- <br>\n\n {{ mailList }}\n\n <br>---<br>\n <strong>Fequency:</strong> <br>\n weekly: {{ weekly }}<br>\n monthly: {{ monthly }} <br>\n <p></p>\n unit: {{ frequencyUnit }} <br>\n value: {{ frequencyValue }}\n\n <br>---<br>\n treshold: {{ treshold }}\n\n </div>\n <h1>MQA Report Settings</h1>\n <p>Configuration for\n\n <strong>{{ catalogId }}</strong>\n <!-- <strong>Test Catalogue</strong> -->\n </p>\n <p>For this Catalogue the <b>MQA Rating Checks </b>are currently <b>\n <span v-if=\"!active\">deactivated</span>\n <span v-if=\"active\">activated</span></b>.</p>\n </div>\n\n <button type=\"button\" :class=\"{ 'btn btn-primary mb-5': !active, 'btn btn-secondary': active }\" @click=\"handleActivate()\">\n {{ activatedString }}\n </button>\n </div>\n \n <div v-if=\"active\">\n <div class=\"mqaWrapper\" >\n <h3>Recipients Mail</h3>\n <span>Add and edit mail addresses for recieving the MQA report</span>\n <table class=\"mt-4\" ref=\"mailButtonWrap\" v-if=\"mailList.length != 0\">\n <tr>\n <th>Mail</th>\n </tr>\n <tr v-for=\"(item, index) in mailList\" class=\"mailItems\" :key=\"index\">\n <td>\n <span v-if=\"!editMode\">{{ item }}</span>\n <input type=\"text\" v-model=\"mailList[index]\" class=\"mail-input\" v-if=\"editMode\"\n @input=\"editErrors[index] = ''\"\n :class=\"{ 'invalidNewMail': editErrors[index] }\" >\n \n <div>\n <button type=\"button\" class=\"btn btn-simple\"\n @click=\"editMode ? saveMail(index) : editMail(index)\">\n {{ editMode ? 'Save' : 'Edit' }}\n </button>\n <button type=\"button\" class=\"btn btn-simple\"\n @click=\"deleteMail(index)\">Delete</button>\n </div>\n </td>\n <span class=\"errormsg\" v-if=\"editErrors[index]\">{{ editErrors[index] }}</span>\n </tr>\n </table>\n <div class=\"d-flex mt-3\">\n <input type=\"text\" v-model=\"newMail.mail\" @input=\"newMail.isValid = true\"\n :class=\"{ 'invalidNewMail': !newMail.isValid }\" placeholder=\"Enter email address\"\n class=\"mail\">\n <button type=\"button\" class=\"btn btn-simple mx-3\" @click=\"addNewMail()\">+ Add Mail</button>\n </div>\n <span class=\"errormsg\" v-if=\"!newMail.isValid\">*Invalid email format</span>\n </div>\n <div class=\"mqaWrapper\">\n <h3>Frequency of Rating Checks</h3>\n <span>Configure the frequency of the MQA rating checks.</span>\n\n <div class=\"d-flex mt-3\">\n <div class=\"mr-3 my-3\">\n <button type=\"button\" class=\"btn btn-simple\" @click=\"setWeekly()\"\n :class=\"{ 'activeChoiceButton': weekly }\">Weekly</button>\n <div class=\"weekdays\" :class=\"{ 'blur': !weekly }\">\n <span v-for=\"(day, index) in week\" :key=\"index\">\n <button :disabled=\"!weekly\" class=\"dayButtons\"\n :class=\"{ 'activeItem': selectedDay === index }\" @click=\"selectDay(index)\">\n {{ day }}\n </button>\n </span>\n </div>\n </div>\n <div class=\"my-3\">\n <button type=\"button\" :class=\"{ 'activeChoiceButton': monthly }\" class=\"btn btn-simple\"\n @click=\"setMonthly()\">Monthly</button>\n <div class=\"d-flex daypicker my-3\" :class=\"{ 'blur': !monthly }\">\n <input v-model=\"daysInMonth\" @input=\"selectDay(index)\" :class=\"{ dynamicWidth: inputWidth }\"\n :disabled=\"!monthly\">\n <div class=\"caretWrap\">\n <button @click=\"editDate('up')\" class=\"caretButtons ml-1\"><svg\n xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n class=\"bi bi-caret-up-fill\" viewBox=\"0 0 16 16\">\n <path\n 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\" />\n </svg></button>\n <button @click=\"editDate()\" class=\"caretButtons mr-1\"><svg\n xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n class=\"bi bi-caret-down-fill\" viewBox=\"0 0 16 16\">\n <path\n 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\" />\n </svg></button>\n </div>\n <span>day of the month</span> \n </div>\n </div>\n </div>\n </div>\n <div class=\"mqaWrapper\">\n <h3>Notification Treshold</h3>\n <span>Set the threshold for triggering the report.</span>\n <div class=\"w-50 mt-3\">\n <div class=\"d-flex justify-content-between\">\n <span><b>0</b></span>\n <span><b>400</b></span>\n </div>\n <input type=\"range\" v-model=\"treshold\" min=\"0\" max=\"400\" />\n <p>Lower than <b>{{ treshold }}</b> Points</p>\n </div>\n </div>\n <div class=\"actionWrapper\">\n <button type=\"button\" class=\"btn btn-primary\" @click=\"postNotificationSettings\">Save</button>\n <button type=\"button\" class=\"btn btn-cancel\" @click=\"back()\">Cancel</button>\n </div>\n </div>\n </div>\n\n</template>\n<script setup>\n\nimport { ref } from 'vue';\nimport { useRoute } from 'vue-router'\nimport { getCurrentInstance } from \"vue\";\nimport { useStore } from 'vuex';\nimport { useRouter } from 'vue-router';\n\n\nimport axios from 'axios'\n\nconst store = useStore();\nconst router = useRouter();\n\nconst showSnackbar = (payload) => {\n store.dispatch('snackbar/showSnackbar', payload);\n};\n\n\nconst triggerSnackbar = () => {\n showSnackbar({\n message: 'Saved Successfully',\n variant: 'success',\n });\n };\n\n// Map the showSnackbar action from the snackbar module\n\nconst route = useRoute()\n\nlet monthly = ref(false)\nlet weekly = ref(false)\nlet mailButtonWrap = ref(null)\nlet activatedString = ref('Activate')\nlet inputWidth = ref(false)\nlet active = ref(false)\nlet mailList = ref()\nlet week = ['Mo', 'Tue', 'We', 'Th', 'Fr', 'Sa', 'Su']\nlet daysInMonth = ref(1)\nlet editMode = ref(false);\nlet treshold = ref(0);\nlet frequencyUnit = ref('');\nlet frequencyValue = ref('');\nlet selectedDay = ref(null);\nconst catalogId = route.params.id\nconst app = getCurrentInstance()\nconst notificationBaseUrl = app.appContext.app.config.globalProperties.$env.api.notificationBaseUrl\nconst apiKey = app.appContext.app.config.globalProperties.$env.api.apiKey\n\nconst selectDay = (index) => {\n if (weekly.value) {\n selectedDay.value = index;\n frequencyValue.value = selectedDay; // Update frequencyValue when a day is selected\n } \n};\n\nconst setWeekly = () => {\n weekly.value = true;\n monthly.value = false;\n selectedDay.value = frequencyValue.value; // Set the selected day based on frequencyValue\n};\n\nconst setMonthly = () => {\n weekly.value = false;\n monthly.value = true;\n selectedDay.value = frequencyValue.value; // Set the day of the month based on frequencyValue\n};\n\nconst notficationInfo = ref({})\n\nconst isValidEmail = (email) => {\n const regex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return regex.test(email);\n};\n\nlet newMail = ref({ mail: '', isValid: true });\nlet editErrors = ref({});\n\n// enabeld for PPE release (dummy data)\n// mailList.value = [{ 'mail': \"mail@mail2.com\" }, { 'mail': \"mail@mail1.com\" }]\n\nconst fetchNotificationInfo = async () => {\n const config = {\n method: 'get',\n url: `${notificationBaseUrl}/catalogue/${catalogId}/setting`,\n headers: {\n 'Authorization': apiKey,\n 'Accept': 'application/json',\n },\n withCredentials: true\n }\n\n try {\n const response = await axios.request(config)\n notficationInfo.value = response.data\n\n if (notficationInfo.value.activeStatus === true) {\n active.value = true\n activatedString.value = 'Deactivate'\n } if (notficationInfo.value.activeStatus === false) {\n active.value = false\n activatedString.value = 'Activate'\n }\n\n mailList.value = notficationInfo.value.receiverEmailList\n frequencyUnit.value = notficationInfo.value.frequency.unit\n frequencyValue.value = notficationInfo.value.frequency.value\n treshold.value = notficationInfo.value.threshold\n\n if (frequencyUnit.value === 'week') {\n weekly.value = true\n monthly.value = false\n selectedDay.value = frequencyValue.value; // Set the selected day based on frequencyValue\n } else if (frequencyUnit.value === 'month') {\n weekly.value = false\n monthly.value = true\n daysInMonth.value = frequencyValue.value\n }\n\n console.log('Response:', response)\n } catch (error) {\n console.log('Full error:', error)\n }\n}\n\nconst postNotificationSettings = async () => {\n\n if (weekly.value === true) {\n frequencyUnit.value = \"week\"\n frequencyValue.value = selectedDay.value\n } else if (monthly.value === true) {\n frequencyUnit.value = \"month\"\n frequencyValue.value = daysInMonth.value\n }\n\n const config = {\n method: 'post',\n url: `https://piveau-metrics-notifications-piveau.apps.osc.fokus.fraunhofer.de/catalogue/${catalogId}/setting`,\n headers: {\n 'Authorization': apiKey,\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',\n 'Access-Control-Allow-Headers': 'Authorization'\n },\n withCredentials: true,\n data: JSON.stringify({\n receiverEmailList: mailList.value,\n threshold: Number(treshold.value),\n frequency: {\n unit: frequencyUnit.value,\n value: frequencyValue.value\n },\n activeStatus: true\n })\n }\n\n try {\n const response = await axios.request(config)\n console.log('Settings updated:', response.data)\n triggerSnackbar();\n router.push({ name: 'DataProviderInterface-UserCatalogues' });\n return response.data\n \n\n } catch (error) {\n triggerSnackbar({\n message: 'Error updating settings.',\n variant: 'error',\n });\n\n console.log('Error updating settings:', error)\n \n throw error\n \n }\n \n\n}\n\nfetchNotificationInfo()\n\nconst postDeactive = async () => {\n\n const config = {\n method: 'post',\n url: `https://piveau-metrics-notifications-piveau.apps.osc.fokus.fraunhofer.de/catalogue/${catalogId}/setting`,\n headers: {\n 'Authorization': apiKey,\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',\n 'Access-Control-Allow-Headers': 'Authorization'\n },\n withCredentials: true,\n data: JSON.stringify({\n activeStatus: active.value\n })\n }\n\n try {\n const response = await axios.request(config)\n console.log('Settings updated:', response.data)\n triggerSnackbar();\n if(!active.value) {router.push({ name: 'DataProviderInterface-UserCatalogues' });}\n return response.data\n \n\n } catch (error) {\n triggerSnackbar({\n message: 'Error updating settings.',\n variant: 'error',\n });\n\n console.log('Error updating settings:', error)\n \n throw error\n \n }\n}\n\nconst editMail = () => {\n editMode.value = true\n showSnackbar({\n message: 'Email added successfully.',\n variant: 'success',\n });\n}\n\nconst saveMail = (index) => {\n const email = mailList.value[index].trim();\n if (isValidEmail(email)) {\n editMode.value = false;\n delete editErrors.value[index];\n } else {\n editErrors.value[index] = '*Invalid email format';\n }\n};\n\nconst deleteMail = (index) => {\n mailList.value.splice(index, 1);\n}\n\nconst editDate = (count) => {\n if (count === \"up\" && daysInMonth.value < 28) {\n if (daysInMonth.value > 8) {\n inputWidth.value = true\n }\n daysInMonth.value++\n }\n else if (daysInMonth.value > 1) {\n if (daysInMonth.value < 11) {\n inputWidth.value = false\n }\n daysInMonth.value--\n }\n}\n\nconst addNewMail = () => {\n if (newMail.value.mail.trim() === '') {\n newMail.value.isValid = false;\n return;\n }\n if (isValidEmail(newMail.value.mail)) {\n mailList.value.push(newMail.value.mail);\n newMail.value.mail = ''; // Clear input after successful addition\n newMail.value.isValid = true;\n } else {\n newMail.value.isValid = false;\n }\n}\nconst handleActivate = () => {\n if (!active.value) {\n active.value = true\n activatedString.value = 'Deactivate'\n postDeactive()\n } else {\n active.value = false\n activatedString.value = 'Activate'\n postDeactive()\n }\n}\n\nconst back = () => {\n router.push({ name: 'DataProviderInterface-UserCatalogues' });\n}\n\n</script>\n<style scoped>\n.debug {\n position: fixed;\n right: 20px;\n top: 20px;\n border-radius: 20px;\n width: 400px;\n z-index: 999999;\n padding: 20px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n display: none; \n}\n\n.btn-simple {\n border-color: rgb(115, 115, 115);\n}\n\n.btn-cancel {\n border-color: transparent;\n}\n\n.mail {\n width: 270px;\n padding: 5px 5px 5px 10px;\n}\n\n\n.errormsg {\n color: red;\n font-size: 10px;\n}\n\n.activeChoiceButton {\n background-color: var(--primary);\n color: white;\n border-color: var(--primary);\n\n &:active {\n background-color: #3E6CD5 !important;\n }\n\n &:focus {\n outline: none;\n background-color: #3E6CD5;\n }\n\n &:focus-visible {\n outline: none;\n background-color: #3E6CD5;\n }\n}\n\n\n.invalid {\n border-bottom: 1px solid red !important;\n}\n\n.blur {\n opacity: 0.3;\n}\n\n.invalidNewMail {\n\n border-radius: 2px;\n border: 2px solid rgba(255, 0, 0, 0.336);\n\n &:focus {\n border-radius: 2px;\n box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n border: 1px solid rgba(255, 0, 0, 0.336);\n }\n\n &:focus-visible {\n outline: 0;\n border-radius: 2px;\n box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n border: 1px solid rgba(255, 0, 0, 0.336);\n }\n}\n\n.editable {\n transition: all 200ms ease-in-out;\n padding-left: 0.5rem;\n border-bottom: 2px solid var(--primary) !important;\n}\n\n.invalid {\n border-bottom: 1px solid red !important;\n}\n\n.caretButtons {\n all: unset;\n cursor: pointer;\n}\n\n.caretWrap {\n display: contents;\n\n}\n\n.actionWrapper {\n display: flex;\n flex-direction: row-reverse;\n margin-bottom: 100px;\n\n button {\n margin-left: 1rem;\n }\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\n.mqaWrapper {\n margin: 3rem 0;\n}\n\ntable {\n margin-top: 1rem;\n min-width: 50%;\n}\n\nth {\n border-bottom: 1px solid lightgray;\n}\n\ntd {\n display: flex;\n justify-content: space-between;\n padding: 15px 0 0 0cap;\n}\n\n.daypicker {\n padding: 1rem;\n border: 1px solid lightgray;\n border-radius: 15px;\n\n input {\n width: 25px;\n border: none;\n background-color: unset;\n font-weight: 700;\n }\n\n}\n\n.dynamicWidth {\n width: 22px !important;\n}\n\n.activeItem {\n background-color: var(--primary);\n color: white;\n}\n\n.weekdays {\n border: 1px solid lightgray;\n border-radius: 15px;\n margin: 1rem 0;\n overflow: hidden;\n\n .dayButtons {\n border: none;\n display: inline-block;\n text-align: center;\n flex-direction: row;\n min-width: 60px;\n padding: 1rem;\n border-right: 1px solid lightgray;\n cursor: pointer;\n\n &:focus-visible {\n outline: unset;\n background-color: #3E6CD5;\n color: white;\n }\n\n &:hover {\n background-color: #3E6CD5;\n color: white;\n }\n }\n\n span:last-child button {\n border: none;\n }\n}\n\n.mqaWrapper {\n padding: 1rem;\n background-color: #f5f5f5;\n border-radius: 3px;\n}\n\nbutton {\n background-color: unset;\n border: 1px solid var(--primary);\n color: black;\n\n &:hover {\n background-color: #3E6CD5;\n color: white;\n border: 1px solid #3E6CD5;\n }\n}\n\n.btn-primary {\n background-color: var(--primary);\n color: white;\n\n}\n\n.btn-secondary {\n color: #0e47cb;\n}\n\nbutton,\nspan {\n transition: all 100ms ease-in-out;\n}\n</style>"],"names":["store","useStore","router","useRouter","showSnackbar","payload","triggerSnackbar","route","useRoute","monthly","ref","weekly","mailButtonWrap","activatedString","inputWidth","active","mailList","week","daysInMonth","editMode","treshold","frequencyUnit","frequencyValue","selectedDay","catalogId","app","getCurrentInstance","notificationBaseUrl","apiKey","selectDay","index","setWeekly","setMonthly","notficationInfo","isValidEmail","email","newMail","editErrors","fetchNotificationInfo","config","response","axios","error","postNotificationSettings","postDeactive","editMail","saveMail","deleteMail","editDate","count","addNewMail","handleActivate","back"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CatalogueMQA.vue.mjs","sources":["../../lib/data-provider-interface/CatalogueMQA.vue"],"sourcesContent":["<template>\n <div class=\"container mb-3\">\n <div>\n <div>\n <div class=\"debug\">\n <strong> API object:</strong> <br><br>\n <!-- Disabled for PPE release (no backend on PPE yet)-->\n {{ notficationInfo }}\n\n <br> --- <br>\n\n {{ mailList }}\n\n <br>---<br>\n <strong>Fequency:</strong> <br>\n weekly: {{ weekly }}<br>\n monthly: {{ monthly }} <br>\n <p></p>\n unit: {{ frequencyUnit }} <br>\n value: {{ frequencyValue }}\n\n <br>---<br>\n treshold: {{ treshold }}\n\n </div>\n <h1>MQA Report Settings</h1>\n <p>Configuration for\n\n <strong>{{ catalogId }}</strong>\n <!-- <strong>Test Catalogue</strong> -->\n </p>\n <p>For this Catalogue the <b>MQA Rating Checks </b>are currently <b>\n <span v-if=\"!active\">deactivated</span>\n <span v-if=\"active\">activated</span></b>.</p>\n </div>\n\n <button type=\"button\" :class=\"{ 'btn btn-primary mb-5': !active, 'btn btn-secondary': active }\" @click=\"handleActivate()\">\n {{ activatedString }}\n </button>\n </div>\n \n <div v-if=\"active\">\n <div class=\"mqaWrapper\" >\n <h3>Recipients Mail</h3>\n <span>Add and edit mail addresses for recieving the MQA report</span>\n <table class=\"mt-4\" ref=\"mailButtonWrap\" v-if=\"mailList.length != 0\">\n <tr>\n <th>Mail</th>\n </tr>\n <tr v-for=\"(item, index) in mailList\" class=\"mailItems\" :key=\"index\">\n <td>\n <span v-if=\"!editMode\">{{ item }}</span>\n <input type=\"text\" v-model=\"mailList[index]\" class=\"mail-input\" v-if=\"editMode\"\n @input=\"editErrors[index] = ''\"\n :class=\"{ 'invalidNewMail': editErrors[index] }\" >\n \n <div>\n <button type=\"button\" class=\"btn btn-simple\"\n @click=\"editMode ? saveMail(index) : editMail(index)\">\n {{ editMode ? 'Save' : 'Edit' }}\n </button>\n <button type=\"button\" class=\"btn btn-simple\"\n @click=\"deleteMail(index)\">Delete</button>\n </div>\n </td>\n <span class=\"errormsg\" v-if=\"editErrors[index]\">{{ editErrors[index] }}</span>\n </tr>\n </table>\n <div class=\"d-flex mt-3\">\n <input type=\"text\" v-model=\"newMail.mail\" @input=\"newMail.isValid = true\"\n :class=\"{ 'invalidNewMail': !newMail.isValid }\" placeholder=\"Enter email address\"\n class=\"mail\">\n <button type=\"button\" class=\"btn btn-simple mx-3\" @click=\"addNewMail()\">+ Add Mail</button>\n </div>\n <span class=\"errormsg\" v-if=\"!newMail.isValid\">*Invalid email format</span>\n </div>\n <div class=\"mqaWrapper\">\n <h3>Frequency of Rating Checks</h3>\n <span>Configure the frequency of the MQA rating checks.</span>\n\n <div class=\"d-flex mt-3\">\n <div class=\"mr-3 my-3\">\n <button type=\"button\" class=\"btn btn-simple\" @click=\"setWeekly()\"\n :class=\"{ 'activeChoiceButton': weekly }\">Weekly</button>\n <div class=\"weekdays\" :class=\"{ 'blur': !weekly }\">\n <span v-for=\"(day, index) in week\" :key=\"index\">\n <button :disabled=\"!weekly\" class=\"dayButtons\"\n :class=\"{ 'activeItem': selectedDay === index }\" @click=\"selectDay(index)\">\n {{ day }}\n </button>\n </span>\n </div>\n </div>\n <div class=\"my-3\">\n <button type=\"button\" :class=\"{ 'activeChoiceButton': monthly }\" class=\"btn btn-simple\"\n @click=\"setMonthly()\">Monthly</button>\n <div class=\"d-flex daypicker my-3\" :class=\"{ 'blur': !monthly }\">\n <input v-model=\"daysInMonth\" @input=\"selectDay(index)\" :class=\"{ dynamicWidth: inputWidth }\"\n :disabled=\"!monthly\">\n <div class=\"caretWrap\">\n <button @click=\"editDate('up')\" class=\"caretButtons ml-1\"><svg\n xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n class=\"bi bi-caret-up-fill\" viewBox=\"0 0 16 16\">\n <path\n 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\" />\n </svg></button>\n <button @click=\"editDate()\" class=\"caretButtons mr-1\"><svg\n xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill=\"currentColor\"\n class=\"bi bi-caret-down-fill\" viewBox=\"0 0 16 16\">\n <path\n 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\" />\n </svg></button>\n </div>\n <span>day of the month</span> \n </div>\n </div>\n </div>\n </div>\n <div class=\"mqaWrapper\">\n <h3>Notification Treshold</h3>\n <span>Set the threshold for triggering the report.</span>\n <div class=\"w-50 mt-3\">\n <div class=\"d-flex justify-content-between\">\n <span><b>0</b></span>\n <span><b>400</b></span>\n </div>\n <input type=\"range\" v-model=\"treshold\" min=\"0\" max=\"400\" />\n <p>Lower than <b>{{ treshold }}</b> Points</p>\n </div>\n </div>\n <div class=\"actionWrapper\">\n <button type=\"button\" class=\"btn btn-primary\" @click=\"postNotificationSettings\">Save</button>\n <button type=\"button\" class=\"btn btn-cancel\" @click=\"back()\">Cancel</button>\n </div>\n </div>\n </div>\n\n</template>\n<script setup>\n\nimport { ref } from 'vue';\nimport { useRoute } from 'vue-router'\nimport { getCurrentInstance } from \"vue\";\nimport { useStore } from 'vuex';\nimport { useRouter } from 'vue-router';\n\n\nimport axios from 'axios'\n\nconst store = useStore();\nconst router = useRouter();\n\nconst showSnackbar = (payload) => {\n store.dispatch('snackbar/showSnackbar', payload);\n};\n\n\nconst triggerSnackbar = () => {\n showSnackbar({\n message: 'Saved Successfully',\n variant: 'success',\n });\n };\n\n// Map the showSnackbar action from the snackbar module\n\nconst route = useRoute()\n\nlet monthly = ref(false)\nlet weekly = ref(false)\nlet mailButtonWrap = ref(null)\nlet activatedString = ref('Activate')\nlet inputWidth = ref(false)\nlet active = ref(false)\nlet mailList = ref()\nlet week = ['Mo', 'Tue', 'We', 'Th', 'Fr', 'Sa', 'Su']\nlet daysInMonth = ref(1)\nlet editMode = ref(false);\nlet treshold = ref(0);\nlet frequencyUnit = ref('');\nlet frequencyValue = ref('');\nlet selectedDay = ref(null);\nconst catalogId = route.params.id\nconst app = getCurrentInstance()\nconst notificationBaseUrl = app.appContext.app.config.globalProperties.$env.api.notificationBaseUrl\nconst apiKey = app.appContext.app.config.globalProperties.$env.api.apiKey\n\nconst selectDay = (index) => {\n if (weekly.value) {\n selectedDay.value = index;\n frequencyValue.value = selectedDay; // Update frequencyValue when a day is selected\n } \n};\n\nconst setWeekly = () => {\n weekly.value = true;\n monthly.value = false;\n selectedDay.value = frequencyValue.value; // Set the selected day based on frequencyValue\n};\n\nconst setMonthly = () => {\n weekly.value = false;\n monthly.value = true;\n selectedDay.value = frequencyValue.value; // Set the day of the month based on frequencyValue\n};\n\nconst notficationInfo = ref({})\n\nconst isValidEmail = (email) => {\n const regex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return regex.test(email);\n};\n\nlet newMail = ref({ mail: '', isValid: true });\nlet editErrors = ref({});\n\n// enabeld for PPE release (dummy data)\n// mailList.value = [{ 'mail': \"mail@mail2.com\" }, { 'mail': \"mail@mail1.com\" }]\n\nconst fetchNotificationInfo = async () => {\n const config = {\n method: 'get',\n url: `${notificationBaseUrl}/catalogue/${catalogId}/setting`,\n headers: {\n 'Authorization': apiKey,\n 'Accept': 'application/json',\n },\n withCredentials: true\n }\n\n try {\n const response = await axios.request(config)\n notficationInfo.value = response.data\n\n if (notficationInfo.value.activeStatus === true) {\n active.value = true\n activatedString.value = 'Deactivate'\n } if (notficationInfo.value.activeStatus === false) {\n active.value = false\n activatedString.value = 'Activate'\n }\n\n mailList.value = notficationInfo.value.receiverEmailList\n frequencyUnit.value = notficationInfo.value.frequency.unit\n frequencyValue.value = notficationInfo.value.frequency.value\n treshold.value = notficationInfo.value.threshold\n\n if (frequencyUnit.value === 'week') {\n weekly.value = true\n monthly.value = false\n selectedDay.value = frequencyValue.value; // Set the selected day based on frequencyValue\n } else if (frequencyUnit.value === 'month') {\n weekly.value = false\n monthly.value = true\n daysInMonth.value = frequencyValue.value\n }\n\n console.log('Response:', response)\n } catch (error) {\n console.log('Full error:', error)\n }\n}\n\nconst postNotificationSettings = async () => {\n\n if (weekly.value === true) {\n frequencyUnit.value = \"week\"\n frequencyValue.value = selectedDay.value\n } else if (monthly.value === true) {\n frequencyUnit.value = \"month\"\n frequencyValue.value = daysInMonth.value\n }\n\n const config = {\n method: 'post',\n url: `https://piveau-metrics-notifications-piveau.apps.osc.fokus.fraunhofer.de/catalogue/${catalogId}/setting`,\n headers: {\n 'Authorization': apiKey,\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',\n 'Access-Control-Allow-Headers': 'Authorization'\n },\n withCredentials: true,\n data: JSON.stringify({\n receiverEmailList: mailList.value,\n threshold: Number(treshold.value),\n frequency: {\n unit: frequencyUnit.value,\n value: frequencyValue.value\n },\n activeStatus: true\n })\n }\n\n try {\n const response = await axios.request(config)\n console.log('Settings updated:', response.data)\n triggerSnackbar();\n router.push({ name: 'DataProviderInterface-UserCatalogues' });\n return response.data\n \n\n } catch (error) {\n triggerSnackbar({\n message: 'Error updating settings.',\n variant: 'error',\n });\n\n console.log('Error updating settings:', error)\n \n throw error\n \n }\n \n\n}\n\nfetchNotificationInfo()\n\nconst postDeactive = async () => {\n\n const config = {\n method: 'post',\n url: `https://piveau-metrics-notifications-piveau.apps.osc.fokus.fraunhofer.de/catalogue/${catalogId}/setting`,\n headers: {\n 'Authorization': apiKey,\n 'Accept': 'application/json',\n 'Content-Type': 'application/json',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',\n 'Access-Control-Allow-Headers': 'Authorization'\n },\n withCredentials: true,\n data: JSON.stringify({\n activeStatus: active.value\n })\n }\n\n try {\n const response = await axios.request(config)\n console.log('Settings updated:', response.data)\n triggerSnackbar();\n if(!active.value) {router.push({ name: 'DataProviderInterface-UserCatalogues' });}\n return response.data\n \n\n } catch (error) {\n triggerSnackbar({\n message: 'Error updating settings.',\n variant: 'error',\n });\n\n console.log('Error updating settings:', error)\n \n throw error\n \n }\n}\n\nconst editMail = () => {\n editMode.value = true\n showSnackbar({\n message: 'Email added successfully.',\n variant: 'success',\n });\n}\n\nconst saveMail = (index) => {\n const email = mailList.value[index].trim();\n if (isValidEmail(email)) {\n editMode.value = false;\n delete editErrors.value[index];\n } else {\n editErrors.value[index] = '*Invalid email format';\n }\n};\n\nconst deleteMail = (index) => {\n mailList.value.splice(index, 1);\n}\n\nconst editDate = (count) => {\n if (count === \"up\" && daysInMonth.value < 28) {\n if (daysInMonth.value > 8) {\n inputWidth.value = true\n }\n daysInMonth.value++\n }\n else if (daysInMonth.value > 1) {\n if (daysInMonth.value < 11) {\n inputWidth.value = false\n }\n daysInMonth.value--\n }\n}\n\nconst addNewMail = () => {\n if (newMail.value.mail.trim() === '') {\n newMail.value.isValid = false;\n return;\n }\n if (isValidEmail(newMail.value.mail)) {\n mailList.value.push(newMail.value.mail);\n newMail.value.mail = ''; // Clear input after successful addition\n newMail.value.isValid = true;\n } else {\n newMail.value.isValid = false;\n }\n}\nconst handleActivate = () => {\n if (!active.value) {\n active.value = true\n activatedString.value = 'Deactivate'\n postDeactive()\n } else {\n active.value = false\n activatedString.value = 'Activate'\n postDeactive()\n }\n}\n\nconst back = () => {\n router.push({ name: 'DataProviderInterface-UserCatalogues' });\n}\n\n</script>\n<style scoped>\n.debug {\n position: fixed;\n right: 20px;\n top: 20px;\n border-radius: 20px;\n width: 400px;\n z-index: 999999;\n padding: 20px;\n background: rgba(255, 255, 255, 0.2);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n display: none; \n}\n\n.btn-simple {\n border-color: rgb(115, 115, 115);\n}\n\n.btn-cancel {\n border-color: transparent;\n}\n\n.mail {\n width: 270px;\n padding: 5px 5px 5px 10px;\n}\n\n\n.errormsg {\n color: red;\n font-size: 10px;\n}\n\n.activeChoiceButton {\n background-color: var(--primary);\n color: white;\n border-color: var(--primary);\n\n &:active {\n background-color: #3E6CD5 !important;\n }\n\n &:focus {\n outline: none;\n background-color: #3E6CD5;\n }\n\n &:focus-visible {\n outline: none;\n background-color: #3E6CD5;\n }\n}\n\n\n.invalid {\n border-bottom: 1px solid red !important;\n}\n\n.blur {\n opacity: 0.3;\n}\n\n.invalidNewMail {\n\n border-radius: 2px;\n border: 2px solid rgba(255, 0, 0, 0.336);\n\n &:focus {\n border-radius: 2px;\n box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n border: 1px solid rgba(255, 0, 0, 0.336);\n }\n\n &:focus-visible {\n outline: 0;\n border-radius: 2px;\n box-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.774);\n border: 1px solid rgba(255, 0, 0, 0.336);\n }\n}\n\n.editable {\n transition: all 200ms ease-in-out;\n padding-left: 0.5rem;\n border-bottom: 2px solid var(--primary) !important;\n}\n\n.invalid {\n border-bottom: 1px solid red !important;\n}\n\n.caretButtons {\n all: unset;\n cursor: pointer;\n}\n\n.caretWrap {\n display: contents;\n\n}\n\n.actionWrapper {\n display: flex;\n flex-direction: row-reverse;\n margin-bottom: 100px;\n\n button {\n margin-left: 1rem;\n }\n}\n\ninput[type=\"range\"] {\n width: 100%;\n}\n\n.mqaWrapper {\n margin: 3rem 0;\n}\n\ntable {\n margin-top: 1rem;\n min-width: 50%;\n}\n\nth {\n border-bottom: 1px solid lightgray;\n}\n\ntd {\n display: flex;\n justify-content: space-between;\n padding: 15px 0 0 0cap;\n}\n\n.daypicker {\n padding: 1rem;\n border: 1px solid lightgray;\n border-radius: 15px;\n\n input {\n width: 25px;\n border: none;\n background-color: unset;\n font-weight: 700;\n }\n\n}\n\n.dynamicWidth {\n width: 22px !important;\n}\n\n.activeItem {\n background-color: var(--primary);\n color: white;\n}\n\n.weekdays {\n border: 1px solid lightgray;\n border-radius: 15px;\n margin: 1rem 0;\n overflow: hidden;\n\n .dayButtons {\n border: none;\n display: inline-block;\n text-align: center;\n flex-direction: row;\n min-width: 60px;\n padding: 1rem;\n border-right: 1px solid lightgray;\n cursor: pointer;\n\n &:focus-visible {\n outline: unset;\n background-color: #3E6CD5;\n color: white;\n }\n\n &:hover {\n background-color: #3E6CD5;\n color: white;\n }\n }\n\n span:last-child button {\n border: none;\n }\n}\n\n.mqaWrapper {\n padding: 1rem;\n background-color: #f3f6fc;\n border-radius: 3px;\n}\n\nbutton {\n background-color: unset;\n border: 1px solid var(--primary);\n color: black;\n\n &:hover {\n background-color: #3E6CD5;\n color: white;\n border: 1px solid #3E6CD5;\n }\n}\n\n.btn-primary {\n background-color: var(--primary);\n color: white;\n\n}\n\n.btn-secondary {\n color: #0e47cb;\n}\n\nbutton,\nspan {\n transition: all 100ms ease-in-out;\n}\n</style>"],"names":["store","useStore","router","useRouter","showSnackbar","payload","triggerSnackbar","route","useRoute","monthly","ref","weekly","mailButtonWrap","activatedString","inputWidth","active","mailList","week","daysInMonth","editMode","treshold","frequencyUnit","frequencyValue","selectedDay","catalogId","app","getCurrentInstance","notificationBaseUrl","apiKey","selectDay","index","setWeekly","setMonthly","notficationInfo","isValidEmail","email","newMail","editErrors","fetchNotificationInfo","config","response","axios","error","postNotificationSettings","postDeactive","editMail","saveMail","deleteMail","editDate","count","addNewMail","handleActivate","back"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { mapGetters as
|
|
2
|
-
import { useRoute as
|
|
1
|
+
import { mapGetters as f } from "vuex";
|
|
2
|
+
import { useRoute as c } from "vue-router";
|
|
3
3
|
import v from "./header/DatasetDetailsHeader.vue.mjs";
|
|
4
4
|
import D from "./navigation/DatasetDetailsNavigation.vue.mjs";
|
|
5
|
-
import { getRepresentativeLocaleOf as
|
|
6
|
-
import { useDownloadDatasetOnMount as
|
|
5
|
+
import { getRepresentativeLocaleOf as y } from "../utils/helpers.mjs";
|
|
6
|
+
import { useDownloadDatasetOnMount as T } from "../composables/useDownloadDatasetOnMount.mjs";
|
|
7
7
|
import "@unhead/vue";
|
|
8
|
-
import { useRuntimeEnv as
|
|
9
|
-
import { resolveComponent as r, openBlock as
|
|
8
|
+
import { useRuntimeEnv as _ } from "../composables/useRuntimeEnv.mjs";
|
|
9
|
+
import { resolveComponent as r, openBlock as o, createElementBlock as p, createVNode as n, createTextVNode as a, createBlock as u, createCommentVNode as i, createElementVNode as b } from "vue";
|
|
10
10
|
import "vue-i18n";
|
|
11
11
|
import { useDatasetDetailsHead as k } from "../composables/head/useDatasetDetailsHead.mjs";
|
|
12
12
|
import "lodash-es";
|
|
@@ -31,47 +31,49 @@ const N = {
|
|
|
31
31
|
citationStyle: String
|
|
32
32
|
},
|
|
33
33
|
computed: {
|
|
34
|
-
...
|
|
34
|
+
...f("datasetDetails", [
|
|
35
35
|
"getID",
|
|
36
36
|
"getLanguages",
|
|
37
37
|
"getTitle"
|
|
38
38
|
])
|
|
39
39
|
},
|
|
40
40
|
methods: {
|
|
41
|
-
getRepresentativeLocaleOf:
|
|
41
|
+
getRepresentativeLocaleOf: y
|
|
42
42
|
},
|
|
43
43
|
setup() {
|
|
44
44
|
k();
|
|
45
|
-
const
|
|
46
|
-
|
|
45
|
+
const e = c(), t = _();
|
|
46
|
+
T({ route: e, hubUrl: t.api.hubUrl });
|
|
47
47
|
}
|
|
48
|
-
}, R = ["data-cy"],
|
|
49
|
-
function
|
|
50
|
-
const
|
|
51
|
-
return
|
|
48
|
+
}, R = ["data-cy"], I = { class: "container-fluid mb-5 pt-1 content dsd-content" }, O = { key: 1 };
|
|
49
|
+
function V(e, t, w, B, s, d) {
|
|
50
|
+
const l = r("router-view"), m = r("dataset-details-navigation"), g = r("dataset-details-header");
|
|
51
|
+
return o(), p("div", {
|
|
52
52
|
class: "d-flex flex-column p-0 bg-transparent",
|
|
53
|
-
"data-cy":
|
|
53
|
+
"data-cy": d.getRepresentativeLocaleOf(e.getTitle, e.$route.query.locale, e.getLanguages) && `dataset@${d.getRepresentativeLocaleOf(e.getTitle, e.$route.query.locale, e.getLanguages)}`
|
|
54
54
|
}, [
|
|
55
|
-
|
|
55
|
+
n(l, { name: "test" }),
|
|
56
|
+
t[3] || (t[3] = a()),
|
|
57
|
+
s.topTitle ? (o(), u(m, {
|
|
56
58
|
key: 0,
|
|
57
|
-
"dataset-id":
|
|
58
|
-
}, null, 8, ["dataset-id"])) :
|
|
59
|
-
|
|
60
|
-
b("div",
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
s.topTitle ?
|
|
59
|
+
"dataset-id": e.getID
|
|
60
|
+
}, null, 8, ["dataset-id"])) : i("", !0),
|
|
61
|
+
t[4] || (t[4] = a()),
|
|
62
|
+
b("div", I, [
|
|
63
|
+
n(g),
|
|
64
|
+
t[0] || (t[0] = a()),
|
|
65
|
+
s.topTitle ? i("", !0) : (o(), u(m, {
|
|
64
66
|
key: 0,
|
|
65
|
-
"dataset-id":
|
|
67
|
+
"dataset-id": e.getID
|
|
66
68
|
}, null, 8, ["dataset-id"])),
|
|
67
|
-
|
|
68
|
-
s.topTitle ? (
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
t[1] || (t[1] = a()),
|
|
70
|
+
s.topTitle ? (o(), p("hr", O)) : i("", !0),
|
|
71
|
+
t[2] || (t[2] = a()),
|
|
72
|
+
n(l, { name: "datasetDetailsSubpages" })
|
|
71
73
|
])
|
|
72
74
|
], 8, R);
|
|
73
75
|
}
|
|
74
|
-
const J = /* @__PURE__ */ L(N, [["render",
|
|
76
|
+
const J = /* @__PURE__ */ L(N, [["render", V], ["__scopeId", "data-v-77b019a6"]]);
|
|
75
77
|
export {
|
|
76
78
|
J as default
|
|
77
79
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatasetDetails.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetails.vue"],"sourcesContent":["<template>\n <div\n class=\"d-flex flex-column p-0 bg-transparent\"\n :data-cy=\"getRepresentativeLocaleOf(getTitle, $route.query.locale, getLanguages)\n && `dataset@${getRepresentativeLocaleOf(getTitle, $route.query.locale, getLanguages)}`\"\n >\n <dataset-details-navigation v-if=\"topTitle\" :dataset-id=\"getID\"/>\n <div class=\"container-fluid mb-5 pt-1 content dsd-content\">\n <dataset-details-header />\n <dataset-details-navigation v-if=\"!topTitle\" :dataset-id=\"getID\"/>\n <hr v-if=\"topTitle\" />\n <router-view name=\"datasetDetailsSubpages\"></router-view>\n </div>\n </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport { useRoute } from 'vue-router';\n\nimport DatasetDetailsHeader from './header/DatasetDetailsHeader.vue';\nimport DatasetDetailsNavigation from './navigation/DatasetDetailsNavigation.vue';\nimport { getRepresentativeLocaleOf } from '../utils/helpers';\nimport { useDownloadDatasetOnMount } from '../composables/useDownloadDatasetOnMount';\nimport * as metaInfo from '../composables/head';\nimport {useRuntimeEnv} from \"../composables/useRuntimeEnv.ts\";\n\n\nexport default {\n name: 'datasetDetails',\n components: {\n DatasetDetailsHeader,\n DatasetDetailsNavigation,\n },\n data() {\n return {\n topTitle: this.$env.content.datasetDetails.header.navigation === \"top\",\n };\n },\n props: {\n activeTab: {\n type: Number,\n default: 0\n },\n citationStyle: String\n },\n computed: {\n ...mapGetters('datasetDetails', [\n 'getID',\n 'getLanguages',\n 'getTitle',\n ]),\n },\n methods: {\n getRepresentativeLocaleOf,\n },\n setup() {\n metaInfo.useDatasetDetailsHead();\n const route = useRoute();\n const env = useRuntimeEnv();\n useDownloadDatasetOnMount({ route, hubUrl: env.api.hubUrl });\n }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n .content {\n padding: 30px 30px 0 30px;\n margin-top: 15px;\n margin-bottom: 15px;\n background-color: white;\n }\n</style>\n"],"names":["_sfc_main","DatasetDetailsHeader","DatasetDetailsNavigation","mapGetters","getRepresentativeLocaleOf","metaInfo.useDatasetDetailsHead","route","useRoute","env","useRuntimeEnv","useDownloadDatasetOnMount","_hoisted_1","_hoisted_2","_createElementBlock","$options","_ctx","
|
|
1
|
+
{"version":3,"file":"DatasetDetails.vue.mjs","sources":["../../lib/datasetDetails/DatasetDetails.vue"],"sourcesContent":["<template>\n <div\n class=\"d-flex flex-column p-0 bg-transparent\"\n :data-cy=\"getRepresentativeLocaleOf(getTitle, $route.query.locale, getLanguages)\n && `dataset@${getRepresentativeLocaleOf(getTitle, $route.query.locale, getLanguages)}`\"\n > \n <router-view name=\"test\" ></router-view>\n <dataset-details-navigation v-if=\"topTitle\" :dataset-id=\"getID\"/>\n <div class=\"container-fluid mb-5 pt-1 content dsd-content\">\n <dataset-details-header />\n <dataset-details-navigation v-if=\"!topTitle\" :dataset-id=\"getID\"/>\n <hr v-if=\"topTitle\" />\n <router-view name=\"datasetDetailsSubpages\" ></router-view>\n </div>\n </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport { useRoute } from 'vue-router';\n\nimport DatasetDetailsHeader from './header/DatasetDetailsHeader.vue';\nimport DatasetDetailsNavigation from './navigation/DatasetDetailsNavigation.vue';\nimport { getRepresentativeLocaleOf } from '../utils/helpers';\nimport { useDownloadDatasetOnMount } from '../composables/useDownloadDatasetOnMount';\nimport * as metaInfo from '../composables/head';\nimport {useRuntimeEnv} from \"../composables/useRuntimeEnv.ts\";\n\n\nexport default {\n name: 'datasetDetails',\n components: {\n DatasetDetailsHeader,\n DatasetDetailsNavigation,\n },\n data() {\n return {\n topTitle: this.$env.content.datasetDetails.header.navigation === \"top\",\n };\n },\n props: {\n activeTab: {\n type: Number,\n default: 0\n },\n citationStyle: String\n },\n computed: {\n ...mapGetters('datasetDetails', [\n 'getID',\n 'getLanguages',\n 'getTitle',\n ]),\n },\n methods: {\n getRepresentativeLocaleOf,\n },\n setup() {\n metaInfo.useDatasetDetailsHead();\n const route = useRoute();\n const env = useRuntimeEnv();\n useDownloadDatasetOnMount({ route, hubUrl: env.api.hubUrl });\n }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n .content {\n padding: 30px 30px 0 30px;\n margin-top: 15px;\n margin-bottom: 15px;\n background-color: white;\n }\n</style>\n"],"names":["_sfc_main","DatasetDetailsHeader","DatasetDetailsNavigation","mapGetters","getRepresentativeLocaleOf","metaInfo.useDatasetDetailsHead","route","useRoute","env","useRuntimeEnv","useDownloadDatasetOnMount","_hoisted_1","_hoisted_2","_createElementBlock","$options","_ctx","_createVNode","_component_router_view","_cache","_createTextVNode","$data","_createBlock","_component_dataset_details_navigation","_createCommentVNode","_createElementVNode","_component_dataset_details_header","_openBlock","_hoisted_3"],"mappings":";;;;;;;;;;;;;;AA6BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,sBAAAC;AAAA,IACA,0BAAAC;AAAA,EACD;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,UAAU,KAAK,KAAK,QAAQ,eAAe,OAAO,eAAe;AAAA;EAEpE;AAAA,EACD,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACD,eAAe;AAAA,EAChB;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,2BAAAC;AAAA,EACD;AAAA,EACD,QAAQ;AACNC,IAAAA;AACA,UAAMC,IAAQC,KACRC,IAAMC;AACZ,IAAAC,EAA0B,EAAE,OAAAJ,GAAO,QAAQE,EAAI,IAAI,OAAO,CAAC;AAAA,EAC7D;AACF,GA/DAG,IAAA,CAAA,SAAA,GAQSC,IAAA,EAAA,OAAM,gDAA+C,SAR9D,KAAA,EAAA;;;cACEC,EAaM,OAAA;AAAA,IAZJ,OAAM;AAAA,IACL,WAASC,EAAyB,0BAACC,EAAQ,UAAEA,EAAM,OAAC,MAAM,QAAQA,EAAY,YAAA,gBAAoBD,EAAyB,0BAACC,YAAUA,EAAA,OAAO,MAAM,QAAQA,EAAY,YAAA,CAAA;AAAA;IAG1KC,EAAwCC,GAAA,EAA3B,MAAK,OAAM,CAAA;AAAA,IAN1BC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IAOsCC,EAAQ,iBAA1CC,EAAiEC,GAAA;AAAA,MAPrE,KAAA;AAAA,MAOiD,cAAYP,EAAK;AAAA,mCAPlEQ,EAAA,IAAA,EAAA;AAAA,IAAAL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IAQIK,EAKM,OALNZ,GAKM;AAAA,MAJJI,EAA0BS,CAAA;AAAA,MAThCP,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAUyCC,EAAQ,WAVjDG,EAAA,IAAA,EAAA,UAUMF,EAAkEC,GAAA;AAAA,QAVxE,KAAA;AAAA,QAUoD,cAAYP,EAAK;AAAA;MAVrEG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAWgBC,EAAQ,YAAlBM,KAAAb,EAAsB,MAX5Bc,CAAA,KAAAJ,EAAA,IAAA,EAAA;AAAA,MAAAL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAYMH,EAA0DC,GAAA,EAA7C,MAAK,yBAAwB,CAAA;AAAA;EAZhD,GAAA,GAAAN,CAAA;;;"}
|
|
@@ -6,7 +6,9 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
|
|
|
6
6
|
minRange: number;
|
|
7
7
|
maxRange: number;
|
|
8
8
|
embedType: string;
|
|
9
|
+
isResponsive: boolean;
|
|
9
10
|
}, {}, {
|
|
11
|
+
selectAll(event: any): void;
|
|
10
12
|
updateEmbedCode(): void;
|
|
11
13
|
updateEmbedCodeType(event: any): void;
|
|
12
14
|
copy(): void;
|