@ozdao/prometheus-framework 0.2.156 → 0.2.157

package/src/modules/backoffice/components/pages/Dashboard.vue

@@ -1,131 +1,8 @@
 <template>
 	<div class="">
-		<h1 class="pd-medium radius-medium bg-light mn-b-small">Welcome to Backoffice2</h1>
+		<h1 class="pd-medium radius-medium bg-light mn-b-small">Welcome to Backoffice</h1>
+		
 		
-		<Menu 
-			class="bg-light mn-b-semi"
-		>
-			<MenuItem 
-		  	@click="router.push({
-		  		name: 'Organization Members'
-		  	})" 
-		  	class="cursor-pointer"
-		  >
-		  	<IconGroups class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
-		    <span>
-		    	Members
-		    </span>
-		  </MenuItem>
-
-		  <MenuItem 
-		  	@click="router.push({
-		  		name: 'Backoffice Community'
-		  	})" 
-		  	class="cursor-pointer">
-		    <span>
-		    	Community
-		    </span>
-		  </MenuItem>
-
-		  <MenuItem 
-		  	@click="router.push({
-		  		name: 'Products'
-		  	})" 
-		  	class="cursor-pointer">
-		  	<IconProducts class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
-		    <span>
-		    	Products
-		    </span>
-		  </MenuItem>
-
-		  <MenuItem 
-		  	@click="router.push({
-		  		name: 'Leftovers'
-		  	})" 
-		  	class="cursor-pointer">
-		  	<IconLeftovers class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
-		    <span>
-		    	Leftovers
-		    </span>
-		  </MenuItem>
-
-		  <MenuItem 
-		  	@click="router.push({
-		  		name: 'Backoffice Orders'
-		  	})" 
-		  	class="cursor-pointer">
-		  	<IconOrders class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
-		    <span>
-		    	Orders
-		    </span>
-		  </MenuItem>
-
-		  <MenuItem 
-		  	@click="router.push({
-		  		name: 'Backoffice Gallery'
-		  	})" 
-		  	class="cursor-pointer">
-		  	<IconGallery class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
-		    <span>
-		    	Gallery
-		    </span>
-		  </MenuItem>
-		  
-		  <MenuItem 
-		  	@click="router.push({
-		  		name: 'Backoffice Events'
-		  	})" 
-		  	class="cursor-pointer">
-		  	<IconEvents class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
-		    <span>
-		    	Events
-		    </span>
-		  </MenuItem>
-
-		  <MenuItem 
-		  	@click="router.push({
-		  		name: 'Payments'
-		  	})" 
-		  	class="cursor-pointer">
-		    <span>
-		    	Payments
-		    </span>
-		  </MenuItem>
-		</Menu>
-
-		<Menu 
-			class="bg-light"
-		>
-			<MenuItem 
-		  	@click="router.push({
-		  		name: 'Backoffice Organizations'
-		  	})" 
-		  	class="cursor-pointer">
-		    <span>
-		    	Organizations
-		    </span>
-		  </MenuItem>
-
-		  <MenuItem 
-		  	@click="router.push({
-		  		name: 'Backoffice Pages'
-		  	})" 
-		  	class="cursor-pointer">
-		    <span>
-		    	Pages
-		    </span>
-		  </MenuItem>
-
-		  <MenuItem 
-		  	@click="router.push({
-		  		name: 'Backoffice Reports'
-		  	})" 
-		  	class="cursor-pointer">
-		    <span>
-		    	Reports
-		    </span>
-		  </MenuItem>
-		</Menu>
 	</div>
 </template>
 

package/src/modules/backoffice/components/partials/Sidebar.vue

