@ozdao/prometheus-framework 0.2.198 → 0.2.200

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs

@@ -1 +1,170 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=require("vue-router");require("vue-i18n");;/* empty css                                                   */const c=require("../../../../components/FieldTags/BlockTags.vue.cjs");;/* empty css                                   */const s=require("../../../../components/Field/Field.vue2.cjs");;/* empty css                                          */const m=require("../../../../components/SelectMulti/SelectMulti.vue.cjs"),p=require("../../../../components/UploadImage/UploadImage.vue.cjs"),f=require("../../../../components/Button/Button.vue2.cjs");;/* empty css                                        */const b=require("../../../auth/views/store/auth.cjs"),e=require("../../store/organizations.cjs");require("../../store/memberships.cjs");const g={class:"for-transition pd-thin"},h=t.createElementVNode("h3",{class:"mn-b-small"},"Type of group",-1),V=t.createElementVNode("p",{class:"mn-b-thin"},"Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.",-1),N=t.createElementVNode("h3",{class:"mn-b-small"},"Profile",-1),q={class:"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex"},w=t.createElementVNode("h4",null,"Upload photo",-1),y=t.createElementVNode("h3",{class:"mn-b-small"},"Contacts",-1),U=t.createElementVNode("h3",{class:"mn-b-small"},"Socials",-1),v=t.createElementVNode("p",{class:"mn-b-thin"},"Please provide only the username for social media profiles, without full links.",-1),E={__name:"OrganizationEdit",setup(x){const r=i.useRoute(),o=i.useRouter();e.actions.reset(),t.onMounted(async()=>{r.params._id&&await e.actions.read({_id:r.params._id})});const n=t.computed(()=>e.state.current);async function d(){r.params._id?await e.actions.update(r.params._id,n.value):await e.actions.create(e.state.current,b.state.user._id)}function u(){o.replace({name:"Organization",params:{_id:e.state.current._id}})}return(_,l)=>(t.openBlock(),t.createElementBlock("div",g,[h,V,t.createVNode(m.default,{modelValue:e.state.current.types,"onUpdate:modelValue":l[0]||(l[0]=a=>e.state.current.types=a),options:["public","exclusive","hidden"],multiple:!1,taggable:!1,placeholder:"Type to search or add type of organization",class:"mn-b-semi bg-light pd-medium radius-small"},null,8,["modelValue"]),N,t.createElementVNode("div",q,[t.createVNode(p.default,{photo:e.state.current.profile.photo,"onUpdate:photo":l[1]||(l[1]=a=>e.state.current.profile.photo=a),uploadPath:"organizations/"+e.state.current._id+"/avatars",class:"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra"},null,8,["photo","uploadPath"]),w]),t.createVNode(s.default,{field:e.state.current.profile.name,"onUpdate:field":l[2]||(l[2]=a=>e.state.current.profile.name=a),placeholder:"Name of organization",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(s.default,{field:e.state.current.profile.description,"onUpdate:field":l[3]||(l[3]=a=>e.state.current.profile.description=a),placeholder:"Brief description of your group",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(c.default,{onTagsChanged:l[4]||(l[4]=a=>e.state.current.profile.tags=a),tags:e.state.current.profile.tags,class:"mn-b-small"},null,8,["tags"]),y,t.createVNode(s.default,{field:e.state.current.contacts.email,"onUpdate:field":l[5]||(l[5]=a=>e.state.current.contacts.email=a),label:"Email",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(s.default,{field:e.state.current.contacts.website,"onUpdate:field":l[6]||(l[6]=a=>e.state.current.contacts.website=a),label:"Website",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(s.default,{field:e.state.current.contacts.phone,"onUpdate:field":l[7]||(l[7]=a=>e.state.current.contacts.phone=a),label:"Phone",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(s.default,{field:e.state.current.contacts.address,"onUpdate:field":l[8]||(l[8]=a=>e.state.current.contacts.address=a),label:"Address",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),U,v,t.createVNode(s.default,{field:e.state.current.socials.instagram,"onUpdate:field":l[9]||(l[9]=a=>e.state.current.socials.instagram=a),label:"Instagram",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(s.default,{field:e.state.current.socials.twitter,"onUpdate:field":l[10]||(l[10]=a=>e.state.current.socials.twitter=a),label:"Twitter",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(s.default,{field:e.state.current.socials.facebook,"onUpdate:field":l[11]||(l[11]=a=>e.state.current.socials.facebook=a),label:"Facebook",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(s.default,{field:e.state.current.socials.telegram,"onUpdate:field":l[12]||(l[12]=a=>e.state.current.socials.telegram=a),label:"Telegram",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(s.default,{field:e.state.current.socials.youtube,"onUpdate:field":l[13]||(l[13]=a=>e.state.current.socials.youtube=a),label:"Youtube",placeholder:"",class:"mn-b-thin bg-light pd-medium radius-small"},null,8,["field"]),t.createVNode(f.default,{submit:d,callback:u,class:"bg-main w-100 mn-b-thin"},{default:t.withCtx(()=>[t.createTextVNode("Save")]),_:1})]))}};exports.default=E;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+require("vue-i18n");
+;/* empty css                                                   */
+const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
+;/* empty css                                   */
+const Field = require("../../../../components/Field/Field.vue.cjs");
+;/* empty css                                          */
+const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+;/* empty css                                        */
+const auth = require("../../../auth/views/store/auth.cjs");
+const organizations = require("../../store/organizations.cjs");
+require("../../store/memberships.cjs");
+const _hoisted_1 = { class: "for-transition pd-thin" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Type of group", -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-b-thin" }, "Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.", -1);
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Profile", -1);
+const _hoisted_5 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("h4", null, "Upload photo", -1);
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Contacts", -1);
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1);
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1);
+const _sfc_main = {
+  __name: "OrganizationEdit",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    organizations.actions.reset();
+    vue.onMounted(async () => {
+      if (route.params._id) {
+        await organizations.actions.read({ _id: route.params._id });
+      }
+    });
+    const organizationData = vue.computed(() => organizations.state.current);
+    async function onSubmit() {
+      if (route.params._id) {
+        await organizations.actions.update(route.params._id, organizationData.value);
+      } else {
+        await organizations.actions.create(organizations.state.current, auth.state.user._id);
+      }
+    }
+    function redirectTo() {
+      router.replace({ name: "Organization", params: { _id: organizations.state.current._id } });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _hoisted_2,
+        _hoisted_3,
+        vue.createVNode(SelectMulti.default, {
+          modelValue: organizations.state.current.types,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => organizations.state.current.types = $event),
+          options: ["public", "exclusive", "hidden"],
+          multiple: false,
+          taggable: false,
+          placeholder: "Type to search or add type of organization",
+          class: "mn-b-semi bg-light pd-medium radius-small"
+        }, null, 8, ["modelValue"]),
+        _hoisted_4,
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createVNode(UploadImage.default, {
+            photo: organizations.state.current.profile.photo,
+            "onUpdate:photo": _cache[1] || (_cache[1] = ($event) => organizations.state.current.profile.photo = $event),
+            uploadPath: "organizations/" + organizations.state.current._id + "/avatars",
+            class: "h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra"
+          }, null, 8, ["photo", "uploadPath"]),
+          _hoisted_6
+        ]),
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.profile.name,
+          "onUpdate:field": _cache[2] || (_cache[2] = ($event) => organizations.state.current.profile.name = $event),
+          placeholder: "Name of organization",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.profile.description,
+          "onUpdate:field": _cache[3] || (_cache[3] = ($event) => organizations.state.current.profile.description = $event),
+          placeholder: "Brief description of your group",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(BlockTags.default, {
+          onTagsChanged: _cache[4] || (_cache[4] = (newTags) => organizations.state.current.profile.tags = newTags),
+          tags: organizations.state.current.profile.tags,
+          class: "mn-b-small"
+        }, null, 8, ["tags"]),
+        _hoisted_7,
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.contacts.email,
+          "onUpdate:field": _cache[5] || (_cache[5] = ($event) => organizations.state.current.contacts.email = $event),
+          label: "Email",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.contacts.website,
+          "onUpdate:field": _cache[6] || (_cache[6] = ($event) => organizations.state.current.contacts.website = $event),
+          label: "Website",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.contacts.phone,
+          "onUpdate:field": _cache[7] || (_cache[7] = ($event) => organizations.state.current.contacts.phone = $event),
+          label: "Phone",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.contacts.address,
+          "onUpdate:field": _cache[8] || (_cache[8] = ($event) => organizations.state.current.contacts.address = $event),
+          label: "Address",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        _hoisted_8,
+        _hoisted_9,
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.socials.instagram,
+          "onUpdate:field": _cache[9] || (_cache[9] = ($event) => organizations.state.current.socials.instagram = $event),
+          label: "Instagram",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.socials.twitter,
+          "onUpdate:field": _cache[10] || (_cache[10] = ($event) => organizations.state.current.socials.twitter = $event),
+          label: "Twitter",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.socials.facebook,
+          "onUpdate:field": _cache[11] || (_cache[11] = ($event) => organizations.state.current.socials.facebook = $event),
+          label: "Facebook",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.socials.telegram,
+          "onUpdate:field": _cache[12] || (_cache[12] = ($event) => organizations.state.current.socials.telegram = $event),
+          label: "Telegram",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Field.default, {
+          field: organizations.state.current.socials.youtube,
+          "onUpdate:field": _cache[13] || (_cache[13] = ($event) => organizations.state.current.socials.youtube = $event),
+          label: "Youtube",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        vue.createVNode(Button.default, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "bg-main w-100 mn-b-thin"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode("Save")
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=OrganizationEdit.vue.cjs.map

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationEdit.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationEdit.vue"],"sourcesContent":["<template>\n<div class=\"for-transition pd-thin\">\n  \n  <h3 class=\"mn-b-small\">Type of group</h3>\n  <p class=\"mn-b-thin\">Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.</p>\n  \n  <SelectMulti\n    v-model=\"organization.state.current.types\"\n    :options=\"['public','exclusive','hidden']\"\n    :multiple=\"false\"\n    :taggable=\"false\"\n    placeholder=\"Type to search or add type of organization\"\n    class=\"mn-b-semi bg-light pd-medium radius-small\" \n  />\n\n\n  <h3 class=\"mn-b-small\">Profile</h3>\n\n  <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n    <UploadImage \n      v-model:photo=\"organization.state.current.profile.photo\"\n      :uploadPath=\"'organizations/' + organization.state.current._id + '/avatars'\"\n      class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n    />\n    <h4>Upload photo</h4>\n  </div>\n\n    <Field \n      v-model:field=\"organization.state.current.profile.name\"   \n      placeholder=\"Name of organization\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n\n    <Field \n      v-model:field=\"organization.state.current.profile.description\"    \n      placeholder=\"Brief description of your group\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <BlockTags\n      @tags-changed=\"newTags => organization.state.current.profile.tags = newTags\"\n      :tags=\"organization.state.current.profile.tags\"\n      class=\"mn-b-small\"\n    />\n\n    <h3 class=\"mn-b-small\">Contacts</h3>\n    <Field \n      v-model:field=\"organization.state.current.contacts.email\"\n      label=\"Email\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.website\"\n      label=\"Website\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.phone\"\n      label=\"Phone\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.address\"\n      label=\"Address\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n\n    <h3 class=\"mn-b-small\">Socials</h3>\n    <p class=\"mn-b-thin\">Please provide only the username for social media profiles, without full links.</p>\n\n    <Field \n      v-model:field=\"organization.state.current.socials.instagram\"\n      label=\"Instagram\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.twitter\"\n      label=\"Twitter\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.facebook\"\n      label=\"Facebook\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.telegram\"\n      label=\"Telegram\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.youtube\"\n      label=\"Youtube\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n   \n   \n    <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main w-100 mn-b-thin\">Save</Button>\n    <!-- <Button :submit=\"onDelete\" :callback=\"redirectDash\" class=\"mn-b-thin bg-fourth\">Delete</Button> -->\n\n</div>\n\n</template>\n\n<script setup>\n  import { onMounted, computed } from 'vue';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n  import BlockTags    from '@pf/src/components/FieldTags/BlockTags.vue'\n  import Tab from '@pf/src/components/Tab/Tab.vue';\n  import Field from '@pf/src/components/Field/Field.vue';\n  import Select from '@pf/src/components/Select/Select.vue';\n  import SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n  import UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n  import Button from '@pf/src/components/Button/Button.vue';\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as organization from '@pf/src/modules/organizations/store/organizations';\n  import * as memberships from '@pf/src/modules/organizations/store/memberships';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  organization.actions.reset();\n\n  onMounted(async()=>{\n    if (route.params._id) {\n      await organization.actions.read({ _id: route.params._id });\n    } \n  })\n  \n  const organizationData = computed(() => organization.state.current)\n\n  async function onSubmit() {\n    if (route.params._id) {\n      await organization.actions.update(route.params._id, organizationData.value)\n    } else {\n      await organization.actions.create(organization.state.current, auth.state.user._id)\n    }\n  }\n\n  async function onDelete() {\n    if (route.params._id) {\n      await organization.actions.remove(route.params._id)\n      router.push({name: 'Organization'})\n    }\n  }\n\n  function redirectTo () {\n    router.replace({ name: 'Organization', params: { _id: organization.state.current._id }});\n  }\n</script>"],"names":["useRoute","useRouter","organization.actions","onMounted","computed","organization.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1BC,kBAAoB,QAAC,MAAK;AAE1BC,QAAAA,UAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMD,cAAAA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,IAAG,CAAE;AAAA,MAC1D;AAAA,IACL,CAAG;AAED,UAAM,mBAAmBE,IAAAA,SAAS,MAAMC,cAAAA,MAAmB,OAAO;AAElE,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMH,cAAAA,QAAqB,OAAO,MAAM,OAAO,KAAK,iBAAiB,KAAK;AAAA,MAChF,OAAW;AACL,cAAMA,cAAAA,QAAqB,OAAOG,cAAkB,MAAC,SAASC,KAAU,MAAC,KAAK,GAAG;AAAA,MAClF;AAAA,IACF;AASD,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,oBAAmB,QAAQ,IAAG,EAAE,CAAC;AAAA,IACxF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.js

@@ -1,150 +1,170 @@
-import { onMounted as p, computed as c, openBlock as f, createElementBlock as b, createVNode as i, createElementVNode as a, withCtx as g, createTextVNode as h } from "vue";
-import { useRoute as w, useRouter as y } from "vue-router";
+import { onMounted, computed, openBlock, createElementBlock, createVNode, createElementVNode, withCtx, createTextVNode } from "vue";
+import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import U from "../../../../components/FieldTags/BlockTags.vue.js";
+import _sfc_main$2 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                 */
-import s from "../../../../components/Field/Field.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                        */
-import _ from "../../../../components/SelectMulti/SelectMulti.vue.js";
-import x from "../../../../components/UploadImage/UploadImage.vue.js";
-import v from "../../../../components/Button/Button.vue2.js";
+import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue.js";
+import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
 /* empty css                                      */
-import { state as k } from "../../../auth/views/store/auth.js";
-import { actions as o, state as e } from "../../store/organizations.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { actions, state } from "../../store/organizations.js";
 import "../../store/memberships.js";
-const T = { class: "for-transition pd-thin" }, z = /* @__PURE__ */ a("h3", { class: "mn-b-small" }, "Type of group", -1), P = /* @__PURE__ */ a("p", { class: "mn-b-thin" }, "Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.", -1), V = /* @__PURE__ */ a("h3", { class: "mn-b-small" }, "Profile", -1), E = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" }, N = /* @__PURE__ */ a("h4", null, "Upload photo", -1), S = /* @__PURE__ */ a("h3", { class: "mn-b-small" }, "Contacts", -1), $ = /* @__PURE__ */ a("h3", { class: "mn-b-small" }, "Socials", -1), B = /* @__PURE__ */ a("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1), Q = {
+const _hoisted_1 = { class: "for-transition pd-thin" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Type of group", -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.", -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Profile", -1);
+const _hoisted_5 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("h4", null, "Upload photo", -1);
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Contacts", -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Socials", -1);
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Please provide only the username for social media profiles, without full links.", -1);
+const _sfc_main = {
   __name: "OrganizationEdit",
-  setup(C) {
-    const r = w(), n = y();
-    o.reset(), p(async () => {
-      r.params._id && await o.read({ _id: r.params._id });
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    actions.reset();
+    onMounted(async () => {
+      if (route.params._id) {
+        await actions.read({ _id: route.params._id });
+      }
     });
-    const d = c(() => e.current);
-    async function m() {
-      r.params._id ? await o.update(r.params._id, d.value) : await o.create(e.current, k.user._id);
+    const organizationData = computed(() => state.current);
+    async function onSubmit() {
+      if (route.params._id) {
+        await actions.update(route.params._id, organizationData.value);
+      } else {
+        await actions.create(state.current, state$1.user._id);
+      }
     }
-    function u() {
-      n.replace({ name: "Organization", params: { _id: e.current._id } });
+    function redirectTo() {
+      router.replace({ name: "Organization", params: { _id: state.current._id } });
     }
-    return (F, l) => (f(), b("div", T, [
-      z,
-      P,
-      i(_, {
-        modelValue: e.current.types,
-        "onUpdate:modelValue": l[0] || (l[0] = (t) => e.current.types = t),
-        options: ["public", "exclusive", "hidden"],
-        multiple: !1,
-        taggable: !1,
-        placeholder: "Type to search or add type of organization",
-        class: "mn-b-semi bg-light pd-medium radius-small"
-      }, null, 8, ["modelValue"]),
-      V,
-      a("div", E, [
-        i(x, {
-          photo: e.current.profile.photo,
-          "onUpdate:photo": l[1] || (l[1] = (t) => e.current.profile.photo = t),
-          uploadPath: "organizations/" + e.current._id + "/avatars",
-          class: "h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra"
-        }, null, 8, ["photo", "uploadPath"]),
-        N
-      ]),
-      i(s, {
-        field: e.current.profile.name,
-        "onUpdate:field": l[2] || (l[2] = (t) => e.current.profile.name = t),
-        placeholder: "Name of organization",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(s, {
-        field: e.current.profile.description,
-        "onUpdate:field": l[3] || (l[3] = (t) => e.current.profile.description = t),
-        placeholder: "Brief description of your group",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(U, {
-        onTagsChanged: l[4] || (l[4] = (t) => e.current.profile.tags = t),
-        tags: e.current.profile.tags,
-        class: "mn-b-small"
-      }, null, 8, ["tags"]),
-      S,
-      i(s, {
-        field: e.current.contacts.email,
-        "onUpdate:field": l[5] || (l[5] = (t) => e.current.contacts.email = t),
-        label: "Email",
-        placeholder: "",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(s, {
-        field: e.current.contacts.website,
-        "onUpdate:field": l[6] || (l[6] = (t) => e.current.contacts.website = t),
-        label: "Website",
-        placeholder: "",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(s, {
-        field: e.current.contacts.phone,
-        "onUpdate:field": l[7] || (l[7] = (t) => e.current.contacts.phone = t),
-        label: "Phone",
-        placeholder: "",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(s, {
-        field: e.current.contacts.address,
-        "onUpdate:field": l[8] || (l[8] = (t) => e.current.contacts.address = t),
-        label: "Address",
-        placeholder: "",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      $,
-      B,
-      i(s, {
-        field: e.current.socials.instagram,
-        "onUpdate:field": l[9] || (l[9] = (t) => e.current.socials.instagram = t),
-        label: "Instagram",
-        placeholder: "",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(s, {
-        field: e.current.socials.twitter,
-        "onUpdate:field": l[10] || (l[10] = (t) => e.current.socials.twitter = t),
-        label: "Twitter",
-        placeholder: "",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(s, {
-        field: e.current.socials.facebook,
-        "onUpdate:field": l[11] || (l[11] = (t) => e.current.socials.facebook = t),
-        label: "Facebook",
-        placeholder: "",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(s, {
-        field: e.current.socials.telegram,
-        "onUpdate:field": l[12] || (l[12] = (t) => e.current.socials.telegram = t),
-        label: "Telegram",
-        placeholder: "",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(s, {
-        field: e.current.socials.youtube,
-        "onUpdate:field": l[13] || (l[13] = (t) => e.current.socials.youtube = t),
-        label: "Youtube",
-        placeholder: "",
-        class: "mn-b-thin bg-light pd-medium radius-small"
-      }, null, 8, ["field"]),
-      i(v, {
-        submit: m,
-        callback: u,
-        class: "bg-main w-100 mn-b-thin"
-      }, {
-        default: g(() => [
-          h("Save")
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _hoisted_2,
+        _hoisted_3,
+        createVNode(SelectMulti, {
+          modelValue: state.current.types,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.current.types = $event),
+          options: ["public", "exclusive", "hidden"],
+          multiple: false,
+          taggable: false,
+          placeholder: "Type to search or add type of organization",
+          class: "mn-b-semi bg-light pd-medium radius-small"
+        }, null, 8, ["modelValue"]),
+        _hoisted_4,
+        createElementVNode("div", _hoisted_5, [
+          createVNode(_sfc_main$1, {
+            photo: state.current.profile.photo,
+            "onUpdate:photo": _cache[1] || (_cache[1] = ($event) => state.current.profile.photo = $event),
+            uploadPath: "organizations/" + state.current._id + "/avatars",
+            class: "h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra"
+          }, null, 8, ["photo", "uploadPath"]),
+          _hoisted_6
         ]),
-        _: 1
-      })
-    ]));
+        createVNode(Field, {
+          field: state.current.profile.name,
+          "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.current.profile.name = $event),
+          placeholder: "Name of organization",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state.current.profile.description,
+          "onUpdate:field": _cache[3] || (_cache[3] = ($event) => state.current.profile.description = $event),
+          placeholder: "Brief description of your group",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(_sfc_main$2, {
+          onTagsChanged: _cache[4] || (_cache[4] = (newTags) => state.current.profile.tags = newTags),
+          tags: state.current.profile.tags,
+          class: "mn-b-small"
+        }, null, 8, ["tags"]),
+        _hoisted_7,
+        createVNode(Field, {
+          field: state.current.contacts.email,
+          "onUpdate:field": _cache[5] || (_cache[5] = ($event) => state.current.contacts.email = $event),
+          label: "Email",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state.current.contacts.website,
+          "onUpdate:field": _cache[6] || (_cache[6] = ($event) => state.current.contacts.website = $event),
+          label: "Website",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state.current.contacts.phone,
+          "onUpdate:field": _cache[7] || (_cache[7] = ($event) => state.current.contacts.phone = $event),
+          label: "Phone",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state.current.contacts.address,
+          "onUpdate:field": _cache[8] || (_cache[8] = ($event) => state.current.contacts.address = $event),
+          label: "Address",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        _hoisted_8,
+        _hoisted_9,
+        createVNode(Field, {
+          field: state.current.socials.instagram,
+          "onUpdate:field": _cache[9] || (_cache[9] = ($event) => state.current.socials.instagram = $event),
+          label: "Instagram",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state.current.socials.twitter,
+          "onUpdate:field": _cache[10] || (_cache[10] = ($event) => state.current.socials.twitter = $event),
+          label: "Twitter",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state.current.socials.facebook,
+          "onUpdate:field": _cache[11] || (_cache[11] = ($event) => state.current.socials.facebook = $event),
+          label: "Facebook",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state.current.socials.telegram,
+          "onUpdate:field": _cache[12] || (_cache[12] = ($event) => state.current.socials.telegram = $event),
+          label: "Telegram",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(Field, {
+          field: state.current.socials.youtube,
+          "onUpdate:field": _cache[13] || (_cache[13] = ($event) => state.current.socials.youtube = $event),
+          label: "Youtube",
+          placeholder: "",
+          class: "mn-b-thin bg-light pd-medium radius-small"
+        }, null, 8, ["field"]),
+        createVNode(_sfc_main$3, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "bg-main w-100 mn-b-thin"
+        }, {
+          default: withCtx(() => [
+            createTextVNode("Save")
+          ]),
+          _: 1
+        })
+      ]);
+    };
   }
 };
 export {
-  Q as default
+  _sfc_main as default
 };
+//# sourceMappingURL=OrganizationEdit.vue.js.map

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationEdit.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/OrganizationEdit.vue"],"sourcesContent":["<template>\n<div class=\"for-transition pd-thin\">\n  \n  <h3 class=\"mn-b-small\">Type of group</h3>\n  <p class=\"mn-b-thin\">Public groups are open to everyone, whereas in exclusive groups only members can post. If you wish to make a group private, select 'hidden'.</p>\n  \n  <SelectMulti\n    v-model=\"organization.state.current.types\"\n    :options=\"['public','exclusive','hidden']\"\n    :multiple=\"false\"\n    :taggable=\"false\"\n    placeholder=\"Type to search or add type of organization\"\n    class=\"mn-b-semi bg-light pd-medium radius-small\" \n  />\n\n\n  <h3 class=\"mn-b-small\">Profile</h3>\n\n  <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n    <UploadImage \n      v-model:photo=\"organization.state.current.profile.photo\"\n      :uploadPath=\"'organizations/' + organization.state.current._id + '/avatars'\"\n      class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n    />\n    <h4>Upload photo</h4>\n  </div>\n\n    <Field \n      v-model:field=\"organization.state.current.profile.name\"   \n      placeholder=\"Name of organization\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n\n    <Field \n      v-model:field=\"organization.state.current.profile.description\"    \n      placeholder=\"Brief description of your group\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <BlockTags\n      @tags-changed=\"newTags => organization.state.current.profile.tags = newTags\"\n      :tags=\"organization.state.current.profile.tags\"\n      class=\"mn-b-small\"\n    />\n\n    <h3 class=\"mn-b-small\">Contacts</h3>\n    <Field \n      v-model:field=\"organization.state.current.contacts.email\"\n      label=\"Email\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.website\"\n      label=\"Website\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.phone\"\n      label=\"Phone\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.contacts.address\"\n      label=\"Address\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n\n    <h3 class=\"mn-b-small\">Socials</h3>\n    <p class=\"mn-b-thin\">Please provide only the username for social media profiles, without full links.</p>\n\n    <Field \n      v-model:field=\"organization.state.current.socials.instagram\"\n      label=\"Instagram\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.twitter\"\n      label=\"Twitter\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.facebook\"\n      label=\"Facebook\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.telegram\"\n      label=\"Telegram\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"organization.state.current.socials.youtube\"\n      label=\"Youtube\"   \n      placeholder=\"\" \n      class=\"mn-b-thin bg-light pd-medium radius-small\" \n    />\n   \n   \n    <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"bg-main w-100 mn-b-thin\">Save</Button>\n    <!-- <Button :submit=\"onDelete\" :callback=\"redirectDash\" class=\"mn-b-thin bg-fourth\">Delete</Button> -->\n\n</div>\n\n</template>\n\n<script setup>\n  import { onMounted, computed } from 'vue';\n\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'\n  import BlockTags    from '@pf/src/components/FieldTags/BlockTags.vue'\n  import Tab from '@pf/src/components/Tab/Tab.vue';\n  import Field from '@pf/src/components/Field/Field.vue';\n  import Select from '@pf/src/components/Select/Select.vue';\n  import SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'\n  import UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\n  import Button from '@pf/src/components/Button/Button.vue';\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as organization from '@pf/src/modules/organizations/store/organizations';\n  import * as memberships from '@pf/src/modules/organizations/store/memberships';\n\n  const route = useRoute()\n  const router = useRouter()\n\n  organization.actions.reset();\n\n  onMounted(async()=>{\n    if (route.params._id) {\n      await organization.actions.read({ _id: route.params._id });\n    } \n  })\n  \n  const organizationData = computed(() => organization.state.current)\n\n  async function onSubmit() {\n    if (route.params._id) {\n      await organization.actions.update(route.params._id, organizationData.value)\n    } else {\n      await organization.actions.create(organization.state.current, auth.state.user._id)\n    }\n  }\n\n  async function onDelete() {\n    if (route.params._id) {\n      await organization.actions.remove(route.params._id)\n      router.push({name: 'Organization'})\n    }\n  }\n\n  function redirectTo () {\n    router.replace({ name: 'Organization', params: { _id: organization.state.current._id }});\n  }\n</script>"],"names":["organization.actions","organization.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1BA,YAAqB,MAAK;AAE1B,cAAU,YAAS;AACjB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMA,QAAqB,KAAK,EAAE,KAAK,MAAM,OAAO,IAAG,CAAE;AAAA,MAC1D;AAAA,IACL,CAAG;AAED,UAAM,mBAAmB,SAAS,MAAMC,MAAmB,OAAO;AAElE,mBAAe,WAAW;AACxB,UAAI,MAAM,OAAO,KAAK;AACpB,cAAMD,QAAqB,OAAO,MAAM,OAAO,KAAK,iBAAiB,KAAK;AAAA,MAChF,OAAW;AACL,cAAMA,QAAqB,OAAOC,MAAmB,SAASC,QAAW,KAAK,GAAG;AAAA,MAClF;AAAA,IACF;AASD,aAAS,aAAc;AACrB,aAAO,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAKD,MAAmB,QAAQ,IAAG,EAAE,CAAC;AAAA,IACxF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.cjs

@@ -1 +1,78 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("vue-router"),c=require("../../../../components/Tab/Tab.vue2.cjs"),u=require("../sections/Feed.vue.cjs"),n=require("../../../auth/views/store/auth.cjs"),m={class:"pd-thin"},b={class:"mn-b-medium flex-v-center flex-nowrap flex"},f=e.createElementVNode("h2",{class:"mn-r-medium"},"Groups",-1),_={__name:"Organizations",setup(p){const t=l.useRoute(),i=l.useRouter();let d=t.query.tab?t.query.tab:"owner";const r=e.ref(d);return t.query.tab=r.value,e.watch(r,o=>{i.replace({query:{...t.query,tab:o}})}),(o,a)=>(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("header",b,[f,e.createElementVNode("button",{onClick:a[0]||(a[0]=s=>o.$router.push({name:"Create Organization"})),class:"bg-second radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"}," + ")]),e.createVNode(c.default,{selected:r.value,"onUpdate:selected":a[1]||(a[1]=s=>r.value=s),tabs:[{name:"Owner",value:"owner"},{name:"Member",value:"member"},{name:"Follower",value:"follower"}],class:"mn-b-medium o-hidden h5 radius-big bg-light"},null,8,["selected"]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[r.value==="owner"?(e.openBlock(),e.createBlock(u.default,{key:0,user:n.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==="member"?(e.openBlock(),e.createBlock(u.default,{key:0,user:n.state.user._id,member:e.unref(t).params._id},null,8,["user","member"])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[r.value==="follower"?(e.openBlock(),e.createBlock(u.default,{key:0,user:n.state.user._id,subscriber:e.unref(t).params._id},null,8,["user","subscriber"])):e.createCommentVNode("",!0)]),_:1})]))}};exports.default=_;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Feed = require("../sections/Feed.vue.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const _hoisted_1 = { class: "pd-thin" };
+const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, "Groups", -1);
+const _sfc_main = {
+  __name: "Organizations",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    let tab = route.query.tab ? route.query.tab : "owner";
+    const tabOrganization = vue.ref(tab);
+    route.query.tab = tabOrganization.value;
+    vue.watch(tabOrganization, (newValue) => {
+      router.replace({ query: { ...route.query, tab: newValue } });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("header", _hoisted_2, [
+          _hoisted_3,
+          vue.createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
+              name: "Create Organization"
+            })),
+            class: "bg-second radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+          }, " + ")
+        ]),
+        vue.createVNode(Tab.default, {
+          selected: tabOrganization.value,
+          "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => tabOrganization.value = $event),
+          tabs: [
+            { name: "Owner", value: "owner" },
+            { name: "Member", value: "member" },
+            { name: "Follower", value: "follower" }
+          ],
+          class: "mn-b-medium o-hidden h5 radius-big bg-light"
+        }, null, 8, ["selected"]),
+        vue.createVNode(vue.Transition, { name: "slide-fade" }, {
+          default: vue.withCtx(() => [
+            tabOrganization.value === "owner" ? (vue.openBlock(), vue.createBlock(Feed.default, {
+              key: 0,
+              user: auth.state.user._id,
+              owner: vue.unref(route).params._id
+            }, null, 8, ["user", "owner"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.Transition, { name: "slide-fade" }, {
+          default: vue.withCtx(() => [
+            tabOrganization.value === "member" ? (vue.openBlock(), vue.createBlock(Feed.default, {
+              key: 0,
+              user: auth.state.user._id,
+              member: vue.unref(route).params._id
+            }, null, 8, ["user", "member"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.Transition, { name: "slide-fade" }, {
+          default: vue.withCtx(() => [
+            tabOrganization.value === "follower" ? (vue.openBlock(), vue.createBlock(Feed.default, {
+              key: 0,
+              user: auth.state.user._id,
+              subscriber: vue.unref(route).params._id
+            }, null, 8, ["user", "subscriber"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Organizations.vue.cjs.map

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Organizations.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div class=\"pd-thin\">\n\t\t<header class=\"mn-b-medium flex-v-center flex-nowrap flex\">\n\t      \t<h2 class=\"mn-r-medium\">Groups</h2>\n\t      \t<button \n\t      \t\t@click=\"$router.push({\n\t      \t\t\tname: 'Create Organization'\n\t      \t\t})\" \n\t      \t\tclass=\"\n\t      \t\t\tbg-second\n\t      \t\t\tradius-100 \n\t      \t\t\ti-big \n\t      \t\t\thover-scale-1\n\t      \t\t\tcursor-pointer\n\t      \t\t\tt-white\n\t      \t\t\tbg-second\n\t      \t\t\">\n\t      \t\t\t+\n\t      \t</button>\n\t\t</header>\n\n\t\t<Tab \n\t\t\tv-model:selected=\"tabOrganization\"\n\t\t\t:tabs=\"[\n\t\t\t\t{ name: 'Owner', \t\tvalue: 'owner' },\n\t\t\t\t{ name: 'Member', \tvalue: 'member' },\n\t\t\t\t{ name: 'Follower', value: 'follower' }\t\t\n\t\t\t]\"\n\t\t\tclass=\"\n\t\t\t\tmn-b-medium \n\t\t\t\to-hidden \n\t\t\t\th5 \n\t\t\t\tradius-big \n\t\t\t\tbg-light\n\t\t\t\"\n\t\t/>\n\n\t\t<transition name=\"slide-fade\">\n\t\t\t<Feed \n\t\t\t\tv-if=\"tabOrganization === 'owner'\"\n\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t:owner=\"route.params._id\"\n\t\t\t/>\n\t\t</transition>\n\n\t\t<transition name=\"slide-fade\">\n\t\t\t<Feed \n\t\t\t\tv-if=\"tabOrganization === 'member'\"\n\t\t  \t:user=\"auth.state.user._id\"\n\t\t\t\t:member=\"route.params._id\"\n\t\t\t/>\n\t\t</transition>\n\n\t\t<transition name=\"slide-fade\">\n\t\t\t<Feed \n\t\t\t\tv-if=\"tabOrganization === 'follower'\"\n\t\t  \t\t:user=\"auth.state.user._id\"\n\t\t  \t\t:subscriber=\"route.params._id\"\n\t\t\t/>\n\t\t</transition>\n\t</div>\n</template>\n\n<script setup>\n\timport { watch, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Components\n\timport Tab  \t\tfrom '@pf/src/components/Tab/Tab.vue'\n\timport Feed from '@pf/src/modules/organizations/components/sections/Feed.vue'; \n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// State\n\tlet tab = route.query.tab ? route.query.tab : 'owner';\n\n\tconst tabOrganization = ref(tab)\n\n\troute.query.tab = tabOrganization.value\n\n\twatch(tabOrganization, (newValue) => {\n\t  router.replace({ query: { ...route.query, tab: newValue } });\n\t});\n</script>"],"names":["useRoute","useRouter","ref","watch"],"mappings":";;;;;;;;;;;;;AAwEC,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkBC,IAAG,IAAC,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElCC,cAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}