npm - @ozdao/prometheus-framework - Versions diffs - 0.2.305 → 0.2.307 - Mend

@ozdao/prometheus-framework 0.2.305 → 0.2.307

Files changed (52) hide show

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardOrganization.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n <div \n class=\"o-hidden pos-relative cursor-pointer bg-light \"\n @click=\"$router.push({name: 'Organization', params: {_id: organization._id}})\"\n >\n <div class=\"h-4r flex pos-relative\">\n\n <img loading=\"lazy\" \n v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n class=\"h-4r w-4r radius-extra bg-white\" \n />\n\n <PlaceholderOrganizationPic\n v-else\n class=\"w-4r h-max radius-medium\"\n />\n \n <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n \n <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n <p class=\"h4 t-truncate\">{{organization.profile.name}}</p>\n <!-- RATING -->\n <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n <img loading=\"lazy\" \n v-for=\"i in 5\"\n class=\"i-small mn-r-thin\"\n :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n >\n\n <span class=\"p-small t-semi mn-r-thin\">{{organization.rating.median}}</span>\n <span class=\"p-small\">({{organization.rating.amount}})</span>\n </div> -->\n\n <div v-if=\"showFollowers \|\| showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n <div v-if=\"showFollowers\" class=\"~~fpos~~-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <p class=\"\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n user?._id \n && organization.owner !== user._id\n \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\"i-semi\" \n />\n </div>\n~~\n <~~Chips \n ~~v-if=\"showTags && organization.profile.tags?.length > 0\" \n :chips=\"organization.profile.tags.slice(0,3)\"\n class=\"pos-relative p-medium\"\n />\n\n~~ </div>\n\n </div>\n\n </div>\n\n\n <div \n v-if=\"showProducts && organization.products\" \n class=\"mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n >\n <IconTime class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{\n organization.distance ? \n organization.distance > 50 ? \n '3-5 days' : \n Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n + '-' \n + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n + ' MIN' : 'Unavailable' \n }} \n </span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp mn-r-thin\">\|</span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + ' KM' : ''}} </span>\n <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n <IconPrice class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span>\n <IconShopcart class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n </div>\n\n <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll radius-medium\">\n <div class=\"w-max flex-nowrap flex gap-thin\">\n <CardOrderItem \n @click.stop=\"$router.push({name: 'Organization_Product', params: {_id: organization._id, product: product._id}})\" \n v-for=\"product in organization.products.slice(0,5)\" \n :key=\"product._id\" \n :editable=\"false\" \n :product=\"product\" \n class=\"pd-thin w-15r radius-medium bg-white\"\n \n />\n <button class=\"pd-thin w-15r radius-medium bg-main button\">\n View menu\n </button>\n </div>\n </div>\n\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n import { useRouter } from 'vue-router'\n import CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n import Text from '@pf/src/components/Text/Text.vue'\n import Chips from '@pf/src/components/Chips/Chips.vue'\n\n import PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n import IconPrice from '@pf/src/modules/icons/entities/IconPrice.vue'\n import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n import IconTime from '@pf/src/modules/icons/entities/IconTime.vue'\n\n import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n const props = defineProps({\n // Model\n user: String,\n organization: Object,\n // View\n showProducts: {\n type: Boolean,\n default: false\n },\n showFollowers: {\n type: Boolean,\n default: true\n },\n showRating: {\n type: Boolean,\n default: false\n },\n showFeatured: {\n type: Boolean,\n default: true\n },\n showTags: {\n type: Boolean,\n default: true\n },\n });\n\n const emits = defineEmits(['updateMembership'])\n\n const router = useRouter();\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AA2JE~~,UAAM,QAAQ;AAEC,cAAY~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"CardOrganization.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n <div \n class=\"o-hidden pos-relative cursor-pointer bg-light \"\n @click=\"$router.push({name: 'Organization', params: {_id: organization._id}})\"\n >\n <div class=\"h-4r flex pos-relative\">\n\n <img loading=\"lazy\" \n v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n :src=\"(FILE_SERVER_URL \|\| '') + organization.profile.photo\" \n class=\"h-4r w-4r radius-extra bg-white\" \n style=\"flex: 0 1 auto\"\n />\n\n <PlaceholderOrganizationPic\n v-else\n class=\"w-4r h-max radius-medium\"\n style=\"flex: 0 1 auto\"\n />\n \n <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n \n <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n <p class=\"h4 t-truncate w-100\">{{organization.profile.name}}</p>\n <!-- RATING -->\n <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n <img loading=\"lazy\" \n v-for=\"i in 5\"\n class=\"i-small mn-r-thin\"\n :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n >\n\n <span class=\"p-small t-semi mn-r-thin\">{{organization.rating.median}}</span>\n <span class=\"p-small\">({{organization.rating.amount}})</span>\n </div> -->\n\n <div v-if=\"showFollowers \|\| showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n \n\n <Chips \n v-if=\"showTags && organization.profile.tags?.length > 0\" \n :chips=\"organization.profile.tags.slice(0,3)\"\n class=\"pos-relative t-trimmed p-medium\"\n >\n <div v-if=\"showFollowers\" class=\"t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <p class=\"t-truncate\">{{organization.numberOfSubscribers}} followers</p>\n\n <ButtonToggleMembership\n v-if=\"\n user?._id \n && organization.owner !== user._id\n \"\n :user=\"user._id\"\n :type=\"'organization'\" \n :role=\"'subscriber'\" \n :target=\"organization._id\" \n :status=\"organization.isSubscriber\" \n :text=\"{create: '+', remove: '-'}\"\n @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n class=\"i-semi\" \n />\n </div>\n </Chips>\n </div>\n\n </div>\n\n </div>\n\n\n <div \n v-if=\"showProducts && organization.products\" \n class=\"mn-b-small mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n >\n <IconTime class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{\n organization.distance ? \n organization.distance > 50 ? \n '3-5 days' : \n Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n + '-' \n + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n + ' MIN' : 'Unavailable' \n }} \n </span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp mn-r-thin\">\|</span>\n <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + ' KM' : ''}} </span>\n <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n <IconPrice class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span>\n <IconShopcart class=\"i-medium mn-r-micro\"/>\n <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n </div>\n\n <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll radius-medium\">\n <div class=\"w-max flex-nowrap flex gap-thin\">\n <CardOrderItem \n @click.stop=\"$router.push({name: 'Organization_Product', params: {_id: organization._id, product: product._id}})\" \n v-for=\"product in organization.products.slice(0,5)\" \n :key=\"product._id\" \n :editable=\"false\" \n :product=\"product\" \n class=\"pd-thin w-15r radius-medium bg-white\"\n \n />\n <button class=\"pd-thin w-15r radius-medium bg-main button\">\n View menu\n </button>\n </div>\n </div>\n\n </div>\n</template>\n\n<script setup>\n import { ref } from 'vue'\n import { useRouter } from 'vue-router'\n import CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n import Text from '@pf/src/components/Text/Text.vue'\n import Chips from '@pf/src/components/Chips/Chips.vue'\n\n import PlaceholderOrganizationPic from '@pf/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n import IconPrice from '@pf/src/modules/icons/entities/IconPrice.vue'\n import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'\n import IconTime from '@pf/src/modules/icons/entities/IconTime.vue'\n\n import ButtonToggleMembership from '@pf/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n const props = defineProps({\n // Model\n user: String,\n organization: Object,\n // View\n showProducts: {\n type: Boolean,\n default: false\n },\n showFollowers: {\n type: Boolean,\n default: true\n },\n showRating: {\n type: Boolean,\n default: false\n },\n showFeatured: {\n type: Boolean,\n default: true\n },\n showTags: {\n type: Boolean,\n default: true\n },\n });\n\n const emits = defineEmits(['updateMembership'])\n\n const router = useRouter();\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JE,UAAM,QAAQ;AAEC,cAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -9,9 +9,9 @@ const organizations = require("../../store/organizations.cjs");
 const CardOrganization = require("../blocks/CardOrganization.vue.cjs");
 const _hoisted_1 = {
   key: 0,
-  class: "pd-small flex-v-center flex-nowrap flex"
+  class: "pd-small bg-red flex-v-center flex-nowrap flex"
 };
