@ozdao/prometheus-framework 0.2.328 → 0.2.329
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Media-CWhzBol_.mjs +111 -0
- package/dist/Media-fFP2RH4B.js +1 -0
- package/dist/main-E34nRzn4.mjs +13068 -0
- package/dist/main-QhB2uZ6b.js +92 -0
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.cjs +93 -0
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.js +94 -1
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.js.map +1 -1
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.cjs +0 -93
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.cjs.map +1 -1
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.js +1 -94
- package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.js.map +1 -1
- package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/events/components/sections/EventsHot.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.js +2 -2
- package/dist/prometheus-framework/src/modules/events/components/sections/HeroEvent.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/elements/ButtonDate.vue.cjs +2 -2
- package/dist/prometheus-framework/src/modules/globals/views/components/elements/ButtonDate.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/elements/ButtonDate.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/globals/views/components/elements/ButtonDate.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/icons/entities/IconCalendar2.vue.cjs +37 -0
- package/dist/prometheus-framework/src/modules/icons/entities/IconCalendar2.vue.cjs.map +1 -0
- package/dist/prometheus-framework/src/modules/icons/entities/IconCalendar2.vue.js +37 -0
- package/dist/prometheus-framework/src/modules/icons/entities/IconCalendar2.vue.js.map +1 -0
- package/dist/prometheus-framework/src/modules/icons/icons.client.cjs +2 -2
- package/dist/prometheus-framework/src/modules/icons/icons.client.js +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/pages/pages.client.cjs +637 -637
- package/dist/prometheus-framework/src/modules/pages/pages.client.js +637 -637
- package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.js +1 -1
- package/dist/prometheus-framework.cjs.js +1 -1
- package/dist/prometheus-framework.es.js +1 -1
- package/package.json +1 -1
- package/src/modules/events/components/pages/Event.vue +1 -1
- package/src/modules/events/components/sections/HeroEvent.vue +1 -1
- package/src/modules/globals/views/components/elements/ButtonDate.vue +1 -1
- package/src/modules/icons/entities/IconCalendar2.vue +24 -0
- package/src/modules/icons/icons.client.js +1 -1
- package/src/modules/icons/entities/IconCalendar.vue +0 -24
@@ -1,2 +1,95 @@
|
|
1
1
|
"use strict";
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
3
|
+
const vue = require("vue");
|
4
|
+
const vueDraggableNext_esmBundler = require("../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
|
5
|
+
const UploadImageMultiple = require("../UploadImageMultiple/UploadImageMultiple.vue.cjs");
|
6
|
+
const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
|
7
|
+
require("./EditImages.vue2.cjs");
|
8
|
+
const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
|
9
|
+
const _hoisted_2 = { class: "pos-relative" };
|
10
|
+
const _hoisted_3 = ["src"];
|
11
|
+
const _hoisted_4 = {
|
12
|
+
key: 1,
|
13
|
+
class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
|
14
|
+
};
|
15
|
+
const _sfc_main = {
|
16
|
+
__name: "EditImages",
|
17
|
+
props: {
|
18
|
+
images: Array,
|
19
|
+
text: Object,
|
20
|
+
options: Object,
|
21
|
+
uploadPath: {
|
22
|
+
type: Object,
|
23
|
+
default: "unsorted"
|
24
|
+
}
|
25
|
+
},
|
26
|
+
emits: ["update:images"],
|
27
|
+
setup(__props, { emit: __emit }) {
|
28
|
+
const props = __props;
|
29
|
+
const emit = __emit;
|
30
|
+
const localImages = vue.ref([...props.images]);
|
31
|
+
vue.watchEffect(() => {
|
32
|
+
localImages.value = [...props.images];
|
33
|
+
});
|
34
|
+
const emitChanges = () => {
|
35
|
+
emit("update:images", localImages.value);
|
36
|
+
};
|
37
|
+
const onImagesUpdate = (newImages) => {
|
38
|
+
localImages.value = [...localImages.value, ...newImages];
|
39
|
+
emitChanges();
|
40
|
+
};
|
41
|
+
const deleteImage = (index) => {
|
42
|
+
localImages.value.splice(index, 1);
|
43
|
+
emitChanges();
|
44
|
+
};
|
45
|
+
return (_ctx, _cache) => {
|
46
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
47
|
+
localImages.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), {
|
48
|
+
key: 0,
|
49
|
+
class: "gap-small flex dragArea list-group w-full",
|
50
|
+
modelValue: localImages.value,
|
51
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
|
52
|
+
onChange: emitChanges
|
53
|
+
}, {
|
54
|
+
default: vue.withCtx(() => [
|
55
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localImages.value, (image, index) => {
|
56
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
|
57
|
+
vue.createElementVNode("img", {
|
58
|
+
loading: "lazy",
|
59
|
+
class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
|
60
|
+
src: (_ctx.FILE_SERVER_URL || "") + image
|
61
|
+
}, null, 8, _hoisted_3),
|
62
|
+
vue.createVNode(IconCross.default, {
|
63
|
+
onClick: ($event) => deleteImage(index),
|
64
|
+
class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
|
65
|
+
}, null, 8, ["onClick"])
|
66
|
+
]);
|
67
|
+
}), 256))
|
68
|
+
]),
|
69
|
+
_: 1
|
70
|
+
}, 8, ["modelValue"])) : vue.createCommentVNode("", true),
|
71
|
+
localImages.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
|
72
|
+
vue.createVNode(UploadImageMultiple.default, {
|
73
|
+
"onUpdate:images": onImagesUpdate,
|
74
|
+
text: "Add",
|
75
|
+
options: {
|
76
|
+
showText: false
|
77
|
+
},
|
78
|
+
uploadPath: "photos",
|
79
|
+
class: "radius-big"
|
80
|
+
})
|
81
|
+
])) : vue.createCommentVNode("", true),
|
82
|
+
localImages.value.length < 1 ? (vue.openBlock(), vue.createBlock(UploadImageMultiple.default, {
|
83
|
+
key: 2,
|
84
|
+
"onUpdate:images": onImagesUpdate,
|
85
|
+
uploadPath: props.uploadPath,
|
86
|
+
text: props.text,
|
87
|
+
options: props.options,
|
88
|
+
class: "w-100 pd-medium"
|
89
|
+
}, null, 8, ["uploadPath", "text", "options"])) : vue.createCommentVNode("", true)
|
90
|
+
]);
|
91
|
+
};
|
92
|
+
}
|
93
|
+
};
|
94
|
+
exports.default = _sfc_main;
|
2
95
|
//# sourceMappingURL=EditImages.vue.cjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditImages.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
1
|
+
{"version":3,"file":"EditImages.vue.cjs","sources":["../../../../../src/components/EditImages/EditImages.vue"],"sourcesContent":["<template>\n\t<div class=\"flex-nowrap flex gap-small\">\n <VueDraggableNext v-if=\"localImages.length > 0\" class=\"gap-small flex dragArea list-group w-full\" v-model=\"localImages\" @change=\"emitChanges\">\n\t\t\t<div v-for=\"(image, index) in localImages\" class=\"pos-relative\">\n\t\t\t\t<img loading=\"lazy\" class=\"i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden\" :src=\"(FILE_SERVER_URL || '') + image\" />\n\t\t\t\t\n <IconCross \n @click=\"deleteImage(index)\" \n class=\"cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro\"\n />\n\t\t\t</div>\n\t\t</VueDraggableNext>\n <div\n v-if=\"localImages.length > 0\" \n class=\"i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small\"\n >\n <UploadImageMultiple \n @update:images=\"onImagesUpdate\"\n text=\"Add\"\n :options=\"{\n showText: false\n }\"\n :uploadPath=\"'photos'\"\n class=\"radius-big\"\n />\n </div>\n\n\n\t\t<UploadImageMultiple \t\n v-if=\"localImages.length < 1\" \n @update:images=\"onImagesUpdate\"\n :uploadPath=\"props.uploadPath\"\n :text=\"props.text\"\n :options=\"props.options\"\n class=\"w-100 pd-medium\"\n />\n\t</div>\t\n</template>\n\n<script setup>\nimport { ref, defineProps, watchEffect } from 'vue';\nimport { VueDraggableNext } from 'vue-draggable-next'\nimport UploadImageMultiple from \"@pf/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n images: Array,\n text: Object,\n options: Object,\n uploadPath: {\n type: Object,\n default: 'unsorted'\n }\n});\n\nconst emit = defineEmits(['update:images'])\n\nconst localImages = ref([...props.images])\n\nwatchEffect(() => {\n localImages.value = [...props.images]; // Обновление localImages при изменении props.images\n});\n\nconst emitChanges = () => {\n emit('update:images', localImages.value)\n}\n\nconst onImagesUpdate = (newImages) => {\n localImages.value = [...localImages.value, ...newImages]\n emitChanges()\n}\n\nconst deleteImage = (index) => {\n localImages.value.splice(index, 1)\n emitChanges()\n}\n</script>\n\n<style lang=\"scss\">\n// Your styles here\n</style>\n"],"names":["ref","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAEb,UAAM,cAAcA,IAAAA,IAAI,CAAC,GAAG,MAAM,MAAM,CAAC;AAEzCC,QAAAA,YAAY,MAAM;AAChB,kBAAY,QAAQ,CAAC,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,iBAAiB,YAAY,KAAK;AAAA,IACzC;AAEA,UAAM,iBAAiB,CAAC,cAAc;AACpC,kBAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,SAAS;AACvD,kBAAa;AAAA,IACf;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAa;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1,2 +1,95 @@
|
|
1
|
-
|
1
|
+
import { ref, watchEffect, openBlock, createElementBlock, createBlock, unref, withCtx, Fragment, renderList, createElementVNode, createVNode, createCommentVNode } from "vue";
|
2
|
+
import { VueDraggableNext } from "../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
|
3
|
+
import _sfc_main$2 from "../UploadImageMultiple/UploadImageMultiple.vue.js";
|
4
|
+
import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
|
5
|
+
import "./EditImages.vue2.js";
|
6
|
+
const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
|
7
|
+
const _hoisted_2 = { class: "pos-relative" };
|
8
|
+
const _hoisted_3 = ["src"];
|
9
|
+
const _hoisted_4 = {
|
10
|
+
key: 1,
|
11
|
+
class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
|
12
|
+
};
|
13
|
+
const _sfc_main = {
|
14
|
+
__name: "EditImages",
|
15
|
+
props: {
|
16
|
+
images: Array,
|
17
|
+
text: Object,
|
18
|
+
options: Object,
|
19
|
+
uploadPath: {
|
20
|
+
type: Object,
|
21
|
+
default: "unsorted"
|
22
|
+
}
|
23
|
+
},
|
24
|
+
emits: ["update:images"],
|
25
|
+
setup(__props, { emit: __emit }) {
|
26
|
+
const props = __props;
|
27
|
+
const emit = __emit;
|
28
|
+
const localImages = ref([...props.images]);
|
29
|
+
watchEffect(() => {
|
30
|
+
localImages.value = [...props.images];
|
31
|
+
});
|
32
|
+
const emitChanges = () => {
|
33
|
+
emit("update:images", localImages.value);
|
34
|
+
};
|
35
|
+
const onImagesUpdate = (newImages) => {
|
36
|
+
localImages.value = [...localImages.value, ...newImages];
|
37
|
+
emitChanges();
|
38
|
+
};
|
39
|
+
const deleteImage = (index) => {
|
40
|
+
localImages.value.splice(index, 1);
|
41
|
+
emitChanges();
|
42
|
+
};
|
43
|
+
return (_ctx, _cache) => {
|
44
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
45
|
+
localImages.value.length > 0 ? (openBlock(), createBlock(unref(VueDraggableNext), {
|
46
|
+
key: 0,
|
47
|
+
class: "gap-small flex dragArea list-group w-full",
|
48
|
+
modelValue: localImages.value,
|
49
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
|
50
|
+
onChange: emitChanges
|
51
|
+
}, {
|
52
|
+
default: withCtx(() => [
|
53
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(localImages.value, (image, index) => {
|
54
|
+
return openBlock(), createElementBlock("div", _hoisted_2, [
|
55
|
+
createElementVNode("img", {
|
56
|
+
loading: "lazy",
|
57
|
+
class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
|
58
|
+
src: (_ctx.FILE_SERVER_URL || "") + image
|
59
|
+
}, null, 8, _hoisted_3),
|
60
|
+
createVNode(_sfc_main$1, {
|
61
|
+
onClick: ($event) => deleteImage(index),
|
62
|
+
class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
|
63
|
+
}, null, 8, ["onClick"])
|
64
|
+
]);
|
65
|
+
}), 256))
|
66
|
+
]),
|
67
|
+
_: 1
|
68
|
+
}, 8, ["modelValue"])) : createCommentVNode("", true),
|
69
|
+
localImages.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
70
|
+
createVNode(_sfc_main$2, {
|
71
|
+
"onUpdate:images": onImagesUpdate,
|
72
|
+
text: "Add",
|
73
|
+
options: {
|
74
|
+
showText: false
|
75
|
+
},
|
76
|
+
uploadPath: "photos",
|
77
|
+
class: "radius-big"
|
78
|
+
})
|
79
|
+
])) : createCommentVNode("", true),
|
80
|
+
localImages.value.length < 1 ? (openBlock(), createBlock(_sfc_main$2, {
|
81
|
+
key: 2,
|
82
|
+
"onUpdate:images": onImagesUpdate,
|
83
|
+
uploadPath: props.uploadPath,
|
84
|
+
text: props.text,
|
85
|
+
options: props.options,
|
86
|
+
class: "w-100 pd-medium"
|
87
|
+
}, null, 8, ["uploadPath", "text", "options"])) : createCommentVNode("", true)
|
88
|
+
]);
|
89
|
+
};
|
90
|
+
}
|
91
|
+
};
|
92
|
+
export {
|
93
|
+
_sfc_main as default
|
94
|
+
};
|
2
95
|
//# sourceMappingURL=EditImages.vue.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditImages.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
1
|
+
{"version":3,"file":"EditImages.vue.js","sources":["../../../../../src/components/EditImages/EditImages.vue"],"sourcesContent":["<template>\n\t<div class=\"flex-nowrap flex gap-small\">\n <VueDraggableNext v-if=\"localImages.length > 0\" class=\"gap-small flex dragArea list-group w-full\" v-model=\"localImages\" @change=\"emitChanges\">\n\t\t\t<div v-for=\"(image, index) in localImages\" class=\"pos-relative\">\n\t\t\t\t<img loading=\"lazy\" class=\"i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden\" :src=\"(FILE_SERVER_URL || '') + image\" />\n\t\t\t\t\n <IconCross \n @click=\"deleteImage(index)\" \n class=\"cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro\"\n />\n\t\t\t</div>\n\t\t</VueDraggableNext>\n <div\n v-if=\"localImages.length > 0\" \n class=\"i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small\"\n >\n <UploadImageMultiple \n @update:images=\"onImagesUpdate\"\n text=\"Add\"\n :options=\"{\n showText: false\n }\"\n :uploadPath=\"'photos'\"\n class=\"radius-big\"\n />\n </div>\n\n\n\t\t<UploadImageMultiple \t\n v-if=\"localImages.length < 1\" \n @update:images=\"onImagesUpdate\"\n :uploadPath=\"props.uploadPath\"\n :text=\"props.text\"\n :options=\"props.options\"\n class=\"w-100 pd-medium\"\n />\n\t</div>\t\n</template>\n\n<script setup>\nimport { ref, defineProps, watchEffect } from 'vue';\nimport { VueDraggableNext } from 'vue-draggable-next'\nimport UploadImageMultiple from \"@pf/src/components/UploadImageMultiple/UploadImageMultiple.vue\";\nimport IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n images: Array,\n text: Object,\n options: Object,\n uploadPath: {\n type: Object,\n default: 'unsorted'\n }\n});\n\nconst emit = defineEmits(['update:images'])\n\nconst localImages = ref([...props.images])\n\nwatchEffect(() => {\n localImages.value = [...props.images]; // Обновление localImages при изменении props.images\n});\n\nconst emitChanges = () => {\n emit('update:images', localImages.value)\n}\n\nconst onImagesUpdate = (newImages) => {\n localImages.value = [...localImages.value, ...newImages]\n emitChanges()\n}\n\nconst deleteImage = (index) => {\n localImages.value.splice(index, 1)\n emitChanges()\n}\n</script>\n\n<style lang=\"scss\">\n// Your styles here\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,UAAM,QAAQ;AAUd,UAAM,OAAO;AAEb,UAAM,cAAc,IAAI,CAAC,GAAG,MAAM,MAAM,CAAC;AAEzC,gBAAY,MAAM;AAChB,kBAAY,QAAQ,CAAC,GAAG,MAAM,MAAM;AAAA,IACtC,CAAC;AAED,UAAM,cAAc,MAAM;AACxB,WAAK,iBAAiB,YAAY,KAAK;AAAA,IACzC;AAEA,UAAM,iBAAiB,CAAC,cAAc;AACpC,kBAAY,QAAQ,CAAC,GAAG,YAAY,OAAO,GAAG,SAAS;AACvD,kBAAa;AAAA,IACf;AAEA,UAAM,cAAc,CAAC,UAAU;AAC7B,kBAAY,MAAM,OAAO,OAAO,CAAC;AACjC,kBAAa;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1,95 +1,2 @@
|
|
1
1
|
"use strict";
|
2
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
3
|
-
const vue = require("vue");
|
4
|
-
const vueDraggableNext_esmBundler = require("../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.cjs");
|
5
|
-
const UploadImageMultiple = require("../UploadImageMultiple/UploadImageMultiple.vue.cjs");
|
6
|
-
const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
|
7
|
-
require("./EditImages.vue.cjs");
|
8
|
-
const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
|
9
|
-
const _hoisted_2 = { class: "pos-relative" };
|
10
|
-
const _hoisted_3 = ["src"];
|
11
|
-
const _hoisted_4 = {
|
12
|
-
key: 1,
|
13
|
-
class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
|
14
|
-
};
|
15
|
-
const _sfc_main = {
|
16
|
-
__name: "EditImages",
|
17
|
-
props: {
|
18
|
-
images: Array,
|
19
|
-
text: Object,
|
20
|
-
options: Object,
|
21
|
-
uploadPath: {
|
22
|
-
type: Object,
|
23
|
-
default: "unsorted"
|
24
|
-
}
|
25
|
-
},
|
26
|
-
emits: ["update:images"],
|
27
|
-
setup(__props, { emit: __emit }) {
|
28
|
-
const props = __props;
|
29
|
-
const emit = __emit;
|
30
|
-
const localImages = vue.ref([...props.images]);
|
31
|
-
vue.watchEffect(() => {
|
32
|
-
localImages.value = [...props.images];
|
33
|
-
});
|
34
|
-
const emitChanges = () => {
|
35
|
-
emit("update:images", localImages.value);
|
36
|
-
};
|
37
|
-
const onImagesUpdate = (newImages) => {
|
38
|
-
localImages.value = [...localImages.value, ...newImages];
|
39
|
-
emitChanges();
|
40
|
-
};
|
41
|
-
const deleteImage = (index) => {
|
42
|
-
localImages.value.splice(index, 1);
|
43
|
-
emitChanges();
|
44
|
-
};
|
45
|
-
return (_ctx, _cache) => {
|
46
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
47
|
-
localImages.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vueDraggableNext_esmBundler.VueDraggableNext), {
|
48
|
-
key: 0,
|
49
|
-
class: "gap-small flex dragArea list-group w-full",
|
50
|
-
modelValue: localImages.value,
|
51
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
|
52
|
-
onChange: emitChanges
|
53
|
-
}, {
|
54
|
-
default: vue.withCtx(() => [
|
55
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localImages.value, (image, index) => {
|
56
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
|
57
|
-
vue.createElementVNode("img", {
|
58
|
-
loading: "lazy",
|
59
|
-
class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
|
60
|
-
src: (_ctx.FILE_SERVER_URL || "") + image
|
61
|
-
}, null, 8, _hoisted_3),
|
62
|
-
vue.createVNode(IconCross.default, {
|
63
|
-
onClick: ($event) => deleteImage(index),
|
64
|
-
class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
|
65
|
-
}, null, 8, ["onClick"])
|
66
|
-
]);
|
67
|
-
}), 256))
|
68
|
-
]),
|
69
|
-
_: 1
|
70
|
-
}, 8, ["modelValue"])) : vue.createCommentVNode("", true),
|
71
|
-
localImages.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
|
72
|
-
vue.createVNode(UploadImageMultiple.default, {
|
73
|
-
"onUpdate:images": onImagesUpdate,
|
74
|
-
text: "Add",
|
75
|
-
options: {
|
76
|
-
showText: false
|
77
|
-
},
|
78
|
-
uploadPath: "photos",
|
79
|
-
class: "radius-big"
|
80
|
-
})
|
81
|
-
])) : vue.createCommentVNode("", true),
|
82
|
-
localImages.value.length < 1 ? (vue.openBlock(), vue.createBlock(UploadImageMultiple.default, {
|
83
|
-
key: 2,
|
84
|
-
"onUpdate:images": onImagesUpdate,
|
85
|
-
uploadPath: props.uploadPath,
|
86
|
-
text: props.text,
|
87
|
-
options: props.options,
|
88
|
-
class: "w-100 pd-medium"
|
89
|
-
}, null, 8, ["uploadPath", "text", "options"])) : vue.createCommentVNode("", true)
|
90
|
-
]);
|
91
|
-
};
|
92
|
-
}
|
93
|
-
};
|
94
|
-
exports.default = _sfc_main;
|
95
2
|
//# sourceMappingURL=EditImages.vue2.cjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditImages.vue2.cjs","sources":[
|
1
|
+
{"version":3,"file":"EditImages.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -1,95 +1,2 @@
|
|
1
|
-
|
2
|
-
import { VueDraggableNext } from "../../../../node_modules/vue-draggable-next/dist/vue-draggable-next.esm-bundler.js";
|
3
|
-
import _sfc_main$2 from "../UploadImageMultiple/UploadImageMultiple.vue.js";
|
4
|
-
import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
|
5
|
-
import "./EditImages.vue.js";
|
6
|
-
const _hoisted_1 = { class: "flex-nowrap flex gap-small" };
|
7
|
-
const _hoisted_2 = { class: "pos-relative" };
|
8
|
-
const _hoisted_3 = ["src"];
|
9
|
-
const _hoisted_4 = {
|
10
|
-
key: 1,
|
11
|
-
class: "i-extra uppercase flex-center flex radius-small o-hidden br-solid br-main br-2px pd-small"
|
12
|
-
};
|
13
|
-
const _sfc_main = {
|
14
|
-
__name: "EditImages",
|
15
|
-
props: {
|
16
|
-
images: Array,
|
17
|
-
text: Object,
|
18
|
-
options: Object,
|
19
|
-
uploadPath: {
|
20
|
-
type: Object,
|
21
|
-
default: "unsorted"
|
22
|
-
}
|
23
|
-
},
|
24
|
-
emits: ["update:images"],
|
25
|
-
setup(__props, { emit: __emit }) {
|
26
|
-
const props = __props;
|
27
|
-
const emit = __emit;
|
28
|
-
const localImages = ref([...props.images]);
|
29
|
-
watchEffect(() => {
|
30
|
-
localImages.value = [...props.images];
|
31
|
-
});
|
32
|
-
const emitChanges = () => {
|
33
|
-
emit("update:images", localImages.value);
|
34
|
-
};
|
35
|
-
const onImagesUpdate = (newImages) => {
|
36
|
-
localImages.value = [...localImages.value, ...newImages];
|
37
|
-
emitChanges();
|
38
|
-
};
|
39
|
-
const deleteImage = (index) => {
|
40
|
-
localImages.value.splice(index, 1);
|
41
|
-
emitChanges();
|
42
|
-
};
|
43
|
-
return (_ctx, _cache) => {
|
44
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
45
|
-
localImages.value.length > 0 ? (openBlock(), createBlock(unref(VueDraggableNext), {
|
46
|
-
key: 0,
|
47
|
-
class: "gap-small flex dragArea list-group w-full",
|
48
|
-
modelValue: localImages.value,
|
49
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localImages.value = $event),
|
50
|
-
onChange: emitChanges
|
51
|
-
}, {
|
52
|
-
default: withCtx(() => [
|
53
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(localImages.value, (image, index) => {
|
54
|
-
return openBlock(), createElementBlock("div", _hoisted_2, [
|
55
|
-
createElementVNode("img", {
|
56
|
-
loading: "lazy",
|
57
|
-
class: "i-extra object-fit-contain bg-black-transp-5 pd-nano radius-small o-hidden",
|
58
|
-
src: (_ctx.FILE_SERVER_URL || "") + image
|
59
|
-
}, null, 8, _hoisted_3),
|
60
|
-
createVNode(_sfc_main$1, {
|
61
|
-
onClick: ($event) => deleteImage(index),
|
62
|
-
class: "cursor-pointer pos-absolute t-center flex-center flex radius-extra i-medium bg-red pos-t-10-negative pos-r-10-negative pd-micro"
|
63
|
-
}, null, 8, ["onClick"])
|
64
|
-
]);
|
65
|
-
}), 256))
|
66
|
-
]),
|
67
|
-
_: 1
|
68
|
-
}, 8, ["modelValue"])) : createCommentVNode("", true),
|
69
|
-
localImages.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
70
|
-
createVNode(_sfc_main$2, {
|
71
|
-
"onUpdate:images": onImagesUpdate,
|
72
|
-
text: "Add",
|
73
|
-
options: {
|
74
|
-
showText: false
|
75
|
-
},
|
76
|
-
uploadPath: "photos",
|
77
|
-
class: "radius-big"
|
78
|
-
})
|
79
|
-
])) : createCommentVNode("", true),
|
80
|
-
localImages.value.length < 1 ? (openBlock(), createBlock(_sfc_main$2, {
|
81
|
-
key: 2,
|
82
|
-
"onUpdate:images": onImagesUpdate,
|
83
|
-
uploadPath: props.uploadPath,
|
84
|
-
text: props.text,
|
85
|
-
options: props.options,
|
86
|
-
class: "w-100 pd-medium"
|
87
|
-
}, null, 8, ["uploadPath", "text", "options"])) : createCommentVNode("", true)
|
88
|
-
]);
|
89
|
-
};
|
90
|
-
}
|
91
|
-
};
|
92
|
-
export {
|
93
|
-
_sfc_main as default
|
94
|
-
};
|
1
|
+
|
95
2
|
//# sourceMappingURL=EditImages.vue2.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditImages.vue2.js","sources":[
|
1
|
+
{"version":3,"file":"EditImages.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs
CHANGED
@@ -6,7 +6,7 @@ const vue = require("vue");
|
|
6
6
|
;/* empty css */
|
7
7
|
;/* empty css */
|
8
8
|
;/* empty css */
|
9
|
-
;/* empty css
|
9
|
+
;/* empty css */
|
10
10
|
;/* empty css */
|
11
11
|
const Slider = require("../../../../components/Slider/Slider.vue.cjs");
|
12
12
|
const CardBlogpost = require("../blocks/CardBlogpost.vue.cjs");
|
@@ -4,7 +4,7 @@ import { openBlock, createBlock, withCtx } from "vue";
|
|
4
4
|
/* empty css */
|
5
5
|
/* empty css */
|
6
6
|
/* empty css */
|
7
|
-
/* empty css
|
7
|
+
/* empty css */
|
8
8
|
/* empty css */
|
9
9
|
import Slider from "../../../../components/Slider/Slider.vue.js";
|
10
10
|
import _sfc_main$1 from "../blocks/CardBlogpost.vue.js";
|
@@ -17,7 +17,7 @@ require("axios");
|
|
17
17
|
;/* empty css */
|
18
18
|
const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
|
19
19
|
;/* empty css */
|
20
|
-
require("../../../../components/EditImages/EditImages.
|
20
|
+
require("../../../../components/EditImages/EditImages.vue2.cjs");
|
21
21
|
const Feed = require("../../../../components/Feed/Feed.vue.cjs");
|
22
22
|
const Button = require("../../../../components/Button/Button.vue.cjs");
|
23
23
|
const Card = require("../../../globals/views/components/blocks/Card.vue.cjs");
|
@@ -15,7 +15,7 @@ import "axios";
|
|
15
15
|
/* empty css */
|
16
16
|
import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
|
17
17
|
/* empty css */
|
18
|
-
import "../../../../components/EditImages/EditImages.
|
18
|
+
import "../../../../components/EditImages/EditImages.vue2.js";
|
19
19
|
import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
|
20
20
|
import _sfc_main$a from "../../../../components/Button/Button.vue.js";
|
21
21
|
import _sfc_main$7 from "../../../globals/views/components/blocks/Card.vue.js";
|
@@ -8,7 +8,7 @@ const Countdown = require("../../../../components/Countdown/Countdown.vue.cjs");
|
|
8
8
|
const HeroEvent = require("../sections/HeroEvent.vue.cjs");
|
9
9
|
const PhotoStack = require("../../../globals/views/components/elements/PhotoStack.vue.cjs");
|
10
10
|
const SkeletonEvent = require("../../../icons/skeletons/SkeletonEvent.vue.cjs");
|
11
|
-
const
|
11
|
+
const IconCalendar2 = require("../../../icons/entities/IconCalendar2.vue.cjs");
|
12
12
|
const ButtonJoin = require("../elements/ButtonJoin.vue.cjs");
|
13
13
|
const Comments = require("../../../community/components/sections/Comments.vue.cjs");
|
14
14
|
const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
|
@@ -96,7 +96,7 @@ const _sfc_main = {
|
|
96
96
|
vue.createElementVNode("h1", _hoisted_4, vue.toDisplayString((_a = event.value) == null ? void 0 : _a.name), 1),
|
97
97
|
vue.createElementVNode("div", _hoisted_5, [
|
98
98
|
((_b = event.value.date) == null ? void 0 : _b.start) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
|
99
|
-
vue.createVNode(
|
99
|
+
vue.createVNode(IconCalendar2.default, {
|
100
100
|
fill: "rgb(var(--black))",
|
101
101
|
class: "w-1r h-auto"
|
102
102
|
}),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section id=\"eventPage\">\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n\n <HeroEvent\n v-if=\"!isLoading && event &&event.cover\"\n :content=\"{\n title: event.name,\n ticketLinkStripe: event.ticketLinkStripe,\n cover: event.cover,\n subtitle: event.subtitle,\n }\"\n :options=\"{\n date: event.date.start,\n }\"\n class=\"o-hidden\"\n />\n\n <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n \n <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n <h1 class=\"z-index-1 mn-b-semi\">\n {{event?.name}}\n </h1>\n\n <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n {{formatDate(event.date.start)}}\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\n <p class=\"z-index-1 p-big mn-b-semi\">\n {{event?.description}}\n </p>\n\n <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <Viewer\n v-if=\"event && event.content\"\n :content=\"event.content\"\n :notitle=\"true\"\n />\n\n </div>\n\n <div class=\"\">\n \n <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n <h4 class=\"mn-r-auto\">Tickets</h4>\n <PhotoStack\n :number=\"event.numberOfTickets\"\n :photos=\"event.participantsPhotos\" \n />\n </div>\n <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n <div class=\"flex-nowrap mn-b-small p-big flex\">\n <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n </div>\n <a :href=\"ticketType.link\" class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second \">\n Buy Now\n </a>\n </div>\n\n <ButtonJoin \n v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\" w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n <Countdown \n v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n class=\"mn-t-thin radius-medium bg-white w-100\"\n :date=\"event?.date?.start\"\n />\n </div>\n\n <div class=\"radius-semi pd-medium bg-light\">\n <h4 class=\"mn-b-small\">Organizer</h4>\n <User \n class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n :user=\"event.owner.target._id\" \n :photo=\"event.owner.target.profile.photo\"\n :name=\"event.owner.target.profile.name\"\n :position=\"event.owner\" \n @click.stop=\"$router.push({\n name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n params: {\n _id: event.owner.target._id,\n\n },\n query: {\n tab: 'events'\n }\n })\" \n />\n </div>\n\n </div>\n\n <Comments \n v-if=\"!isLoading && event\" \n :type=\"'event'\" \n :target=\"event._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-big pd-medium\"\n />\n\n </div>\n \n </TransitionGroup> \n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import Chips from '@pf/src/components/Chips/Chips.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n import Countdown from \"@pf/src/components/Countdown/Countdown.vue\";\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n\n import PhotoStack from \"@pf/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue';\n import IconCalendar from '@pf/src/modules/icons/entities/
|
1
|
+
{"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section id=\"eventPage\">\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n\n <HeroEvent\n v-if=\"!isLoading && event &&event.cover\"\n :content=\"{\n title: event.name,\n ticketLinkStripe: event.ticketLinkStripe,\n cover: event.cover,\n subtitle: event.subtitle,\n }\"\n :options=\"{\n date: event.date.start,\n }\"\n class=\"o-hidden\"\n />\n\n <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n \n <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n <h1 class=\"z-index-1 mn-b-semi\">\n {{event?.name}}\n </h1>\n\n <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n {{formatDate(event.date.start)}}\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\n <p class=\"z-index-1 p-big mn-b-semi\">\n {{event?.description}}\n </p>\n\n <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <Viewer\n v-if=\"event && event.content\"\n :content=\"event.content\"\n :notitle=\"true\"\n />\n\n </div>\n\n <div class=\"\">\n \n <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n <h4 class=\"mn-r-auto\">Tickets</h4>\n <PhotoStack\n :number=\"event.numberOfTickets\"\n :photos=\"event.participantsPhotos\" \n />\n </div>\n <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n <div class=\"flex-nowrap mn-b-small p-big flex\">\n <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n </div>\n <a :href=\"ticketType.link\" class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second \">\n Buy Now\n </a>\n </div>\n\n <ButtonJoin \n v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\" w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n <Countdown \n v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n class=\"mn-t-thin radius-medium bg-white w-100\"\n :date=\"event?.date?.start\"\n />\n </div>\n\n <div class=\"radius-semi pd-medium bg-light\">\n <h4 class=\"mn-b-small\">Organizer</h4>\n <User \n class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n :user=\"event.owner.target._id\" \n :photo=\"event.owner.target.profile.photo\"\n :name=\"event.owner.target.profile.name\"\n :position=\"event.owner\" \n @click.stop=\"$router.push({\n name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n params: {\n _id: event.owner.target._id,\n\n },\n query: {\n tab: 'events'\n }\n })\" \n />\n </div>\n\n </div>\n\n <Comments \n v-if=\"!isLoading && event\" \n :type=\"'event'\" \n :target=\"event._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-big pd-medium\"\n />\n\n </div>\n \n </TransitionGroup> \n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import Chips from '@pf/src/components/Chips/Chips.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n import Countdown from \"@pf/src/components/Countdown/Countdown.vue\";\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n\n import PhotoStack from \"@pf/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue';\n import IconCalendar from '@pf/src/modules/icons/entities/IconCalendar2.vue';\n\n import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n import Image from '@pf/src/modules/constructor/components/elements/Image.vue';\n import User from '@pf/src/modules/auth/views/components/blocks/CardUser.vue';\n\n import * as events from '@pf/src/modules/events/store/events.js';\n import * as tickets from '@pf/src/modules/events/store/tickets.js';\n import * as auth from '@pf/src/modules/auth/views/store/auth';\n \n import { useRoute } from 'vue-router';\n\n const route = useRoute();\n const qrcode = ref(null);\n \n const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n qrcode.value = ticket.qrcode;\n };\n\n function clickBuyTicket () {\n gtag('event', 'buy_ticket', {\n 'event_category': 'conversion',\n 'event_label': 'Buy Ticket'\n });\n\n\n }\n\n\n const event = ref(null);\n const isLoading = ref(true);\n\n onMounted(async () => {\n isLoading.value = true;\n\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data[0];\n isLoading.value = false;\n });\n</script>\n\n\n<style>\n #eventPage {\n display: block;\n }\n</style>"],"names":["useRoute","ref","tickets.mutations","onMounted","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,QAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAiB,UAAC,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAYE,UAAM,QAAQD,QAAI,IAAI;AACtB,UAAM,YAAYA,QAAI,IAAI;AAE1BE,QAAAA,UAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -6,7 +6,7 @@ import _sfc_main$4 from "../../../../components/Countdown/Countdown.vue.js";
|
|
6
6
|
import HeroEvent from "../sections/HeroEvent.vue.js";
|
7
7
|
import _sfc_main$3 from "../../../globals/views/components/elements/PhotoStack.vue.js";
|
8
8
|
import SkeletonEvent from "../../../icons/skeletons/SkeletonEvent.vue.js";
|
9
|
-
import _sfc_main$1 from "../../../icons/entities/
|
9
|
+
import _sfc_main$1 from "../../../icons/entities/IconCalendar2.vue.js";
|
10
10
|
import ButtonJoin from "../elements/ButtonJoin.vue.js";
|
11
11
|
import _sfc_main$6 from "../../../community/components/sections/Comments.vue.js";
|
12
12
|
import _sfc_main$5 from "../../../auth/views/components/blocks/CardUser.vue.js";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section id=\"eventPage\">\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n\n <HeroEvent\n v-if=\"!isLoading && event &&event.cover\"\n :content=\"{\n title: event.name,\n ticketLinkStripe: event.ticketLinkStripe,\n cover: event.cover,\n subtitle: event.subtitle,\n }\"\n :options=\"{\n date: event.date.start,\n }\"\n class=\"o-hidden\"\n />\n\n <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n \n <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n <h1 class=\"z-index-1 mn-b-semi\">\n {{event?.name}}\n </h1>\n\n <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n {{formatDate(event.date.start)}}\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\n <p class=\"z-index-1 p-big mn-b-semi\">\n {{event?.description}}\n </p>\n\n <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <Viewer\n v-if=\"event && event.content\"\n :content=\"event.content\"\n :notitle=\"true\"\n />\n\n </div>\n\n <div class=\"\">\n \n <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n <h4 class=\"mn-r-auto\">Tickets</h4>\n <PhotoStack\n :number=\"event.numberOfTickets\"\n :photos=\"event.participantsPhotos\" \n />\n </div>\n <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n <div class=\"flex-nowrap mn-b-small p-big flex\">\n <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n </div>\n <a :href=\"ticketType.link\" class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second \">\n Buy Now\n </a>\n </div>\n\n <ButtonJoin \n v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\" w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n <Countdown \n v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n class=\"mn-t-thin radius-medium bg-white w-100\"\n :date=\"event?.date?.start\"\n />\n </div>\n\n <div class=\"radius-semi pd-medium bg-light\">\n <h4 class=\"mn-b-small\">Organizer</h4>\n <User \n class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n :user=\"event.owner.target._id\" \n :photo=\"event.owner.target.profile.photo\"\n :name=\"event.owner.target.profile.name\"\n :position=\"event.owner\" \n @click.stop=\"$router.push({\n name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n params: {\n _id: event.owner.target._id,\n\n },\n query: {\n tab: 'events'\n }\n })\" \n />\n </div>\n\n </div>\n\n <Comments \n v-if=\"!isLoading && event\" \n :type=\"'event'\" \n :target=\"event._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-big pd-medium\"\n />\n\n </div>\n \n </TransitionGroup> \n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import Chips from '@pf/src/components/Chips/Chips.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n import Countdown from \"@pf/src/components/Countdown/Countdown.vue\";\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n\n import PhotoStack from \"@pf/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue';\n import IconCalendar from '@pf/src/modules/icons/entities/
|
1
|
+
{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section id=\"eventPage\">\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n\n <HeroEvent\n v-if=\"!isLoading && event &&event.cover\"\n :content=\"{\n title: event.name,\n ticketLinkStripe: event.ticketLinkStripe,\n cover: event.cover,\n subtitle: event.subtitle,\n }\"\n :options=\"{\n date: event.date.start,\n }\"\n class=\"o-hidden\"\n />\n\n <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n \n <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n <h1 class=\"z-index-1 mn-b-semi\">\n {{event?.name}}\n </h1>\n\n <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/>\n {{formatDate(event.date.start)}}\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\n <p class=\"z-index-1 p-big mn-b-semi\">\n {{event?.description}}\n </p>\n\n <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <Viewer\n v-if=\"event && event.content\"\n :content=\"event.content\"\n :notitle=\"true\"\n />\n\n </div>\n\n <div class=\"\">\n \n <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n <h4 class=\"mn-r-auto\">Tickets</h4>\n <PhotoStack\n :number=\"event.numberOfTickets\"\n :photos=\"event.participantsPhotos\" \n />\n </div>\n <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n <div class=\"flex-nowrap mn-b-small p-big flex\">\n <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n </div>\n <a :href=\"ticketType.link\" class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second \">\n Buy Now\n </a>\n </div>\n\n <ButtonJoin \n v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\" w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n <Countdown \n v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n class=\"mn-t-thin radius-medium bg-white w-100\"\n :date=\"event?.date?.start\"\n />\n </div>\n\n <div class=\"radius-semi pd-medium bg-light\">\n <h4 class=\"mn-b-small\">Organizer</h4>\n <User \n class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n :user=\"event.owner.target._id\" \n :photo=\"event.owner.target.profile.photo\"\n :name=\"event.owner.target.profile.name\"\n :position=\"event.owner\" \n @click.stop=\"$router.push({\n name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n params: {\n _id: event.owner.target._id,\n\n },\n query: {\n tab: 'events'\n }\n })\" \n />\n </div>\n\n </div>\n\n <Comments \n v-if=\"!isLoading && event\" \n :type=\"'event'\" \n :target=\"event._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-big pd-medium\"\n />\n\n </div>\n \n </TransitionGroup> \n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import Chips from '@pf/src/components/Chips/Chips.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n import Countdown from \"@pf/src/components/Countdown/Countdown.vue\";\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n\n import PhotoStack from \"@pf/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue';\n import IconCalendar from '@pf/src/modules/icons/entities/IconCalendar2.vue';\n\n import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n import Image from '@pf/src/modules/constructor/components/elements/Image.vue';\n import User from '@pf/src/modules/auth/views/components/blocks/CardUser.vue';\n\n import * as events from '@pf/src/modules/events/store/events.js';\n import * as tickets from '@pf/src/modules/events/store/tickets.js';\n import * as auth from '@pf/src/modules/auth/views/store/auth';\n \n import { useRoute } from 'vue-router';\n\n const route = useRoute();\n const qrcode = ref(null);\n \n const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n qrcode.value = ticket.qrcode;\n };\n\n function clickBuyTicket () {\n gtag('event', 'buy_ticket', {\n 'event_category': 'conversion',\n 'event_label': 'Buy Ticket'\n });\n\n\n }\n\n\n const event = ref(null);\n const isLoading = ref(true);\n\n onMounted(async () => {\n isLoading.value = true;\n\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data[0];\n isLoading.value = false;\n });\n</script>\n\n\n<style>\n #eventPage {\n display: block;\n }\n</style>"],"names":["tickets.mutations","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKE,UAAM,QAAQ;AACd,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DA,gBAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAYE,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -6,7 +6,7 @@ const vue = require("vue");
|
|
6
6
|
;/* empty css */
|
7
7
|
;/* empty css */
|
8
8
|
;/* empty css */
|
9
|
-
;/* empty css
|
9
|
+
;/* empty css */
|
10
10
|
;/* empty css */
|
11
11
|
const Slider = require("../../../../components/Slider/Slider.vue.cjs");
|
12
12
|
const Media = require("../../../../components/Media/Media.vue.cjs");
|
@@ -4,7 +4,7 @@ import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createE
|
|
4
4
|
/* empty css */
|
5
5
|
/* empty css */
|
6
6
|
/* empty css */
|
7
|
-
/* empty css
|
7
|
+
/* empty css */
|
8
8
|
/* empty css */
|
9
9
|
import Slider from "../../../../components/Slider/Slider.vue.js";
|
10
10
|
import Media from "../../../../components/Media/Media.vue.js";
|