@piveau/piveau-hub-ui-modules 4.8.0-beta.0 → 4.8.1
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/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.d.ts +10 -3
- package/dist/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.mjs +55 -38
- package/dist/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.mjs.map +1 -1
- package/dist/datasetDetails/navigation/DatasetDetailsNavigationLinks.vue.d.ts +5 -2
- package/dist/datasetDetails/navigation/DatasetDetailsNavigationLinks.vue.mjs +160 -142
- package/dist/datasetDetails/navigation/DatasetDetailsNavigationLinks.vue.mjs.map +1 -1
- package/dist/piveau-hub-ui-modules.css +1 -1
- package/dist/store/modules/dataserviceDetailsStore.d.ts +1 -0
- package/dist/store/modules/dataserviceDetailsStore.mjs +8 -4
- package/dist/store/modules/dataserviceDetailsStore.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -7,15 +7,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
7
7
|
default: () => boolean;
|
|
8
8
|
};
|
|
9
9
|
}>, {}, {}, {
|
|
10
|
+
getCatalog(): any;
|
|
11
|
+
getCountry(): any;
|
|
12
|
+
getLanguages(): any;
|
|
10
13
|
getCatalogLink(): {
|
|
11
14
|
path: string;
|
|
12
15
|
query: {
|
|
13
16
|
locale: any;
|
|
14
17
|
};
|
|
15
18
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
+
isDataservice(): any;
|
|
20
|
+
getDataserviceCatalog: import('vuex').Computed;
|
|
21
|
+
getDataserviceCountry: import('vuex').Computed;
|
|
22
|
+
getDataserviceLanguages: import('vuex').Computed;
|
|
23
|
+
getDatasetCatalog: import('vuex').Computed;
|
|
24
|
+
getDatasetCountry: import('vuex').Computed;
|
|
25
|
+
getDatasetLanguages: import('vuex').Computed;
|
|
19
26
|
}, {
|
|
20
27
|
getTranslationFor: typeof getTranslationFor;
|
|
21
28
|
getCountryFlagImg: typeof getCountryFlagImg;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { has as
|
|
2
|
-
import { getTranslationFor as
|
|
3
|
-
import { mapGetters as
|
|
4
|
-
import
|
|
5
|
-
import { resolveComponent as
|
|
1
|
+
import { has as m, isNil as C } from "lodash-es";
|
|
2
|
+
import { getTranslationFor as D, getCountryFlagImg as y } from "../../utils/helpers.mjs";
|
|
3
|
+
import { mapGetters as l } from "vuex";
|
|
4
|
+
import p from "../../widgets/AppLink.vue.mjs";
|
|
5
|
+
import { resolveComponent as h, openBlock as o, createElementBlock as r, createElementVNode as i, toDisplayString as n, createCommentVNode as u, createTextVNode as g, normalizeClass as d, createVNode as f, normalizeStyle as v, withCtx as k } from "vue";
|
|
6
6
|
import "./DatasetDetailsHeaderCatalogue.vue2.mjs";
|
|
7
|
-
import
|
|
8
|
-
const
|
|
7
|
+
import L from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
8
|
+
const _ = {
|
|
9
9
|
name: "DatasetDetailsHeaderCatalogue",
|
|
10
|
-
components: { AppLink:
|
|
10
|
+
components: { AppLink: p },
|
|
11
11
|
props: {
|
|
12
12
|
disableLink: Boolean,
|
|
13
13
|
catalogueNameFontSize: String,
|
|
@@ -17,59 +17,76 @@ const D = {
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
computed: {
|
|
20
|
-
...
|
|
21
|
-
"getCatalog",
|
|
22
|
-
"getCountry",
|
|
23
|
-
"getLanguages"
|
|
24
|
-
|
|
20
|
+
...l("datasetDetails", {
|
|
21
|
+
getDatasetCatalog: "getCatalog",
|
|
22
|
+
getDatasetCountry: "getCountry",
|
|
23
|
+
getDatasetLanguages: "getLanguages"
|
|
24
|
+
}),
|
|
25
|
+
...l("dataserviceDetails", {
|
|
26
|
+
getDataserviceCatalog: "getCatalog",
|
|
27
|
+
getDataserviceCountry: "getCountry",
|
|
28
|
+
getDataserviceLanguages: "getLanguages"
|
|
29
|
+
}),
|
|
30
|
+
getCatalog() {
|
|
31
|
+
return this.isDataservice ? this.getDataserviceCatalog : this.getDatasetCatalog;
|
|
32
|
+
},
|
|
33
|
+
getCountry() {
|
|
34
|
+
return this.isDataservice ? this.getDataserviceCountry : this.getDatasetCountry;
|
|
35
|
+
},
|
|
36
|
+
getLanguages() {
|
|
37
|
+
return this.isDataservice ? this.getDataserviceLanguages : this.getDatasetLanguages;
|
|
38
|
+
},
|
|
25
39
|
getCatalogLink() {
|
|
26
40
|
return { path: `/catalogues/${this.getCatalog.id}`, query: { locale: this.$route.query.locale } };
|
|
41
|
+
},
|
|
42
|
+
isDataservice() {
|
|
43
|
+
return this.$route.path.startsWith("/dataservices/");
|
|
27
44
|
}
|
|
28
45
|
},
|
|
29
46
|
methods: {
|
|
30
|
-
getTranslationFor:
|
|
31
|
-
getCountryFlagImg:
|
|
47
|
+
getTranslationFor: D,
|
|
48
|
+
getCountryFlagImg: y,
|
|
32
49
|
showCountryFlag(e) {
|
|
33
|
-
return
|
|
50
|
+
return m(e, "id") && !C(e.id);
|
|
34
51
|
}
|
|
35
52
|
}
|
|
36
|
-
},
|
|
53
|
+
}, F = { class: "d-flex align-items-center dsd-header-catalogue" }, b = {
|
|
37
54
|
key: 0,
|
|
38
55
|
class: "d-lg-none dsd-title-tag"
|
|
39
|
-
},
|
|
40
|
-
function
|
|
41
|
-
const
|
|
42
|
-
return
|
|
43
|
-
|
|
44
|
-
|
|
56
|
+
}, N = ["src"];
|
|
57
|
+
function S(e, a, s, z, B, t) {
|
|
58
|
+
const c = h("app-link");
|
|
59
|
+
return o(), r("div", F, [
|
|
60
|
+
s.embed ? u("", !0) : (o(), r("div", b, [
|
|
61
|
+
i("span", null, n(e.$t("message.metadata.dataset")), 1)
|
|
45
62
|
])),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
63
|
+
a[1] || (a[1] = g()),
|
|
64
|
+
i("div", null, [
|
|
65
|
+
t.showCountryFlag(t.getCountry) ? (o(), r("img", {
|
|
49
66
|
key: 0,
|
|
50
|
-
class: d(["mr-2 border border-dark flag", { io:
|
|
51
|
-
src:
|
|
67
|
+
class: d(["mr-2 border border-dark flag", { io: t.getCountry.id === "io" }]),
|
|
68
|
+
src: t.getCountryFlagImg(t.getCountry.id),
|
|
52
69
|
alt: "Catalog Flag"
|
|
53
|
-
}, null, 10,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
to:
|
|
70
|
+
}, null, 10, N)) : u("", !0),
|
|
71
|
+
a[0] || (a[0] = g()),
|
|
72
|
+
f(c, {
|
|
73
|
+
to: t.getCatalogLink,
|
|
57
74
|
title: e.$t("message.tooltip.datasetDetails.catalogue"),
|
|
58
75
|
"data-toggle": "tooltip",
|
|
59
76
|
"data-placement": "top",
|
|
60
|
-
class: d({ "disabled-link":
|
|
61
|
-
style:
|
|
77
|
+
class: d({ "disabled-link": s.disableLink }),
|
|
78
|
+
style: v({ fontSize: s.catalogueNameFontSize })
|
|
62
79
|
}, {
|
|
63
|
-
default:
|
|
64
|
-
|
|
80
|
+
default: k(() => [
|
|
81
|
+
g(n(t.getTranslationFor(t.getCatalog.title, e.$route.query.locale, t.getLanguages)), 1)
|
|
65
82
|
]),
|
|
66
83
|
_: 1
|
|
67
84
|
}, 8, ["to", "title", "class", "style"])
|
|
68
85
|
])
|
|
69
86
|
]);
|
|
70
87
|
}
|
|
71
|
-
const
|
|
88
|
+
const H = /* @__PURE__ */ L(_, [["render", S], ["__scopeId", "data-v-fa0c637c"]]);
|
|
72
89
|
export {
|
|
73
|
-
|
|
90
|
+
H as default
|
|
74
91
|
};
|
|
75
92
|
//# sourceMappingURL=DatasetDetailsHeaderCatalogue.vue.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatasetDetailsHeaderCatalogue.vue.mjs","sources":["../../../lib/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue"],"sourcesContent":["<template>\n <div class=\"d-flex align-items-center dsd-header-catalogue\">\n <div class=\"d-lg-none dsd-title-tag\" v-if=\"!embed\">\n <span>\n {{$t('message.metadata.dataset')}}\n </span>\n </div>\n <div>\n <img v-if=\"showCountryFlag(getCountry)\" class=\"mr-2 border border-dark flag\" :class=\"{ 'io': getCountry.id === 'io' }\" :src=\"getCountryFlagImg(getCountry.id)\" alt=\"Catalog Flag\">\n <app-link \n :to=\"getCatalogLink\"\n :title=\"$t('message.tooltip.datasetDetails.catalogue')\"\n data-toggle=\"tooltip\" \n data-placement=\"top\"\n :class=\"{ 'disabled-link': disableLink }\"\n :style=\"{ fontSize: catalogueNameFontSize }\"\n >\n {{ getTranslationFor(getCatalog.title, $route.query.locale, getLanguages) }}\n </app-link>\n </div>\n </div>\n</template>\n\n<script>\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor, getCountryFlagImg} from \"../../utils/helpers\";\nimport {mapGetters} from \"vuex\";\nimport AppLink from \"../../widgets/AppLink\";\n\nexport default {\n name: \"DatasetDetailsHeaderCatalogue\",\n components: {AppLink},\n props: {\n disableLink: Boolean,\n catalogueNameFontSize: String,\n embed: {\n type: Boolean,\n default: () => false,\n },\n },\n computed: {\n ...mapGetters('datasetDetails',
|
|
1
|
+
{"version":3,"file":"DatasetDetailsHeaderCatalogue.vue.mjs","sources":["../../../lib/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue"],"sourcesContent":["<template>\n <div class=\"d-flex align-items-center dsd-header-catalogue\">\n <div class=\"d-lg-none dsd-title-tag\" v-if=\"!embed\">\n <span>\n {{$t('message.metadata.dataset')}}\n </span>\n </div>\n <div>\n <img v-if=\"showCountryFlag(getCountry)\" class=\"mr-2 border border-dark flag\" :class=\"{ 'io': getCountry.id === 'io' }\" :src=\"getCountryFlagImg(getCountry.id)\" alt=\"Catalog Flag\">\n <app-link \n :to=\"getCatalogLink\"\n :title=\"$t('message.tooltip.datasetDetails.catalogue')\"\n data-toggle=\"tooltip\" \n data-placement=\"top\"\n :class=\"{ 'disabled-link': disableLink }\"\n :style=\"{ fontSize: catalogueNameFontSize }\"\n >\n {{ getTranslationFor(getCatalog.title, $route.query.locale, getLanguages) }}\n </app-link>\n </div>\n </div>\n</template>\n\n<script>\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor, getCountryFlagImg} from \"../../utils/helpers\";\nimport {mapGetters} from \"vuex\";\nimport AppLink from \"../../widgets/AppLink\";\n\nexport default {\n name: \"DatasetDetailsHeaderCatalogue\",\n components: {AppLink},\n props: {\n disableLink: Boolean,\n catalogueNameFontSize: String,\n embed: {\n type: Boolean,\n default: () => false,\n },\n },\n computed: {\n ...mapGetters('datasetDetails', {\n getDatasetCatalog: 'getCatalog',\n getDatasetCountry: 'getCountry',\n getDatasetLanguages: 'getLanguages',\n }),\n ...mapGetters('dataserviceDetails', {\n getDataserviceCatalog: 'getCatalog',\n getDataserviceCountry: 'getCountry',\n getDataserviceLanguages: 'getLanguages',\n }),\n getCatalog() {\n return this.isDataservice ? this.getDataserviceCatalog : this.getDatasetCatalog;\n },\n getCountry() {\n return this.isDataservice ? this.getDataserviceCountry : this.getDatasetCountry;\n },\n getLanguages() {\n return this.isDataservice ? this.getDataserviceLanguages : this.getDatasetLanguages;\n },\n getCatalogLink() {\n return { path: `/catalogues/${this.getCatalog.id}`, query: { locale: this.$route.query.locale } };\n },\n isDataservice() {\n return this.$route.path.startsWith('/dataservices/');\n },\n },\n methods: {\n getTranslationFor,\n getCountryFlagImg,\n showCountryFlag(country) {\n return has(country, 'id') && !isNil(country.id);\n },\n },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.flag {\n max-width: 30px;\n max-height: 19px;\n margin-bottom: 3px;\n border-radius: 1px;\n}\n.disabled-link {\n color: black; /* Change the color to your desired disabled color */\n pointer-events: none; /* Disable mouse interactions */\n}\n</style>\n"],"names":["_sfc_main","AppLink","mapGetters","getTranslationFor","getCountryFlagImg","country","has","isNil","_hoisted_1","_openBlock","_createElementBlock","$props","_hoisted_2","_createElementVNode","_ctx","$options","_normalizeClass","_createVNode","_component_app_link"],"mappings":";;;;;;;AA6BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY,EAAC,SAAAC,EAAO;AAAA,EACpB,OAAO;AAAA,IACL,aAAa;AAAA,IACb,uBAAuB;AAAA,IACvB,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,IAChB;AAAA,EACJ;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,qBAAqB;AAAA,IACvB,CAAC;AAAA,IACD,GAAGA,EAAW,sBAAsB;AAAA,MAClC,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,MACvB,yBAAyB;AAAA,IAC3B,CAAC;AAAA,IACD,aAAa;AACX,aAAO,KAAK,gBAAgB,KAAK,wBAAwB,KAAK;AAAA,IAC/D;AAAA,IACD,aAAa;AACX,aAAO,KAAK,gBAAgB,KAAK,wBAAwB,KAAK;AAAA,IAC/D;AAAA,IACD,eAAe;AACb,aAAO,KAAK,gBAAgB,KAAK,0BAA0B,KAAK;AAAA,IACjE;AAAA,IACD,iBAAiB;AACf,aAAO,EAAE,MAAM,eAAe,KAAK,WAAW,EAAE,IAAI,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAK;IAC7F;AAAA,IACD,gBAAgB;AACd,aAAO,KAAK,OAAO,KAAK,WAAW,gBAAgB;AAAA,IACpD;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAgBC,GAAS;AACvB,aAAOC,EAAID,GAAS,IAAI,KAAK,CAACE,EAAMF,EAAQ,EAAE;AAAA,IAC/C;AAAA,EACF;AACH,GAzEOG,IAAA,EAAA,OAAM,iDAAgD;;EACpD,OAAM;;;;AADb,SAAAC,EAAA,GAAAC,EAmBM,OAnBNF,GAmBM;AAAA,IAlByCG,EAAK,qBAAlDF,KAAAC,EAIM,OAJNE,GAIM;AAAA,MAHJC,EAEO,gBADHC,EAAE,GAAA,0BAAA,CAAA,GAAA,CAAA;AAAA;;IAGRD,EAYM,OAAA,MAAA;AAAA,MAXOE,EAAA,gBAAgBA,EAAU,UAAA,UAArCL,EAAkL,OAAA;AAAA;QAA1I,OAAMM,EAAA,CAAA,gCAA+C,EAAA,IAAAD,EAAA,WAAW,OAAE,KAAA,CAAA,CAAA;AAAA,QAAc,KAAKA,EAAA,kBAAkBA,EAAA,WAAW,EAAE;AAAA,QAAG,KAAI;AAAA;;MACnKE,EASWC,GAAA;AAAA,QARR,IAAIH,EAAc;AAAA,QAClB,OAAOD,EAAE,GAAA,0CAAA;AAAA,QACV,eAAY;AAAA,QACZ,kBAAe;AAAA,QACd,4BAA0BH,EAAW,YAAA,CAAA;AAAA,QACrC,qBAAmBA,EAAqB,sBAAA,CAAA;AAAA;mBAEzC,MAA4E;AAAA,cAAzEI,EAAiB,kBAACA,EAAU,WAAC,OAAOD,EAAM,OAAC,MAAM,QAAQC,EAAY,YAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;"}
|
|
@@ -16,12 +16,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
16
16
|
vancouver: string;
|
|
17
17
|
};
|
|
18
18
|
}, {
|
|
19
|
+
getID(): any;
|
|
19
20
|
url(): string;
|
|
20
21
|
showDQV(): any;
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
isDataservice(): any;
|
|
23
|
+
getDataserviceID: import('vuex').Computed;
|
|
24
|
+
getDatasetID: import('vuex').Computed;
|
|
23
25
|
getTitle: import('vuex').Computed;
|
|
24
26
|
getLanguages: import('vuex').Computed;
|
|
27
|
+
getLoading: import('vuex').Computed;
|
|
25
28
|
getIsDQVDataRDFAvailable: import('vuex').Computed;
|
|
26
29
|
getIsDQVDataTTLAvailable: import('vuex').Computed;
|
|
27
30
|
getIsDQVDataN3Available: import('vuex').Computed;
|