@ozdao/prometheus-framework 0.0.87 → 0.0.89

package/dist/Feed-76b2997e.mjs

@@ -0,0 +1,367 @@
+import { openBlock as r, createElementBlock as n, Fragment as _, renderList as M, normalizeClass as v, toDisplayString as m, ref as h, computed as f, createVNode as C, unref as k, createElementVNode as g, createCommentVNode as c, renderSlot as F, createBlock as T, createStaticVNode as I, reactive as N, watch as L, onMounted as j, TransitionGroup as O, withCtx as P, Transition as R } from "vue";
+import { _ as V } from "./EmptyState-34d85f10.mjs";
+import { _ as B } from "./CardHeader-e361dada.mjs";
+import { _ as H, a as Y } from "./auth-fefd15a3.mjs";
+import { useRouter as q } from "vue-router";
+import { s as S } from "./globals-96ba60e4.mjs";
+const A = { class: "flex-v-center flex-nowrap flex" }, G = {
+  key: 1,
+  class: "pd-thin radius-small t-semi bg-white"
+}, J = {
+  __name: "Chips",
+  props: ["chips"],
+  setup(e) {
+    return (t, l) => (r(), n("div", A, [
+      e.chips.length ? (r(!0), n(_, { key: 0 }, M(e.chips, (i, u) => (r(), n("div", {
+        class: v(["pd-thin radius-small t-semi bg-main", { "mn-r-thin": u !== e.chips.length - 1 }])
+      }, m(i.text ? i.text : i), 3))), 256)) : (r(), n("div", G, m(e.chips), 1))
+    ]));
+  }
+}, K = {
+  key: 0,
+  class: "o-hidden bg-grey mn-small w-100"
+}, Q = ["src"], W = ["src"], X = { class: "w-max mn-r-thin pd-thin radius-small t-semi bg-main" }, Z = {
+  key: 0,
+  class: "t-semi"
+}, ee = { class: "t-semi" }, te = {
+  key: 0,
+  class: "t-semi uppercase"
+}, ae = {
+  key: 0,
+  class: "cursor-pointer mn-thin flex-nowrap flex w-100"
+}, re = {
+  key: 0,
+  class: ""
+}, ne = {
+  key: 1,
+  class: "pd-micro t-white uppercase t-semi p-small flex-center flex pd-r-small pd-l-small mn-l-thin w-min bg-second radius-extra"
+}, se = {
+  key: 1,
+  class: "mn-small p-big"
+}, le = {
+  __name: "CardEvent",
+  props: ["event", "user", "short", "type"],
+  setup(e) {
+    const t = e;
+    h(/* @__PURE__ */ new Date()), q(), f(() => t.event.content.find((a) => a.type.name === "ImageUpload")), f(() => t.event.content.find((a) => a.type.name === "Textarea"));
+    const l = f(() => {
+      const a = /* @__PURE__ */ new Date(), d = Date.UTC(a.getUTCFullYear(), a.getUTCMonth(), a.getUTCDate(), a.getUTCHours(), a.getUTCMinutes(), a.getUTCSeconds()), s = new Date(t.event.date.start), o = Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate(), s.getUTCHours(), s.getUTCMinutes(), s.getUTCSeconds()) - d;
+      if (o < 0)
+        return "Finished";
+      if (o === 0)
+        return "Starting Now";
+      {
+        const b = Math.floor(o / 1e3), x = Math.floor(b / 60), D = Math.floor(x / 60), E = Math.floor(D / 24);
+        return E > 0 ? `${E} days until event` : D > 0 ? `${D} hours until event` : x > 0 ? `${x} minutes until event` : `${b} seconds until event`;
+      }
+    }), i = f(() => {
+      const a = new Date(t.event.date.start), d = { day: "2-digit", month: "2-digit" };
+      return a.toLocaleDateString(void 0, d);
+    }), u = f(() => {
+      const a = new Date(t.event.date.start), d = new Date(t.event.date.end), s = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(a), U = new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }).format(d);
+      return `${s}-${U}`;
+    }), p = f(() => {
+      const a = t.event.name;
+      return a.length > 26 ? `${a.substring(0, 22)}…` : a;
+    });
+    return (a, d) => (r(), n("article", {
+      class: v({
+        "flex-nowrap flex-v-center flex": e.type === "short"
+      })
+    }, [
+      C(B, {
+        class: v({
+          "mn-small pd-medium": e.type !== "short",
+          "flex-child-order-last flex-child mn-l-small": e.type === "short"
+        }),
+        owner: e.event.owner,
+        creator: e.event.creator,
+        members: e.event.numberOfTickets,
+        membersPhotos: e.event.participantsPhotos,
+        type: e.type,
+        dateFormatted: k(l)
+      }, null, 8, ["class", "owner", "creator", "members", "membersPhotos", "type", "dateFormatted"]),
+      e.event.cover && e.type !== "short" ? (r(), n("div", K, [
+        g("img", {
+          src: e.event.cover,
+          alt: "Event image",
+          class: "z-index-1 d-block mn-auto h-20r"
+        }, null, 8, Q),
+        g("img", {
+          src: e.event.cover,
+          alt: "Event image",
+          class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
+          style: { transform: "scale(1.5)", filter: "blur(2rem)", "-webkit-filter": "blur(2rem)" }
+        }, null, 8, W)
+      ])) : c("", !0),
+      g("section", {
+        class: v(["w-100", { "pd-t-zero pd-medium": e.type !== "short" }])
+      }, [
+        g("div", {
+          class: v([{ "mn-small": e.type !== "short" }, "flex-v-center flex-nowrap flex"])
+        }, [
+          g("div", X, [
+            e.type !== "short" ? (r(), n("span", Z, m(k(i)) + " | ", 1)) : c("", !0),
+            g("span", ee, m(k(u)), 1)
+          ]),
+          e.type === "short" ? (r(), n("span", te, m(k(p)), 1)) : c("", !0)
+        ], 2),
+        e.type !== "short" ? (r(), n("div", ae, [
+          e.type !== "short" ? (r(), n("h3", re, m(e.event.name), 1)) : c("", !0),
+          e.event.status === "draft" ? (r(), n("div", ne, m(e.event.status), 1)) : c("", !0)
+        ])) : c("", !0),
+        e.type !== "short" ? (r(), n("p", se, m(e.event.description), 1)) : c("", !0),
+        F(a.$slots, "default"),
+        e.type !== "short" && e.event.tags.length > 0 ? (r(), T(J, {
+          key: 2,
+          chips: e.event.tags
+        }, null, 8, ["chips"])) : c("", !0)
+      ], 2)
+    ], 2));
+  }
+}, ie = {}, ce = {
+  width: "100%",
+  height: "20rem",
+  xmlns: "http://www.w3.org/2000/svg"
+}, ue = /* @__PURE__ */ I('<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), oe = [
+  ue
+];
+function de(e, t) {
+  return r(), n("svg", ce, oe);
+}
+const me = /* @__PURE__ */ H(ie, [["render", de]]), $ = Y.create({ baseURL: process.env.API_URL, withCredentials: !0 }), y = N({
+  all: [],
+  filter: {
+    // query
+    tags: [],
+    period: "",
+    date: null
+    // pagination
+  },
+  pagination: {
+    page: 1,
+    perPage: 18
+  },
+  // Sort
+  sort: {
+    current: "popularity",
+    ascending: !1
+  },
+  current: {
+    _id: "",
+    cover: "",
+    url: "",
+    status: "",
+    name: "",
+    tags: [],
+    date: {
+      start: null,
+      false: null
+    },
+    views: 0,
+    content: []
+  }
+});
+async function z(e = {}) {
+  e.params = e.params || {}, e.params.skip = e.skip || 0, e.params.limit = e.limit || 9, e.params.tags = e.tags || [], e.status && (e.params = { status: e.status }), e.url && (e.params = { url: e.url }), e.period && (e.params.period = e.period), e.category && (e.params.category = e.category), e.organization && (e.params.organization = e.organization), e.date && (e.params.date = e.date), e.participant && (e.params.participant = e.participant), e.owner && (e.params.owner = e.owner), e.creator && (e.params.creator = e.creator), e.user && (e.params.user = e.user), e.sortOrder && (e.params.sortOrder = e.sortOrder), e.sortParam && (e.params.sortParam = e.sortParam), e.params.skip = e.skip || 0, e.params.limit = e.limit || 10;
+  try {
+    console.log("Request params:" + e.params);
+    const t = await $.get("/api/events/read", { params: e.params });
+    return console.log(e.params), e.url ? w(t.data, "current") : w(t.data, "all"), Promise.resolve(t.data);
+  } catch (t) {
+    return S(t), Promise.reject(t);
+  }
+}
+async function fe(e) {
+  return $.post("/api/events/create", e).then(
+    (t) => (w(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (S(t), Promise.reject(t))
+  );
+}
+async function ge(e) {
+  return $.post("/api/events/update", e).then(
+    (t) => (w(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (S(t), Promise.reject(t))
+  );
+}
+async function he(e) {
+  return await $.delete(`/api/events/delete/${e}`).then(
+    (t) => {
+      const l = y.all.findIndex((i) => i._id === e);
+      return l !== -1 && y.all.splice(l, 1), Promise.resolve(t.data);
+    },
+    (t) => (S(t), Promise.reject(t))
+  );
+}
+function w(e, t) {
+  y[t] = e;
+}
+function ve() {
+  y.current = {
+    _id: "",
+    cover: "",
+    url: "",
+    status: "",
+    name: "",
+    tags: [],
+    date: {
+      start: null,
+      false: null
+    },
+    views: 0,
+    content: []
+  };
+}
+L(y, (e, t) => {
+});
+const Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  clean: ve,
+  create: fe,
+  read: z,
+  remove: he,
+  set: w,
+  state: y,
+  update: ge
+}, Symbol.toStringTag, { value: "Module" })), ye = { class: "feed" }, Se = {
+  __name: "Feed",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    selectedDate: {
+      type: String,
+      default: null
+    },
+    organization: {
+      type: String,
+      default: null
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    creator: {
+      type: String,
+      default: null
+    },
+    user: {
+      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(e) {
+    const t = e, l = h([]), i = h(!1), u = h(!0), p = h(0), a = h(20), d = async () => {
+      if (i.value) {
+        p.value += a.value;
+        const s = await z({
+          skip: p.value,
+          limit: a.value,
+          category: t.category,
+          sortOrder: t.sortOrder,
+          participant: t.participant,
+          creator: t.creator,
+          user: t.user,
+          date: t.selectedDate,
+          owner: t.owner,
+          organization: t.organization,
+          period: t.period,
+          status: t.status
+        });
+        s.length === 0 ? i.value = !1 : i.value = !0, l.value = [...l.value, ...s];
+      }
+    };
+    return j(async () => {
+      u.value = !0, console.log(t.selectedDate);
+      const s = await z({
+        skip: p.value,
+        limit: a.value,
+        category: t.category,
+        participant: t.participant,
+        sortOrder: t.sortOrder,
+        user: t.user,
+        owner: t.owner,
+        creator: t.creator,
+        date: t.selectedDate,
+        organization: t.organization,
+        period: t.period,
+        status: t.status
+      });
+      s.length === 0 ? i.value = !1 : i.value = !0, l.value = s, u.value = !1;
+    }), (s, U) => (r(), n("section", ye, [
+      C(O, {
+        tag: "ul",
+        name: "fade",
+        class: "o-hidden bg-grey radius-big"
+      }, {
+        default: P(() => [
+          u.value ? (r(!0), n(_, { key: 0 }, M(a.value, (o) => (r(), T(me, { key: o }))), 128)) : c("", !0)
+        ]),
+        _: 1
+      }),
+      C(R, { name: "fade" }, {
+        default: P(() => [
+          !u.value && l.value.length < 1 ? (r(), T(V, {
+            key: 0,
+            title: "No Events Found",
+            description: "Currently, there are no events available. Please check back later.",
+            class: "pd-medium mn-thin bg-grey radius-big"
+          })) : c("", !0)
+        ]),
+        _: 1
+      }),
+      C(O, {
+        tag: "ul",
+        name: "fade",
+        class: "container"
+      }, {
+        default: P(() => [
+          !u.value && l.value.length > 0 ? (r(!0), n(_, { key: 0 }, M(l.value, (o, b) => (r(), T(le, {
+            onClick: (x) => s.$router.push({ name: "Event", params: { url: o.url } }),
+            key: o._id,
+            event: o,
+            owner: e.user,
+            type: "normal",
+            class: v(["bg-grey radius-big mn-medium", {
+              "br-b br-solid br-black-transp-10": b !== l.value.length - 1
+            }])
+          }, null, 8, ["onClick", "event", "owner", "class"]))), 128)) : c("", !0),
+          i.value && l.value.length > 0 ? (r(), n("button", {
+            key: 1,
+            onClick: d,
+            class: "w-100 bg-main button"
+          }, "Load more")) : c("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+};
+export {
+  me as S,
+  Se as _,
+  le as a,
+  fe as b,
+  ve as c,
+  Te as e,
+  z as r,
+  y as s,
+  ge as u
+};