@@ -0,0 +1,176 @@
+<template>
+  <div class="">
+    <Menu 
+      class="bg-light mn-b-semi"
+    >
+      <MenuItem 
+        @click="router.push({
+          name: 'Organization Members'
+        })" 
+        class="cursor-pointer"
+      >
+        <IconGroups class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+        <span>
+          Members
+        </span>
+      </MenuItem>
+
+      <MenuItem 
+        @click="router.push({
+          name: 'Backoffice Community'
+        })" 
+        class="cursor-pointer">
+        <span>
+          Community
+        </span>
+      </MenuItem>
+
+      <MenuItem 
+        @click="router.push({
+          name: 'Products'
+        })" 
+        class="cursor-pointer">
+        <IconProducts class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+        <span>
+          Products
+        </span>
+      </MenuItem>
+
+      <MenuItem 
+        @click="router.push({
+          name: 'Leftovers'
+        })" 
+        class="cursor-pointer">
+        <IconLeftovers class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+        <span>
+          Leftovers
+        </span>
+      </MenuItem>
+
+      <MenuItem 
+        @click="router.push({
+          name: 'Backoffice Orders'
+        })" 
+        class="cursor-pointer">
+        <IconOrders class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+        <span>
+          Orders
+        </span>
+      </MenuItem>
+
+      <MenuItem 
+        @click="router.push({
+          name: 'Backoffice Gallery'
+        })" 
+        class="cursor-pointer">
+        <IconGallery class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+        <span>
+          Gallery
+        </span>
+      </MenuItem>
+      
+      <MenuItem 
+        @click="router.push({
+          name: 'Backoffice Events'
+        })" 
+        class="cursor-pointer">
+        <IconEvents class="i-semi" :icon="true" :fill="'rgb(var(--white))'"/> 
+        <span>
+          Events
+        </span>
+      </MenuItem>
+
+      <MenuItem 
+        @click="router.push({
+          name: 'Payments'
+        })" 
+        class="cursor-pointer">
+        <span>
+          Payments
+        </span>
+      </MenuItem>
+    </Menu>
+
+    <Menu 
+      class="bg-light"
+    >
+      <MenuItem 
+        @click="router.push({
+          name: 'Backoffice Organizations'
+        })" 
+        class="cursor-pointer">
+        <span>
+          Organizations
+        </span>
+      </MenuItem>
+
+      <MenuItem 
+        @click="router.push({
+          name: 'Backoffice Pages'
+        })" 
+        class="cursor-pointer">
+        <span>
+          Pages
+        </span>
+      </MenuItem>
+
+      <MenuItem 
+        @click="router.push({
+          name: 'Backoffice Reports'
+        })" 
+        class="cursor-pointer">
+        <span>
+          Reports
+        </span>
+      </MenuItem>
+    </Menu>
+  </div>
+</template>
+
+
+<script setup="props">
+/////////////////////////////
+// COMPONENT DEPENDENCIES
+/////////////////////////////
+import { ref, onMounted } from 'vue';
+
+// Mobile Module
+import Menu from '@pf/src/components/Menu/Menu.vue'
+import MenuItem from '@pf/src/components/Menu/MenuItem.vue'
+import SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.vue'
+
+import IconProducts from '@pf/src/modules/icons/entities/IconProducts.vue'
+import IconEvents from '@pf/src/modules/icons/entities/IconEvents.vue'
+import IconGroups from '@pf/src/modules/icons/entities/IconGroups.vue'
+import IconCommunity from '@pf/src/modules/icons/entities/IconCommunity.vue'
+import IconGallery from '@pf/src/modules/icons/entities/IconGallery.vue'
+import IconOrders from '@pf/src/modules/icons/entities/IconOrders.vue'
+import IconLeftovers from '@pf/src/modules/icons/entities/IconLeftovers.vue'
+/////////////////////////////
+// HELPERS
+/////////////////////////////
+import { useRoute, useRouter } from 'vue-router'
+
+import * as auth  from '@pf/src/modules/auth/store/auth'
+import * as organizations  from '@pf/src/modules/organizations/store/organizations'
+
+const route = useRoute()
+const router = useRouter()
+/////////////////////////////
+// CREATED
+/////////////////////////////
+const props = defineProps({
+  favorites: Array,
+});
+
+const selectedOrganization = ref(null);
+const publics = ref([]);
+/////////////////////////////
+// MOUNTED
+/////////////////////////////
+onMounted(async () =>{
+})
+</script>
+
+<style lang="scss">
+</style>

