@ozdao/prometheus-framework 0.1.31 → 0.1.33

package/dist/Feed-4efa2a93.mjs

@@ -0,0 +1,394 @@
+import { reactive as N, watch as z, openBlock as r, createElementBlock as o, toDisplayString as d, createCommentVNode as i, createElementVNode as f, ref as g, createTextVNode as S, computed as R, createBlock as v, withModifiers as I, createVNode as h, normalizeClass as E, unref as m, renderSlot as L, onMounted as T, Fragment as j, Transition as P, withCtx as $, renderList as F } from "vue";
+import { _ as M } from "./EmptyState-34d85f10.mjs";
+import { _ as V } from "./_plugin-vue_export-helper-dad06003.mjs";
+import { b as B, _ as O, a as U } from "./Chips-41cd6570.mjs";
+import { useRouter as A } from "vue-router";
+import { I as q } from "./IconEdit-680dc269.mjs";
+import { a as D } from "./index-a661083c.mjs";
+import { s as x } from "./globals-96ba60e4.mjs";
+const w = D.create({ baseURL: process.env.API_URL, withCredentials: !0 });
+w.defaults.withCredentials = !0;
+const p = N({
+  all: [],
+  filter: {
+    // query
+    tags: [],
+    period: ""
+    // pagination
+  },
+  pagination: {
+    page: 1,
+    perPage: 18
+  },
+  // Sort
+  sort: {
+    current: "popularity",
+    ascending: !1
+  },
+  current: {
+    _id: "",
+    url: "",
+    status: "",
+    name: "",
+    tags: [],
+    owner: {},
+    date: "",
+    views: 0,
+    content: []
+  }
+});
+async function _(e = {}) {
+  e.params = e.params || {}, e.params.skip = e.skip || 0, e.params.limit = e.limit || 9, e.params.tags = e.tags || [], e.period && (e.params.period = e.period), e.url && (e.params = { url: e.url }), e.category && (e.params.category = e.category), e.organization && (e.params.organization = e.organization), e.owner && (e.params.owner = e.owner), e.creator && (e.params.creator = e.creator), e.status && (e.params.status = e.status), e.user && (e.params.user = e.user), e.params.skip = e.skip || 0, e.params.limit = e.limit || 10;
+  try {
+    console.log("Request params:" + e.params);
+    const t = await w.get("/api/blog/read", { params: e.params });
+    return e.url ? k(t.data, "current") : k(t.data, "all"), Promise.resolve(t.data);
+  } catch (t) {
+    return x(t), Promise.reject(t);
+  }
+}
+async function G(e) {
+  return w.post("/api/blog/create", e).then(
+    (t) => (k(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (x(t), Promise.reject(t))
+  );
+}
+async function H(e) {
+  return w.post("/api/blog/update", e).then(
+    (t) => (k(t.data, "current"), Promise.resolve(t.data)),
+    (t) => (x(t), Promise.reject(t))
+  );
+}
+async function J(e) {
+  return await w.delete(`/api/blog/delete/${e}`).then(
+    (t) => {
+      const a = p.all.findIndex((l) => l._id === e);
+      return a !== -1 && p.all.splice(a, 1), Promise.resolve(t.data);
+    },
+    (t) => (x(t), Promise.reject(t))
+  );
+}
+function k(e, t) {
+  p[t] = e;
+}
+function K() {
+  p.current = {
+    _id: "",
+    url: "",
+    status: "",
+    name: "",
+    tags: [],
+    author: "",
+    owner: "",
+    date: "",
+    views: 0,
+    content: []
+  };
+}
+function Q(e) {
+  const t = {
+    order: p.project.content.length + 1,
+    type: e.type,
+    data: e.data,
+    class: e.class,
+    content: e.content
+  };
+  p.project.content.push(t);
+}
+z(p, (e, t) => {
+});
+const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  blockAdd: Q,
+  clean: K,
+  create: G,
+  read: _,
+  remove: J,
+  set: k,
+  state: p,
+  update: H
+}, Symbol.toStringTag, { value: "Module" })), W = {
+  props: {
+    progress: {
+      type: Number,
+      default: null
+    },
+    status: {
+      type: String,
+      default: null
+    }
+  }
+}, X = { class: "circular-loader" }, Y = /* @__PURE__ */ f("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ f("circle", {
+    cx: "50",
+    cy: "50",
+    r: "20",
+    fill: "none",
+    "stroke-width": "4",
+    "stroke-miterlimit": "10"
+  })
+], -1), Z = {
+  key: 0,
+  class: "progress-text"
+}, ee = {
+  key: 1,
+  class: "uppercase t-semi w-m-10r status-text"
+};
+function te(e, t, a, l, c, n) {
+  return r(), o("div", X, [
+    Y,
+    a.progress ? (r(), o("div", Z, d(a.progress), 1)) : i("", !0),
+    a.status ? (r(), o("div", ee, d(a.status), 1)) : i("", !0)
+  ]);
+}
+const ae = /* @__PURE__ */ V(W, [["render", te]]), re = { class: "t-semi br-top-dark flex-nowrap flex-nojustify flex" }, se = /* @__PURE__ */ f("span", { class: "mn-r-small mn-l-small d-block" }, "·", -1), le = { class: "cursor-pointer" }, oe = /* @__PURE__ */ f("span", { class: "mn-r-small mn-l-small d-block" }, "·", -1), ne = {
+  __name: "FooterBlogpost",
+  props: ["blogpost", "owner", "user"],
+  setup(e) {
+    const t = e, a = g(t.blogpost.numberOfReactions), l = g(t.blogpost.isReacted), c = g(t.blogpost.reactionId);
+    async function n(y) {
+      if (!t.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const s = {
+          target: t.blogpost._id,
+          type: "blogpost",
+          user: t.user,
+          class: "like"
+        }, b = await B.create(s);
+        b.reaction.class === "like" && (a.value += 1, l.value = !0, c.value = b.reaction._id);
+      } catch (s) {
+        console.error(s), alert("Error adding reaction. Please try again later.");
+      }
+    }
+    async function u(y) {
+      if (!t.user) {
+        alert("Please login to add a reaction");
+        return;
+      }
+      try {
+        const s = { _id: c.value };
+        await B.delete(s), a.value -= 1, l.value = !1, c.value = null;
+      } catch {
+        alert("Error adding reaction. Please try again later.");
+      }
+    }
+    return (y, s) => (r(), o("footer", re, [
+      S(" 👁️ " + d(e.blogpost.views) + " ", 1),
+      se,
+      f("div", le, [
+        l.value ? i("", !0) : (r(), o("div", {
+          key: 0,
+          class: "cursor-pointer",
+          onClick: s[0] || (s[0] = (b) => n())
+        }, " 👍 " + d(a.value), 1)),
+        l.value ? (r(), o("div", {
+          key: 1,
+          class: "cursor-pointer",
+          onClick: s[1] || (s[1] = (b) => u())
+        }, " 👍 " + d(a.value), 1)) : i("", !0)
+      ]),
+      oe,
+      S(" 💬 " + d(e.blogpost.numberOfComments), 1)
+    ]));
+  }
+}, ie = { class: "pos-relative bg-grey radius-big" }, ce = ["src"], ue = { class: "pd-t-zero pd-medium" }, de = {
+  key: 0,
+  class: "cursor-pointer mn-thin flex-nowrap flex w-100"
+}, me = {
+  key: 0,
+  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"
+}, ge = {
+  key: 1,
+  class: "mn-small t-transp p-big"
+}, pe = {
+  key: 2,
+  class: "mn-small h2"
+}, fe = {
+  __name: "CardBlogpost",
+  props: ["blogpost", "user", "type"],
+  setup(e) {
+    const t = e, a = A(), l = R(() => t.blogpost.content.find((n) => n.type === "ImageUpload")), c = R(() => t.blogpost.content.find((n) => n.type === "Textarea"));
+    return (n, u) => (r(), o("article", ie, [
+      e.user && e.user === e.blogpost.creator.target._id ? (r(), v(q, {
+        key: 0,
+        onClick: u[0] || (u[0] = I((y) => n.$router.push({
+          name: "Edit BlogPost",
+          params: {
+            url: e.blogpost.url
+          }
+        }), ["stop"])),
+        class: "z-index-2 pos-absolute pos-t-regular pos-r-regular i-regular t-transp"
+      })) : i("", !0),
+      h(O, {
+        class: E({
+          "mn-small pd-medium": e.type !== "short",
+          "flex-child-order-last flex-child mn-l-small": e.type === "short"
+        }),
+        entity: e.blogpost,
+        entityType: "blogpost",
+        user: e.user,
+        owner: e.blogpost.owner,
+        creator: e.blogpost.creator,
+        date: e.blogpost.createdAt
+      }, null, 8, ["class", "entity", "user", "owner", "creator", "date"]),
+      m(l) && m(l).content && e.type !== "blogpostPage" ? (r(), o("img", {
+        key: 1,
+        src: (n.FILE_SERVER_URL || "") + m(l).content,
+        alt: "Blog post image",
+        class: "mn-medium object-fit-cover w-100 h-20r"
+      }, null, 8, ce)) : i("", !0),
+      f("section", ue, [
+        e.type !== "blogpostPage" ? (r(), o("div", de, [
+          f("h3", {
+            onClick: u[1] || (u[1] = (y) => m(a).push({
+              name: "BlogPost",
+              params: {
+                url: e.blogpost.url
+              }
+            })),
+            class: ""
+          }, d(e.blogpost.name), 1),
+          e.blogpost.status === "draft" ? (r(), o("div", me, d(e.blogpost.status), 1)) : i("", !0)
+        ])) : i("", !0),
+        m(c) && m(c).content && e.type !== "blogpostPage" ? (r(), o("p", ge, d(m(c).content.slice(0, 120)) + "... ", 1)) : i("", !0),
+        e.type === "blogpostPage" ? (r(), o("h3", pe, d(e.blogpost.name), 1)) : i("", !0),
+        L(n.$slots, "default"),
+        e.type !== "short" && e.blogpost.tags.length > 0 ? (r(), v(U, {
+          key: 3,
+          chips: e.blogpost.tags
+        }, null, 8, ["chips"])) : i("", !0)
+      ]),
+      h(ne, {
+        class: "pd-t-zero pd-medium",
+        blogpost: e.blogpost,
+        user: e.user
+      }, null, 8, ["blogpost", "user"])
+    ]));
+  }
+}, _e = {
+  __name: "Feed",
+  props: {
+    category: {
+      type: String,
+      default: null
+    },
+    limit: {
+      type: Number,
+      default: 7
+    },
+    skip: {
+      type: Number,
+      default: 0
+    },
+    owner: {
+      type: String,
+      default: null
+    },
+    creator: {
+      type: String,
+      default: null
+    },
+    status: {
+      type: String,
+      default: "published"
+    },
+    user: {
+      type: [String, Number],
+      default: null
+    },
+    period: {
+      type: String,
+      default: null
+    }
+  },
+  setup(e) {
+    const t = e, a = g([]), l = g(!0);
+    let c = g(!0), n = g(t.skip), u = g(t.limit);
+    const y = async () => {
+      if (l.value) {
+        n.value += u.value;
+        const s = await _({
+          skip: n.value,
+          limit: u.value,
+          category: t.category,
+          user: t.user,
+          owner: t.owner,
+          creator: t.creator,
+          status: t.status,
+          period: t.period
+        });
+        s.length === 0 && (l.value = !1), a.value = [...a.value, ...s];
+      }
+    };
+    return T(async () => {
+      const s = await _({
+        skip: n.value,
+        limit: u.value,
+        category: t.category,
+        user: t.user,
+        owner: t.owner,
+        status: t.status,
+        creator: t.creator,
+        period: t.period
+      });
+      s.length === 0 ? l.value = !1 : l.value = !0, a.value = s, c.value = !1;
+    }), (s, b) => (r(), o(j, null, [
+      h(P, { name: "scaleTransition" }, {
+        default: $(() => [
+          m(c) ? (r(), v(ae, {
+            key: 0,
+            class: "z-index-5 pos-t-50 left-t-50 pos-absolute"
+          })) : i("", !0)
+        ]),
+        _: 1
+      }),
+      h(P, { name: "scaleTransition" }, {
+        default: $(() => [
+          !m(c) && a.value.length < 1 ? (r(), v(M, {
+            key: 0,
+            title: "No Blog Posts Found",
+            description: "Currently, there are no posts available in this blog. Please check back later.",
+            class: "pd-medium mn-thin bg-grey radius-big"
+          })) : (r(), o("div", {
+            key: 1,
+            class: E(s.$attrs.class)
+          }, [
+            (r(!0), o(j, null, F(a.value, (C) => (r(), v(fe, {
+              key: C._id,
+              blogpost: C,
+              user: e.user,
+              class: "mn-medium"
+            }, null, 8, ["blogpost", "user"]))), 128)),
+            h(P, { name: "scaleTransition" }, {
+              default: $(() => [
+                l.value && a.value.length > 0 ? (r(), o("button", {
+                  key: 0,
+                  onClick: y,
+                  class: "w-100 bg-main button"
+                }, " Load more ")) : i("", !0)
+              ]),
+              _: 1
+            })
+          ], 2))
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+};
+export {
+  ae as L,
+  _e as _,
+  G as a,
+  J as b,
+  K as c,
+  fe as d,
+  ne as e,
+  $e as f,
+  _ as r,
+  p as s,
+  H as u
+};