@ozdao/prometheus-framework 0.1.20 → 0.1.22

package/dist/ProfileOrganizations-8961aaee.mjs

@@ -0,0 +1,213 @@
+import { openBlock as r, createElementBlock as o, createStaticVNode as $, ref as c, onMounted as C, createVNode as d, TransitionGroup as v, withCtx as g, Fragment as k, renderList as w, createBlock as f, createCommentVNode as u, Transition as h, normalizeClass as N, watch as q, createElementVNode as O, unref as y } from "vue";
+import { useRoute as M, useRouter as D } from "vue-router";
+import { _ as F } from "./Tab-a243605d.mjs";
+import { _ as L } from "./EmptyState-34d85f10.mjs";
+import { _ as V } from "./CardOrganization-de8ec36e.mjs";
+import { _ as B } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { a as x } from "./organizations-0fb56927.mjs";
+import { s as _ } from "./auth-78d9392a.mjs";
+import "./inputs.validation-14e8e01f.mjs";
+import "./globals-96ba60e4.mjs";
+import "vue-i18n";
+import "./ButtonFollow-81508d85.mjs";
+import "./index-9128ade5.mjs";
+const E = {}, G = {
+  width: "100%",
+  height: "20rem",
+  xmlns: "http://www.w3.org/2000/svg"
+}, P = /* @__PURE__ */ $('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--grey))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="#fff" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>', 6), R = [
+  P
+];
+function T(p, e) {
+  return r(), o("svg", G, R);
+}
+const U = /* @__PURE__ */ B(E, [["render", T]]), j = { class: "feed" }, z = {
+  __name: "Feed",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    selectedDate: {
+      type: String,
+      default: null
+    },
+    organization: {
+      type: String,
+      default: null
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    member: {
+      type: [String, Number],
+      default: null
+    },
+    subscriber: {
+      type: [String, Number],
+      default: null
+    },
+    sortOrder: {
+      type: String,
+      default: "desc"
+    },
+    participant: {
+      type: String,
+      default: null
+    },
+    period: {
+      type: String,
+      default: null
+    },
+    status: {
+      type: String,
+      default: null
+    }
+  },
+  setup(p) {
+    const e = p, a = c([]), n = c(!1), t = c(!0), i = c(0), s = c(20), b = async () => {
+      if (n.value) {
+        i.value += s.value;
+        const l = await x.read({
+          skip: i.value,
+          limit: s.value,
+          category: e.category,
+          sortOrder: e.sortOrder,
+          member: e.member,
+          subscriber: e.subscriber,
+          onlyuser: e.onlyuser,
+          user: e.user,
+          date: e.selectedDate,
+          owner: e.owner,
+          organization: e.organization,
+          period: e.period,
+          status: e.status
+        });
+        l.length === 0 ? n.value = !1 : n.value = !0, a.value = [...a.value, ...l];
+      }
+    };
+    return C(async () => {
+      t.value = !0, console.log(e.selectedDate);
+      const l = await x.read({
+        skip: i.value,
+        limit: s.value,
+        category: e.category,
+        member: e.member,
+        subscriber: e.subscriber,
+        onlyuser: e.onlyuser,
+        sortOrder: e.sortOrder,
+        user: e.user,
+        owner: e.owner,
+        date: e.selectedDate,
+        organization: e.organization,
+        period: e.period,
+        status: e.status
+      });
+      l.length === 0 ? n.value = !1 : n.value = !0, a.value = l, t.value = !1;
+    }), (l, J) => (r(), o("section", j, [
+      d(v, {
+        tag: "ul",
+        name: "fade",
+        class: "o-hidden bg-grey radius-big"
+      }, {
+        default: g(() => [
+          t.value ? (r(!0), o(k, { key: 0 }, w(s.value, (m) => (r(), f(U, { key: m }))), 128)) : u("", !0)
+        ]),
+        _: 1
+      }),
+      d(h, { name: "fade" }, {
+        default: g(() => [
+          !t.value && a.value.length < 1 ? (r(), f(L, {
+            key: 0,
+            title: "No Organizations Found",
+            description: "Currently, there are no organizations available. Please check back later.",
+            class: "pd-medium mn-thin bg-grey radius-big"
+          })) : u("", !0)
+        ]),
+        _: 1
+      }),
+      d(v, {
+        tag: "ul",
+        name: "fade",
+        class: "container"
+      }, {
+        default: g(() => [
+          !t.value && a.value.length > 0 ? (r(!0), o(k, { key: 0 }, w(a.value, (m, S) => (r(), f(V, {
+            onClick: (K) => l.$router.push({ name: "Organization", params: { _id: m._id } }),
+            key: m._id,
+            organization: m,
+            user: p.user,
+            type: "normal",
+            class: N(["w-100 radius-big mn-medium", {
+              "br-b br-solid br-black-transp-10": S !== a.value.length - 1
+            }])
+          }, null, 8, ["onClick", "organization", "user", "class"]))), 128)) : u("", !0),
+          n.value && a.value.length > 0 ? (r(), o("button", {
+            key: 1,
+            onClick: b,
+            class: "w-100 bg-main button"
+          }, "Load more")) : u("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}, A = { class: "pd-thin" }, H = { class: "mn-medium flex-v-center flex-nowrap flex" }, I = /* @__PURE__ */ O("h2", { class: "mn-r-medium" }, "Groups", -1), oe = {
+  __name: "ProfileOrganizations",
+  setup(p) {
+    const e = M(), a = D();
+    let n = e.query.tab ? e.query.tab : "member";
+    const t = c(n);
+    return e.query.tab = t.value, q(t, (i) => {
+      a.replace({ query: { ...e.query, tab: i } });
+    }), (i, s) => (r(), o("div", A, [
+      O("header", H, [
+        I,
+        _.user._id === y(e).params._id ? (r(), o("button", {
+          key: 0,
+          onClick: s[0] || (s[0] = (b) => i.$router.push({
+            name: "Create Organization"
+          })),
+          class: "radius-100p i-big hover-scale-1 cursor-pointer t-white bg-second"
+        }, " + ")) : u("", !0)
+      ]),
+      d(F, {
+        selected: t.value,
+        "onUpdate:selected": s[1] || (s[1] = (b) => t.value = b),
+        tabs: [
+          { name: "Member", value: "member" },
+          { name: "Follower", value: "follower" }
+        ],
+        class: "mn-medium mn-r-medium o-hidden h5 radius-big bg-grey"
+      }, null, 8, ["selected"]),
+      d(h, { name: "slide-fade" }, {
+        default: g(() => [
+          t.value === "member" ? (r(), f(z, {
+            key: 0,
+            user: _.user._id,
+            owner: y(e).params._id
+          }, null, 8, ["user", "owner"])) : u("", !0)
+        ]),
+        _: 1
+      }),
+      d(h, { name: "slide-fade" }, {
+        default: g(() => [
+          t.value === "follower" ? (r(), f(z, {
+            key: 0,
+            user: _.user._id,
+            subscriber: y(e).params._id
+          }, null, 8, ["user", "subscriber"])) : u("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+};
+export {
+  oe as default
+};

package/dist/ProfileOrganizations-f52e62e1.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("vue-router"),f=require("./Tab-6f0a4909.js"),y=require("./EmptyState-7658d7d6.js"),h=require("./CardOrganization-d8f209ee.js"),k=require("./_plugin-vue_export-helper-f246444f.js"),g=require("./organizations-195ec134.js"),d=require("./auth-96449d96.js");require("./inputs.validation-24ae76b9.js");require("./globals-928eb13c.js");require("vue-i18n");require("./ButtonFollow-df6317f0.js");require("./index-2a0269fc.js");const _={},v={width:"100%",height:"20rem",xmlns:"http://www.w3.org/2000/svg"},w=e.createStaticVNode('<rect x="0" y="0" rx="5" ry="5" width="100%" height="100%" fill="rgb(var(--grey))"></rect><rect x="15" y="15" rx="4" ry="4" width="40%" height="20" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="45" rx="5" ry="5" width="70%" height="50" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="110" rx="3" ry="3" width="90%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="15" y="130" rx="3" ry="3" width="70%" height="6" fill="rgba(var(--black),0.05)"></rect><rect x="-25%" y="0" width="25%" height="100%" fill="#fff" mask="url(#myMask)" opacity="0.3"><animate attributeName="x" from="-25%" to="100%" dur="2s" repeatCount="indefinite"></animate></rect>',6),x=[w];function B(u,t){return e.openBlock(),e.createElementBlock("svg",v,x)}const C=k._export_sfc(_,[["render",B]]),N={class:"feed"},p={__name:"Feed",props:{category:{type:String,default:null},selectedDate:{type:String,default:null},organization:{type:String,default:null},owner:{type:String,default:null},user:{type:[String,Number],default:null},member:{type:[String,Number],default:null},subscriber:{type:[String,Number],default:null},sortOrder:{type:String,default:"desc"},participant:{type:String,default:null},period:{type:String,default:null},status:{type:String,default:null}},setup(u){const t=u,a=e.ref([]),o=e.ref(!1),r=e.ref(!0),l=e.ref(0),n=e.ref(20),c=async()=>{if(o.value){l.value+=n.value;const i=await g.actions.read({skip:l.value,limit:n.value,category:t.category,sortOrder:t.sortOrder,member:t.member,subscriber:t.subscriber,onlyuser:t.onlyuser,user:t.user,date:t.selectedDate,owner:t.owner,organization:t.organization,period:t.period,status:t.status});i.length===0?o.value=!1:o.value=!0,a.value=[...a.value,...i]}};return e.onMounted(async()=>{r.value=!0,console.log(t.selectedDate);const i=await g.actions.read({skip:l.value,limit:n.value,category:t.category,member:t.member,subscriber:t.subscriber,onlyuser:t.onlyuser,sortOrder:t.sortOrder,user:t.user,owner:t.owner,date:t.selectedDate,organization:t.organization,period:t.period,status:t.status});i.length===0?o.value=!1:o.value=!0,a.value=i,r.value=!1}),(i,O)=>(e.openBlock(),e.createElementBlock("section",N,[e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"o-hidden bg-grey radius-big"},{default:e.withCtx(()=>[r.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,s=>(e.openBlock(),e.createBlock(C,{key:s}))),128)):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[!r.value&&a.value.length<1?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,title:"No Organizations Found",description:"Currently, there are no organizations available. Please check back later.",class:"pd-medium mn-thin bg-grey radius-big"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{tag:"ul",name:"fade",class:"container"},{default:e.withCtx(()=>[!r.value&&a.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.value,(s,b)=>(e.openBlock(),e.createBlock(h._sfc_main,{onClick:E=>i.$router.push({name:"Organization",params:{_id:s._id}}),key:s._id,organization:s,user:u.user,type:"normal",class:e.normalizeClass(["w-100 radius-big mn-medium",{"br-b br-solid br-black-transp-10":b!==a.value.length-1}])},null,8,["onClick","organization","user","class"]))),128)):e.createCommentVNode("",!0),o.value&&a.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:c,class:"w-100 bg-main button"},"Load more")):e.createCommentVNode("",!0)]),_:1})]))}},q={class:"pd-thin"},z={class:"mn-medium flex-v-center flex-nowrap flex"},V=e.createElementVNode("h2",{class:"mn-r-medium"},"Groups",-1),S={__name:"ProfileOrganizations",setup(u){const t=m.useRoute(),a=m.useRouter();let o=t.query.tab?t.query.tab:"member";const r=e.ref(o);return t.query.tab=r.value,e.watch(r,l=>{a.replace({query:{...t.query,tab:l}})}),(l,n)=>(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("header",z,[V,d.state.user._id===e.unref(t).params._id?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:n[0]||(n[0]=c=>l.$router.push({name:"Create Organization"})),class:"radius-100p i-big hover-scale-1 cursor-pointer t-white bg-second"}," + ")):e.createCommentVNode("",!0)]),e.createVNode(f._sfc_main,{selected:r.value,"onUpdate:selected":n[1]||(n[1]=c=>r.value=c),tabs:[{name:"Member",value:"member"},{name:"Follower",value:"follower"}],class:"mn-medium mn-r-medium o-hidden h5 radius-big bg-grey"},null,8,["selected"]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[r.value==="member"?(e.openBlock(),e.createBlock(p,{key:0,user:d.state.user._id,owner:e.unref(t).params._id},null,8,["user","owner"])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[r.value==="follower"?(e.openBlock(),e.createBlock(p,{key:0,user:d.state.user._id,subscriber:e.unref(t).params._id},null,8,["user","subscriber"])):e.createCommentVNode("",!0)]),_:1})]))}};exports.default=S;

package/dist/Publics-70a0ca9c.mjs

@@ -0,0 +1,45 @@
+import { ref as c, onMounted as u, openBlock as t, createElementBlock as n, unref as s, createBlock as a, Fragment as d, renderList as _, createCommentVNode as p } from "vue";
+import { _ as f } from "./CardOrganization-de8ec36e.mjs";
+import { _ as h } from "./EmptyState-34d85f10.mjs";
+import { s as l } from "./auth-78d9392a.mjs";
+import { a as y } from "./organizations-0fb56927.mjs";
+import { m as b } from "./ButtonFollow-81508d85.mjs";
+const x = { class: "w-100 o-scroll" }, g = {
+  key: 1,
+  class: "w-max gap-thin flex-nowrap flex"
+}, P = {
+  __name: "Publics",
+  setup(k) {
+    let e = c(null);
+    u(async () => {
+      e.value = await y.read({
+        user: l.user._id,
+        sort: "numberOfMemberships",
+        limit: 10,
+        types: ["public"]
+      });
+    });
+    const m = ({ membership: o, isMember: i, targetId: r }) => {
+      b.handleMembershipUpdate(e.value, o, i, r);
+    };
+    return (o, i) => (t(), n("div", x, [
+      !s(e) || s(e).length < 1 ? (t(), a(h, {
+        key: 0,
+        title: "Unfortunately, we couldn't find any recommendations for you",
+        description: "Explore and find a community or organization that suits your interests.",
+        class: "radius-big bg-grey pd-medium"
+      })) : (t(), n("div", g, [
+        s(e) ? (t(!0), n(d, { key: 0 }, _(s(e), (r, v) => (t(), a(f, {
+          key: r._id,
+          organization: r,
+          user: l.user,
+          onUpdateMembership: m,
+          class: "flex-child-1 flex-child w-25r"
+        }, null, 8, ["organization", "user"]))), 128)) : p("", !0)
+      ]))
+    ]));
+  }
+};
+export {
+  P as _
+};

package/dist/Publics-bbab7a79.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./CardOrganization-d8f209ee.js"),c=require("./EmptyState-7658d7d6.js"),s=require("./auth-96449d96.js"),l=require("./organizations-195ec134.js"),u=require("./ButtonFollow-df6317f0.js");const d={class:"w-100 o-scroll"},_={key:1,class:"w-max gap-thin flex-nowrap flex"},m={__name:"Publics",setup(p){let t=e.ref(null);e.onMounted(async()=>{t.value=await l.actions.read({user:s.state.user._id,sort:"numberOfMemberships",limit:10,types:["public"]})});const i=({membership:r,isMember:o,targetId:n})=>{u.mutations.handleMembershipUpdate(t.value,r,o,n)};return(r,o)=>(e.openBlock(),e.createElementBlock("div",d,[!e.unref(t)||e.unref(t).length<1?(e.openBlock(),e.createBlock(c._sfc_main,{key:0,title:"Unfortunately, we couldn't find any recommendations for you",description:"Explore and find a community or organization that suits your interests.",class:"radius-big bg-grey pd-medium"})):(e.openBlock(),e.createElementBlock("div",_,[e.unref(t)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(t),(n,f)=>(e.openBlock(),e.createBlock(a._sfc_main,{key:n._id,organization:n,user:s.state.user,onUpdateMembership:i,class:"flex-child-1 flex-child w-25r"},null,8,["organization","user"]))),128)):e.createCommentVNode("",!0)]))]))}};exports._sfc_main=m;

package/dist/Select-90d4b7c8.mjs

@@ -0,0 +1,81 @@
+import { ref as f, watch as y, computed as C, openBlock as t, createElementBlock as l, Fragment as v, createElementVNode as i, normalizeClass as h, toDisplayString as r, createCommentVNode as u, withModifiers as S, createVNode as b, Transition as k, withCtx as g, renderList as x, unref as B } from "vue";
+import "./Select.vue_vue_type_style_index_0_scoped_a78dbba1_lang-4ed993c7.mjs";
+import { _ as M } from "./_plugin-vue_export-helper-dad06003.mjs";
+const N = {
+  key: 0,
+  class: "t-transp mn-r-small"
+}, O = ["onClick"], V = ["onClick"], $ = {
+  key: 0,
+  class: "mn-t-thin invalid-feedback"
+}, z = {
+  __name: "Select",
+  props: {
+    label: String,
+    select: [String, Object],
+    placeholder: { type: String, default: "Please select an item" },
+    options: { type: Array, default: () => [] },
+    validation: Boolean
+  },
+  emits: ["update:select", "focus", "blur"],
+  setup(a, { emit: d }) {
+    const s = a, n = f(s.select), o = f(!1);
+    y(() => s.select, (e) => {
+      n.value = e;
+    });
+    const _ = C(() => s.select ? s.options.filter((e) => e !== s.select) : s.options), m = () => {
+      o.value = !o.value, d(o.value ? "focus" : "blur");
+    }, w = (e) => {
+      n.value = e, m(), d("update:select", n.value);
+    };
+    return (e, E) => {
+      var p;
+      return t(), l(v, null, [
+        i("div", {
+          class: h([e.$attrs.class, "flex-nowrap flex"])
+        }, [
+          a.label ? (t(), l("div", N, [
+            i("span", null, r(a.label), 1)
+          ])) : u("", !0),
+          i("li", {
+            onClick: S(m, ["stop"]),
+            class: "w-100"
+          }, [
+            i("span", null, r(((p = n.value) == null ? void 0 : p.name) || n.value || a.placeholder), 1)
+          ], 8, O),
+          b(k, {
+            mode: "out-in",
+            name: "fade"
+          }, {
+            default: g(() => [
+              o.value ? (t(), l("ul", {
+                key: 0,
+                class: h([e.$attrs.class, "pos-absolute pos-l-0 z-index-5 w-100 mn-t-big"])
+              }, [
+                (t(!0), l(v, null, x(B(_), (c) => (t(), l("li", null, [
+                  c ? (t(), l("span", {
+                    key: 0,
+                    onClick: (L) => w(c),
+                    class: "w-100"
+                  }, r(c.name || c), 9, V)) : u("", !0)
+                ]))), 256))
+              ], 2)) : u("", !0)
+            ]),
+            _: 1
+          })
+        ], 2),
+        b(k, {
+          mode: "out-in",
+          name: "fade"
+        }, {
+          default: g(() => [
+            a.validation ? (t(), l("div", $, " * " + r(a.validation.message), 1)) : u("", !0)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}, F = /* @__PURE__ */ M(z, [["__scopeId", "data-v-a78dbba1"]]);
+export {
+  F as S
+};

package/dist/Select-b9299fb6.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("./Select.vue_vue_type_style_index_0_scoped_a78dbba1_lang-0ea8fbf8.js");const m=require("./_plugin-vue_export-helper-f246444f.js"),p={key:0,class:"t-transp mn-r-small"},k=["onClick"],f=["onClick"],v={key:0,class:"mn-t-thin invalid-feedback"},B={__name:"Select",props:{label:String,select:[String,Object],placeholder:{type:String,default:"Please select an item"},options:{type:Array,default:()=>[]},validation:Boolean},emits:["update:select","focus","blur"],setup(l,{emit:s}){const n=l,a=e.ref(n.select),o=e.ref(!1);e.watch(()=>n.select,t=>{a.value=t});const u=e.computed(()=>n.select?n.options.filter(t=>t!==n.select):n.options),r=()=>{o.value=!o.value,s(o.value?"focus":"blur")},d=t=>{a.value=t,r(),s("update:select",a.value)};return(t,h)=>{var i;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([t.$attrs.class,"flex-nowrap flex"])},[l.label?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("span",null,e.toDisplayString(l.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("li",{onClick:e.withModifiers(r,["stop"]),class:"w-100"},[e.createElementVNode("span",null,e.toDisplayString(((i=a.value)==null?void 0:i.name)||a.value||l.placeholder),1)],8,k),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass([t.$attrs.class,"pos-absolute pos-l-0 z-index-5 w-100 mn-t-big"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),c=>(e.openBlock(),e.createElementBlock("li",null,[c?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:C=>d(c),class:"w-100"},e.toDisplayString(c.name||c),9,f)):e.createCommentVNode("",!0)]))),256))],2)):e.createCommentVNode("",!0)]),_:1})],2),e.createVNode(e.Transition,{mode:"out-in",name:"fade"},{default:e.withCtx(()=>[l.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(l.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64)}}},g=m._export_sfc(B,[["__scopeId","data-v-a78dbba1"]]);exports.Select=g;

package/dist/Select.vue_vue_type_style_index_0_scoped_a78dbba1_lang-0ea8fbf8.js

@@ -0,0 +1 @@
+"use strict";

package/dist/Select.vue_vue_type_style_index_0_scoped_a78dbba1_lang-4ed993c7.mjs

@@ -0,0 +1 @@
+

package/dist/UploadImage-c9711af2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),h=require("./index-2a0269fc.js"),C=["src"],m={key:1,class:"flex-v-center flex-h-center flex w-100 h-100 bg-second"},v=e.createElementVNode("svg",{class:"i-medium",width:"104",height:"104",viewBox:"0 0 104 104",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{fill:"white",d:"M21.2784 37.2973C18.8466 34.6628 18.8466 30.6098 21.2784 27.9753L47.2179 2.03584C48.6364 0.81993 50.2577 0.211974 51.8789 0.211974C53.5001 0.211974 55.1213 0.81993 56.5399 2.03584L82.4793 27.9753C84.9111 30.6098 84.9111 34.6628 82.4793 37.2973C79.8448 39.7291 75.7918 39.7291 73.1573 37.2973L58.3637 22.301V71.5454C58.3637 75.1932 55.5266 78.0303 51.8789 78.0303C48.2311 78.0303 45.394 75.1932 45.394 71.5454V22.301L30.6004 37.2973C27.966 39.7291 23.9129 39.7291 21.2784 37.2973ZM97.2729 71.5454C100.921 71.5454 103.758 74.3825 103.758 78.0303V97.4849C103.758 101.133 100.921 103.97 97.2729 103.97H6.48486C2.83713 103.97 0 101.133 0 97.4849V78.0303C0 74.3825 2.83713 71.5454 6.48486 71.5454H38.9092C38.9092 78.6382 44.7861 84.5151 51.8789 84.5151C58.9717 84.5151 64.8486 78.6382 64.8486 71.5454H97.2729ZM87.5456 92.6212C90.1801 92.6212 92.4092 90.392 92.4092 87.7576C92.4092 85.1231 90.1801 82.8939 87.5456 82.8939C84.9111 82.8939 82.682 85.1231 82.682 87.7576C82.682 90.392 84.9111 92.6212 87.5456 92.6212Z"})],-1),g=[v],w={__name:"UploadImage",props:["uploadPath","photo"],emits:["update:photo"],setup(l,{emit:p}){const a=l,o=e.ref(null),r=e.ref(null);e.watch(a,({photo:t})=>{t&&(o.value=t)});function f(){r.value.click()}async function i(t){let n=t.target.files[0],s=new FormData;s.append("file",n);try{let u=await h.axios.create({baseURL:process.env.API_URL,withCredentials:!0}).post(`/api/upload/file?folderName=${encodeURIComponent(a.uploadPath)}`,s,{headers:{"Content-Type":"multipart/form-data"}});o.value=u.data.filepath,p("update:photo",o.value)}catch(c){console.error(c)}}function d(t){t.preventDefault(),i({target:{files:t.dataTransfer.files}})}return(t,n)=>(e.openBlock(),e.createElementBlock("div",{onClick:f,onDrop:d,onDragover:n[0]||(n[0]=e.withModifiers(()=>{},["prevent"])),class:"image-upload-area flex-v-center flex-h-center flex"},[o.value||l.photo?(e.openBlock(),e.createElementBlock("img",{key:0,src:(t.FILE_SERVER_URL||"")+(o.value||l.photo),alt:"Uploaded image",class:"w-100 h-100 object-fit-cover"},null,8,C)):(e.openBlock(),e.createElementBlock("div",m,g)),e.createElementVNode("input",{type:"file",ref_key:"fileInput",ref:r,onChange:i,style:{display:"none"}},null,544)],32))}};exports._sfc_main=w;

package/dist/UploadImage-ec3714e8.mjs

@@ -0,0 +1,83 @@
+import { ref as d, watch as v, openBlock as l, createElementBlock as n, withModifiers as g, createElementVNode as i } from "vue";
+import { a as w } from "./index-9128ade5.mjs";
+const x = ["src"], _ = {
+  key: 1,
+  class: "flex-v-center flex-h-center flex w-100 h-100 bg-second"
+}, y = /* @__PURE__ */ i("svg", {
+  class: "i-medium",
+  width: "104",
+  height: "104",
+  viewBox: "0 0 104 104",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ i("path", {
+    fill: "white",
+    d: "M21.2784 37.2973C18.8466 34.6628 18.8466 30.6098 21.2784 27.9753L47.2179 2.03584C48.6364 0.81993 50.2577 0.211974 51.8789 0.211974C53.5001 0.211974 55.1213 0.81993 56.5399 2.03584L82.4793 27.9753C84.9111 30.6098 84.9111 34.6628 82.4793 37.2973C79.8448 39.7291 75.7918 39.7291 73.1573 37.2973L58.3637 22.301V71.5454C58.3637 75.1932 55.5266 78.0303 51.8789 78.0303C48.2311 78.0303 45.394 75.1932 45.394 71.5454V22.301L30.6004 37.2973C27.966 39.7291 23.9129 39.7291 21.2784 37.2973ZM97.2729 71.5454C100.921 71.5454 103.758 74.3825 103.758 78.0303V97.4849C103.758 101.133 100.921 103.97 97.2729 103.97H6.48486C2.83713 103.97 0 101.133 0 97.4849V78.0303C0 74.3825 2.83713 71.5454 6.48486 71.5454H38.9092C38.9092 78.6382 44.7861 84.5151 51.8789 84.5151C58.9717 84.5151 64.8486 78.6382 64.8486 71.5454H97.2729ZM87.5456 92.6212C90.1801 92.6212 92.4092 90.392 92.4092 87.7576C92.4092 85.1231 90.1801 82.8939 87.5456 82.8939C84.9111 82.8939 82.682 85.1231 82.682 87.7576C82.682 90.392 84.9111 92.6212 87.5456 92.6212Z"
+  })
+], -1), k = [
+  y
+], D = {
+  __name: "UploadImage",
+  props: [
+    "uploadPath",
+    // only necessary prop
+    "photo"
+    // new prop for holding the image url
+  ],
+  emits: ["update:photo"],
+  setup(a, { emit: u }) {
+    const r = a, t = d(null), s = d(null);
+    v(r, ({ photo: e }) => {
+      e && (t.value = e);
+    });
+    function h() {
+      s.value.click();
+    }
+    async function c(e) {
+      let o = e.target.files[0], p = new FormData();
+      p.append("file", o);
+      try {
+        let m = await w.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/file?folderName=${encodeURIComponent(r.uploadPath)}`, p, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        });
+        t.value = m.data.filepath, u("update:photo", t.value);
+      } catch (f) {
+        console.error(f);
+      }
+    }
+    function C(e) {
+      e.preventDefault(), c({
+        target: {
+          files: e.dataTransfer.files
+        }
+      });
+    }
+    return (e, o) => (l(), n("div", {
+      onClick: h,
+      onDrop: C,
+      onDragover: o[0] || (o[0] = g(() => {
+      }, ["prevent"])),
+      class: "image-upload-area flex-v-center flex-h-center flex"
+    }, [
+      t.value || a.photo ? (l(), n("img", {
+        key: 0,
+        src: (e.FILE_SERVER_URL || "") + (t.value || a.photo),
+        alt: "Uploaded image",
+        class: "w-100 h-100 object-fit-cover"
+      }, null, 8, x)) : (l(), n("div", _, k)),
+      i("input", {
+        type: "file",
+        ref_key: "fileInput",
+        ref: s,
+        onChange: c,
+        style: { display: "none" }
+      }, null, 544)
+    ], 32));
+  }
+};
+export {
+  D as _
+};

package/dist/UploadImageMultiple-b4c8d627.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./index-2a0269fc.js"),h=e.createElementVNode("div",{class:"flex-v-center flex-h-center flex w-100 h-100"}," upload ",-1),v={__name:"UploadImageMultiple",props:["uploadPath"],emits:["update:images"],setup(i,{emit:p}){const c=i,a=e.ref([]),l=e.ref(null);function f(){l.value.click()}async function r(n){let o=n.target.files,s=new FormData;for(let t=0;t<o.length;t++)s.append("file",o[t]);try{(await m.axios.create({baseURL:process.env.API_URL,withCredentials:!0}).post(`/api/upload/multiple?folderName=${encodeURIComponent(c.uploadPath)}`,s,{headers:{"Content-Type":"multipart/form-data"}})).data.forEach(d=>{a.value.push(d.filepath)}),p("update:images",a.value)}catch(t){console.error(t)}}function u(n){n.preventDefault(),r({target:{files:n.dataTransfer.files}})}return(n,o)=>(e.openBlock(),e.createElementBlock("div",{onClick:f,onDrop:u,onDragover:o[0]||(o[0]=e.withModifiers(()=>{},["prevent"])),class:"flex-v-center flex-h-center flex"},[h,e.createElementVNode("input",{type:"file",ref_key:"fileInput",ref:l,onChange:r,multiple:"",style:{display:"none"}},null,544)],32))}};exports._sfc_main=v;

package/dist/UploadImageMultiple-ebcc51e6.mjs

@@ -0,0 +1,58 @@
+import { ref as s, openBlock as h, createElementBlock as v, withModifiers as x, createElementVNode as i } from "vue";
+import { a as g } from "./index-9128ade5.mjs";
+const _ = /* @__PURE__ */ i("div", { class: "flex-v-center flex-h-center flex w-100 h-100" }, " upload ", -1), D = {
+  __name: "UploadImageMultiple",
+  props: [
+    "uploadPath"
+  ],
+  emits: ["update:images"],
+  setup(p, { emit: f }) {
+    const c = p, a = s([]), n = s(null);
+    function u() {
+      n.value.click();
+    }
+    async function l(t) {
+      let o = t.target.files, r = new FormData();
+      for (let e = 0; e < o.length; e++)
+        r.append("file", o[e]);
+      try {
+        (await g.create({ baseURL: process.env.API_URL, withCredentials: !0 }).post(`/api/upload/multiple?folderName=${encodeURIComponent(c.uploadPath)}`, r, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        })).data.forEach((d) => {
+          a.value.push(d.filepath);
+        }), f("update:images", a.value);
+      } catch (e) {
+        console.error(e);
+      }
+    }
+    function m(t) {
+      t.preventDefault(), l({
+        target: {
+          files: t.dataTransfer.files
+        }
+      });
+    }
+    return (t, o) => (h(), v("div", {
+      onClick: u,
+      onDrop: m,
+      onDragover: o[0] || (o[0] = x(() => {
+      }, ["prevent"])),
+      class: "flex-v-center flex-h-center flex"
+    }, [
+      _,
+      i("input", {
+        type: "file",
+        ref_key: "fileInput",
+        ref: n,
+        onChange: l,
+        multiple: "",
+        style: { display: "none" }
+      }, null, 544)
+    ], 32));
+  }
+};
+export {
+  D as _
+};