-const _hoisted_2 = { class: "pd-small" };
+const _hoisted_2 = { class: "pd-small h-100 bg-white" };
 const _sfc_main = {
   __name: "Organizations",
   setup(__props) {
@@ -42,6 +42,7 @@ const _sfc_main = {
             { name: "Member", value: "member" },
             { name: "Follower", value: "follower" }
           ],
+          style: { "flex": "1 0 auto" },
           class: "o-hidden h5 bg-white gap-micro pd-small pd-t-thin pd-b-thin br-b br-solid br-black-transp",
           tabClass: "bg-light pd-small radius-small w-100"
         }, null, 8, ["selected"]),
@@ -68,7 +69,8 @@ const _sfc_main = {
                   user: auth.state.user._id,
                   [tabOrganization.value === "owner" ? "owner" : tabOrganization.value === "member" ? "member" : "subscriber"]: vue.unref(route).params._id,
                   lookup: ["memberships"]
-                }
+                },
+                style: { "height": "200rem" }
               }, {
                 default: vue.withCtx(({
                   items

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Organizations.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t<header v-if=\"!MOBILE_APP\" class=\"pd-small flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-100 \n \t\t\ti-big \n \t\t\thover-scale-1\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \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\to-hidden \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small\">\n\t\t<transition name=\"slide-fade\">\n\t\t\t<Feed\n :showLoadMore=\"false\" \n :search=\"{\n placeholder: 'Search organization...',\n class: 'mn-b-small'\n }\"\n :states=\"{\n empty: {\n title: 'No organizations Found',\n description: 'Currently, there are no such organizations available.'\n }\n }\"\n :store=\"{\n read: (options) => organizations.actions.read(options),\n state: null\n }\"\n :options=\"{\n user: auth.state.user._id,\n [tabOrganization === 'owner' ? 'owner' : \n tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n lookup: ['memberships']\n }\"\n v-slot=\"{ \n items \n }\"\n >\n \t<CardOrganization \n\t\t\t \tv-for=\"(organization, index) in items\" \n v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t :organization=\"organization\"\n\t\t\t :showRating=\"true\"\n\t\t\t :showFollowers=\"true\"\n\t\t\t :showProducts=\"false\"\n\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-medium\"\n\t\t\t />\n </Feed>\n\t</transition>\n</div>\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 from '@pf/src/components/Tab/Tab.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\n\timport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\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":";;;;;;;;;;;;;;;;;~~AA8FC~~,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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Organizations.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<header v-if=\"!MOBILE_APP\" class=\"pd-small bg-red flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-100 \n \t\t\ti-big \n \t\t\thover-scale-1\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \t</button>\n\t\t</header>\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\tstyle=\"flex: 1 0 auto;\"\n\t\t\tclass=\"\n\t\t\t\to-hidden \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small h-100 bg-white\">\n\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t<Feed\n\t\t :showLoadMore=\"false\" \n\t\t :search=\"{\n\t\t placeholder: 'Search organization...',\n\t\t class: 'mn-b-small'\n\t\t }\"\n\t\t :states=\"{\n\t\t empty: {\n\t\t title: 'No organizations Found',\n\t\t description: 'Currently, there are no such organizations available.'\n\t\t }\n\t\t }\"\n\t\t :store=\"{\n\t\t read: (options) => organizations.actions.read(options),\n\t\t state: null\n\t\t }\"\n\t\t :options=\"{\n\t\t user: auth.state.user._id,\n\t\t [tabOrganization === 'owner' ? 'owner' : \n\t\t tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n\t\t lookup: ['memberships']\n\t\t }\"\n\t\t v-slot=\"{ \n\t\t items \n\t\t }\"\n\t\t style=\"height: 200rem\"\n\t\t >\n\t\t \t<CardOrganization \n\t\t\t\t\t \tv-for=\"(organization, index) in items\" \n\t\t v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t\t\t :organization=\"organization\"\n\t\t\t\t\t :showRating=\"true\"\n\t\t\t\t\t :showFollowers=\"true\"\n\t\t\t\t\t :showProducts=\"false\"\n\t\t\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-medium\"\n\t\t\t\t\t />\n\t\t </Feed>\n\t\t\t</transition>\n\t\t</div>\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 from '@pf/src/components/Tab/Tab.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\n\timport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\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":";;;;;;;;;;;;;;;;;AA+FC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.js CHANGED Viewed

@@ -7,9 +7,9 @@ import { actions } from "../../store/organizations.js";
 import _sfc_main$3 from "../blocks/CardOrganization.vue.js";
 const _hoisted_1 = {
   key: 0,
-  class: "pd-small flex-v-center flex-nowrap flex"
+  class: "pd-small bg-red flex-v-center flex-nowrap flex"
 };
-const _hoisted_2 = { class: "pd-small" };
+const _hoisted_2 = { class: "pd-small h-100 bg-white" };
 const _sfc_main = {
   __name: "Organizations",
   setup(__props) {
@@ -40,6 +40,7 @@ const _sfc_main = {
             { name: "Member", value: "member" },
             { name: "Follower", value: "follower" }
           ],
+          style: { "flex": "1 0 auto" },
           class: "o-hidden h5 bg-white gap-micro pd-small pd-t-thin pd-b-thin br-b br-solid br-black-transp",
           tabClass: "bg-light pd-small radius-small w-100"
         }, null, 8, ["selected"]),
@@ -66,7 +67,8 @@ const _sfc_main = {
                   user: state.user._id,
                   [tabOrganization.value === "owner" ? "owner" : tabOrganization.value === "member" ? "member" : "subscriber"]: unref(route).params._id,
                   lookup: ["memberships"]
-                }
+                },
+                style: { "height": "200rem" }
               }, {
                 default: withCtx(({
                   items

package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t<header v-if=\"!MOBILE_APP\" class=\"pd-small flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-100 \n \t\t\ti-big \n \t\t\thover-scale-1\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \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\to-hidden \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small\">\n\t\t<transition name=\"slide-fade\">\n\t\t\t<Feed\n :showLoadMore=\"false\" \n :search=\"{\n placeholder: 'Search organization...',\n class: 'mn-b-small'\n }\"\n :states=\"{\n empty: {\n title: 'No organizations Found',\n description: 'Currently, there are no such organizations available.'\n }\n }\"\n :store=\"{\n read: (options) => organizations.actions.read(options),\n state: null\n }\"\n :options=\"{\n user: auth.state.user._id,\n [tabOrganization === 'owner' ? 'owner' : \n tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n lookup: ['memberships']\n }\"\n v-slot=\"{ \n items \n }\"\n >\n \t<CardOrganization \n\t\t\t \tv-for=\"(organization, index) in items\" \n v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t :organization=\"organization\"\n\t\t\t :showRating=\"true\"\n\t\t\t :showFollowers=\"true\"\n\t\t\t :showProducts=\"false\"\n\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-medium\"\n\t\t\t />\n </Feed>\n\t</transition>\n</div>\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 from '@pf/src/components/Tab/Tab.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\n\timport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\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":[],"mappings":";;;;;;;;;;;;;;;~~AA8FC~~,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Organizations.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organizations.vue"],"sourcesContent":["<template>\n\t<div>\n\t\t<header v-if=\"!MOBILE_APP\" class=\"pd-small bg-red flex-v-center flex-nowrap flex\">\n \t<h2 class=\"mn-r-medium\">Groups</h2>\n \t<button \n \t\t@click=\"$router.push({\n \t\t\tname: 'Create Organization'\n \t\t})\" \n \t\tclass=\"\n \t\t\tbg-second\n \t\t\tradius-100 \n \t\t\ti-big \n \t\t\thover-scale-1\n \t\t\tcursor-pointer\n \t\t\tt-white\n \t\t\tbg-second\n \t\t\">\n \t\t\t+\n \t</button>\n\t\t</header>\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\tstyle=\"flex: 1 0 auto;\"\n\t\t\tclass=\"\n\t\t\t\to-hidden \n\t\t\t\th5 \n\t\t\t\tbg-white\n\t\t\t\tgap-micro pd-small pd-t-thin pd-b-thin\n\t\t\t\tbr-b br-solid br-black-transp\n\t\t\t\"\n\t\t\ttabClass=\"bg-light pd-small radius-small w-100\"\n\t\t/>\n\t\t\t<div class=\"pd-small h-100 bg-white\">\n\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t<Feed\n\t\t :showLoadMore=\"false\" \n\t\t :search=\"{\n\t\t placeholder: 'Search organization...',\n\t\t class: 'mn-b-small'\n\t\t }\"\n\t\t :states=\"{\n\t\t empty: {\n\t\t title: 'No organizations Found',\n\t\t description: 'Currently, there are no such organizations available.'\n\t\t }\n\t\t }\"\n\t\t :store=\"{\n\t\t read: (options) => organizations.actions.read(options),\n\t\t state: null\n\t\t }\"\n\t\t :options=\"{\n\t\t user: auth.state.user._id,\n\t\t [tabOrganization === 'owner' ? 'owner' : \n\t\t tabOrganization === 'member' ? 'member' : 'subscriber']: route.params._id,\n\t\t lookup: ['memberships']\n\t\t }\"\n\t\t v-slot=\"{ \n\t\t items \n\t\t }\"\n\t\t style=\"height: 200rem\"\n\t\t >\n\t\t \t<CardOrganization \n\t\t\t\t\t \tv-for=\"(organization, index) in items\" \n\t\t v-memo=\"[organization._id, organization.profile.name]\"\n\t\t\t\t\t :organization=\"organization\"\n\t\t\t\t\t :showRating=\"true\"\n\t\t\t\t\t :showFollowers=\"true\"\n\t\t\t\t\t :showProducts=\"false\"\n\t\t\t\t\t class=\"bg-light mn-b-thin w-100 o-hidden radius-big pd-medium\"\n\t\t\t\t\t />\n\t\t </Feed>\n\t\t\t</transition>\n\t\t</div>\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 from '@pf/src/components/Tab/Tab.vue'\n\timport Feed from '@pf/src/components/Feed/Feed.vue'\n\n\timport * as auth from '@pf/src/modules/auth/views/store/auth';\n\timport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\n\timport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\timport CardOrganization from '@pf/src/modules/organizations/components/blocks/CardOrganization.vue'\n\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":[],"mappings":";;;;;;;;;;;;;;;AA+FC,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,QAAI,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;AAE9C,UAAM,kBAAkB,IAAI,GAAG;AAE/B,UAAM,MAAM,MAAM,gBAAgB;AAElC,UAAM,iBAAiB,CAAC,aAAa;AACnC,aAAO,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,OAAO,KAAK,SAAU,EAAA,CAAE;AAAA,IAC9D,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}