package/src/modules/backoffice/router/admin.js

@@ -16,21 +16,6 @@
 //       // meta: { authorize: ["ROLE_MODERATOR"] }, 
 //       component: () => import(/* webpackChunkName: 'FastOrders' */ '@/components/pages/admin/FastOrders.vue')
 //     },{
-//       path: 'pages',
-//       name: 'Pages',
-//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
-//       component: () => import(/* webpackChunkName: 'Pages' */ '@/components/pages/admin/Pages.vue')
-//     },{
-//       path: 'pages/add',
-//       name: 'PageAdd',
-//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
-//       component: () => import(/* webpackChunkName: 'PageAdd' */ '@/components/pages/admin/PageEdit.vue')
-//     },{
-//       path: 'pages/:url',
-//       name: 'PageEdit',
-//       // meta: { authorize: ["ROLE_MODERATOR"] }, 
-//       component: () => import(/* webpackChunkName: 'PAgeEdit' */ '@/components/pages/admin/PageEdit.vue')
-//     },{
 //       path: 'users',
 //       name: 'Users',
 //       component: () => import(/* webpackChunkName: 'Users' */ '@/components/pages/admin/Users.vue')

package/src/modules/backoffice/router/backoffice.js

@@ -1,11 +1,14 @@
 import layoutBackoffice from '../components/layouts/Backoffice.vue'
+import Sidebar from '../components/partials/Sidebar.vue'
+
 import layoutEmpty from '@pf/src/modules/globals/components/layouts/Empty.vue';
 
 import * as validationAuth from '@pf/src/modules/middlewares/client/auth.validation.js';
 
 const backofficeRoutes = [{
   path: 'backoffice',
-  component: layoutEmpty,
+  name: 'Backoffice Root',
+  component: layoutBackoffice,
   beforeEnter: [
     validationAuth.requiresAdmin,
   ],
@@ -17,6 +20,7 @@ const backofficeRoutes = [{
         en: 'Backoffice',
         ru: 'Управление'
       },
+      sidebar: Sidebar,
       authorize: []
     },
     component: () => import(/* webpackChunkName: 'BackofficeGallery' */ '../components/pages/Dashboard.vue'),

package/src/modules/community/components/blocks/CardBlogpost.vue

@@ -48,6 +48,7 @@
 			<div v-if="type !== 'blogpostPage'" class="cursor-pointer mn-b-thin flex-nowrap flex w-100">
 
 				<Text 
+					v-if="!hideTitle"
 				 	:text="blogpost.name || ''" 
 				 	:maxLen="80" 
 				 	class="h3 d-block"
@@ -76,7 +77,7 @@
 			</p>
 
 			<h3 
-				v-if="type === 'blogpostPage'" 
+				v-if="type === 'blogpostPage' && !hideTitle" 
 				class="mn-b-small h2"
 			>
 				{{blogpost.name}}
@@ -155,6 +156,10 @@
 		hideDescription: {
 			type: Boolean,
 			default: false
+		},
+		hideTitle: {
+			type: Boolean,
+			default: false
 		}
 	})
 

package/src/modules/community/components/pages/BlogPost.vue

@@ -20,49 +20,39 @@
 
 
     <TransitionGroup tag="ul" name="fade" class="container">
-      <CardBlogpost 
-          v-if="!isLoading && blogpost"
-          @click="$router.push({name: 'Blogpost', params: {url: blogpost.url}})" 
-          :blogpost="blogpost" 
-          :user="auth.state.user._id"
-          :type="'blogpostPage'"
-          class="mn-b-medium"
-        >
-        <section>
-					<component
-						v-if="blogpost && blogpost.content"
-						v-for="(block, index) in blogpost.content"
-						:is="ComponentMap[block.type]"
-						:key="index"
-						:index="index"
-						:component="block"
-						:prop="block"
-						:class="block.class"
-						content="content"
-						v-bind="getBlockProps(block)"
-						class="mn-b-regular"
-					/>
-				</section>
+    	<CardBlogpost 
+        v-if="!isLoading && blogpost"
+        @click="$router.push({name: 'Blogpost', params: {url: blogpost.url}})" 
+        :blogpost="blogpost" 
+        :user="auth.state.user._id"
+        :type="'blogpostPage'"
+        :hideTitle="true"
+        class="mn-b-medium"
+      >
+	      <Viewer
+	        v-if="blogpost && blogpost.content"
+	        :content="blogpost.content"
+	      />
 
 				<a v-if="blogpost.source" :href="blogpost.source" target="_blank" class="mn-b-semi d-block w-max radius-big pd-thin bg-black t-white">
 					Check Source 🔗
 				</a>
-				
-      </CardBlogpost>
-
-     	<h3 class="mn-b-small">Recommended Communities</h3>
-			<Publics 
-				class="mn-b-small"
-			/>
-
-      <Comments 
-        v-if="!isLoading && blogpost" 
-        :type="'blogpost'" 
-        :target="blogpost._id" 
-        :owner="auth.state.user._id"
-      />
-        
-    </TransitionGroup>  
+			
+    </CardBlogpost>
+
+   	<h3 class="mn-b-small">Recommended Communities</h3>
+		<Publics 
+			class="mn-b-small"
+		/>
+
+    <Comments 
+      v-if="!isLoading && blogpost" 
+      :type="'blogpost'" 
+      :target="blogpost._id" 
+      :owner="auth.state.user._id"
+    />
+      
+  </TransitionGroup>  
   
   </section>
 </template>
@@ -78,9 +68,7 @@
 	import Publics  		from '@pf/src/modules/organizations/components/sections/Publics.vue'
 	import Comments from '@pf/src/modules/community/components/sections/Comments.vue';
 
-	import Image  from '@pf/src/modules/constructor/components/elements/Image.vue';
-	import VideoPlayer  from '@pf/src/modules/constructor/components/elements/VideoPlayer.vue';
-	import Embed  from '@pf/src/modules/constructor/components/elements/Embed.vue';
+	import Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';
 
 	import * as blog from '@pf/src/modules/community/store/blogposts.js';
 	import * as auth from '@pf/src/modules/auth/store/auth';
@@ -101,31 +89,6 @@
 		blogpost.value = data[0];
 		isLoading.value = false;
 	});
-
-	const ComponentMap = {
-	  'Textarea': 'p',
-	  'H2': 'h2',
-	  'Bullets': 'p',
-	  'Caption': 'p',
-	  'ImageUpload': Image,
-	  'Video': VideoPlayer,
-	  'Link': 'a',
-	  'Embed': Embed
-	};
-
-	function getBlockProps(block) {
-		if (block.type === 'Textarea') {
-			return { innerHTML: block.content, class: "p-big"  };
-		} else if (block.type === 'H2') {
-			return { innerHTML: block.content, class: "h3" };
-		} else if (block.type === 'Caption') {
-			return { innerHTML: block.content };
-		} else if (block.type === 'ImageUpload') {
-			return { src: block.content };
-		}
-		return {};
-	}
-
 </script>
 
 <style lang="scss">

package/src/modules/community/components/sections/Comments.vue

@@ -3,7 +3,7 @@
     <div>
       <h3 class="mn-b-small">{{ comments.length }} comments</h3>
 
-      <div @click="$router.push({name: 'Sign In'})" class="cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big" v-if="!owner">
+      <div @click="$router.push({name: 'Sign In'})" class="pd-big cursor-pointer mn-b-small section bg-black t-white flex-center flex radius-big" v-if="!owner">
         <p class="t-semi uppercase">Please log in to leave a comment.</p>
       </div>
 

package/src/modules/community/router/blogposts.js

@@ -9,7 +9,11 @@ const community = [
         en: 'Community',
         ru: 'Коммьюнити'
       },
+      breadcrumbs: {
+        hidden: true
+      },
       title_hide: true
+
     },
     children: [{
       path: ':category?',