@ozdao/prometheus-framework 0.2.30 → 0.2.31

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

@@ -1,126 +1,154 @@
 <template>
 	<div class="">
-		<h1 class="mn-b-small">Your Backoffice</h1>
+		<SelectMulti
+        v-model="selectedOrganization"
+        :options="publics"
+        :multiple="false"
+        :taggable="false"
+        placeholder="Select organization"
+        label="name"
+        track-by="_id"
+        class="mn-b-medium h1 bg-grey radius-medium pd-big"
+      />
+
+		
 		<Menu 
-				class="bg-grey"
-			>
-				<MenuItem 
-			  	@click="router.push({
-			  		name: 'Backoffice Organizations', 
-			  		params: {
-			  			_id: route.params._id
-			  		}
-			  	})" 
-			  	class="cursor-pointer">
-			    <span>
-			    	Organizations
-			    </span>
-			  </MenuItem>
-
-			  <MenuItem 
-			  	@click="router.push({
-			  		name: 'Backoffice Events', 
-			  		params: {
-			  			_id: route.params._id
-			  		}
-			  	})" 
-			  	class="cursor-pointer">
-			    <span>
-			    	Events
-			    </span>
-			  </MenuItem>
-
-			  <MenuItem 
-			  	@click="router.push({
-			  		name: 'Backoffice Community', 
-			  		params: {
-			  			_id: route.params._id
-			  		}
-			  	})" 
-			  	class="cursor-pointer">
-			    <span>
-			    	Community
-			    </span>
-			  </MenuItem>
-
-			  <MenuItem 
-			  	@click="router.push({
-			  		name: 'Backoffice Products', 
-			  		params: {
-			  			_id: route.params._id
-			  		}
-			  	})" 
-			  	class="cursor-pointer">
-			    <span>
-			    	Products
-			    </span>
-			  </MenuItem>
-
-			  <MenuItem 
-			  	@click="router.push({
-			  		name: 'Backoffice Leftovers', 
-			  		params: {
-			  			_id: route.params._id
-			  		}
-			  	})" 
-			  	class="cursor-pointer">
-			    <span>
-			    	Leftovers
-			    </span>
-			  </MenuItem>
-
-			  <MenuItem 
-			  	@click="router.push({
-			  		name: 'Backoffice Orders', 
-			  		params: {
-			  			_id: route.params._id
-			  		}
-			  	})" 
-			  	class="cursor-pointer">
-			    <span>
-			    	Orders
-			    </span>
-			  </MenuItem>
-
-			  <MenuItem 
-			  	@click="router.push({
-			  		name: 'Backoffice Payments', 
-			  		params: {
-			  			_id: route.params._id
-			  		}
-			  	})" 
-			  	class="cursor-pointer">
-			    <span>
-			    	Payments
-			    </span>
-			  </MenuItem>
-
-			  <MenuItem 
-			  	@click="router.push({
-			  		name: 'Backoffice Gallery', 
-			  		params: {
-			  			_id: route.params._id
-			  		}
-			  	})" 
-			  	class="cursor-pointer">
-			    <span>
-			    	Gallery
-			    </span>
-			  </MenuItem>
-
-			  <MenuItem 
-			  	@click="router.push({
-			  		name: 'Backoffice Reports', 
-			  		params: {
-			  			_id: route.params._id
-			  		}
-			  	})" 
-			  	class="cursor-pointer">
-			    <span>
-			    	Reports
-			    </span>
-			  </MenuItem>
-			</Menu>
+			class="bg-grey mn-b-semi"
+		>
+			<MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Events', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Members
+		    </span>
+		  </MenuItem>
+
+		  <MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Events', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Events
+		    </span>
+		  </MenuItem>
+
+		  <MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Community', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Community
+		    </span>
+		  </MenuItem>
+
+		  <MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Products', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Products
+		    </span>
+		  </MenuItem>
+
+		  <MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Leftovers', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Leftovers
+		    </span>
+		  </MenuItem>
+
+		  <MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Orders', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Orders
+		    </span>
+		  </MenuItem>
+
+		  <MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Payments', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Payments
+		    </span>
+		  </MenuItem>
+		</Menu>
+
+		<Menu 
+			class="bg-grey"
+		>
+			<MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Organizations', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Organizations
+		    </span>
+		  </MenuItem>
+
+		  <MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Gallery', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Gallery
+		    </span>
+		  </MenuItem>
+
+		  <MenuItem 
+		  	@click="router.push({
+		  		name: 'Backoffice Reports', 
+		  		params: {
+		  			_id: route.params._id
+		  		}
+		  	})" 
+		  	class="cursor-pointer">
+		    <span>
+		    	Reports
+		    </span>
+		  </MenuItem>
+		</Menu>
 	</div>
 </template>
 
@@ -128,13 +156,18 @@
 /////////////////////////////
 // COMPONENT DEPENDENCIES
 /////////////////////////////
+import { ref, onMounted } from 'vue';
+
 // Mobile Module
 import Menu from '@pf/src/modules/mobile/components/Menu/Menu.vue'
 import MenuItem from '@pf/src/modules/mobile/components/Menu/MenuItem.vue'
+import SelectMulti    from '@pf/src/components/SelectMulti/SelectMulti.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()
 /////////////////////////////
@@ -144,9 +177,27 @@ const props = defineProps({
   favorites: Array,
 });
 
+const selectedOrganization = ref(null);
+const publics = ref([]);
 /////////////////////////////
 // MOUNTED
 /////////////////////////////
+onMounted(async () =>{
+  const dataPublics = await organizations.actions.read({
+    user: auth.state.user._id,
+    postable: auth.state.user._id,
+    limit: 100
+  })
+
+  console.log(dataPublics)
+
+  publics.value = dataPublics.map(publicItem => ({
+    name: publicItem.profile.name,
+    _id: publicItem._id,
+    photo: publicItem.profile.photo
+  }));
+
+})
 </script>
 
 <style lang="scss">

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

@@ -40,135 +40,125 @@ const backofficeRoutes = [{
     },
     component: () => import(/* webpackChunkName: 'BackofficeGallery' */ '@pf/src/modules/reports/components/pages/BackofficeReports.vue'),
   },
-  // {
-//     path: 'organizations',
-//     name: 'Backoffice Organizations',
-//     meta: {
-//       title: {
-//         en: 'Backoffice Organizations',
-//         ru: 'Управление Организациями'
-//       },
-//       authorize: []
-//     },
-//     component: () => import(/* webpackChunkName: 'BackofficeOrganizations' */ '@pf/src/modules/organizations/components/pages/Organizations.vue'),
-//   },{
-//     path: 'events',
-//     name: 'Backoffice Events',
-//     meta: {
-//       title: {
-//         en: 'Backoffice Events',
-//         ru: 'Управление Событиями'
-//       },
-//       authorize: []
-//     },
-//     component: () => import(/* webpackChunkName: 'BackofficeEvents' */ '@pf/src/modules/events/components/pages/Events.vue'),
-//   },{
-//     path: 'community',
-//     name: 'Backoffice Community',
-//     meta: {
-//       title: {
-//         en: 'Backoffice Community',
-//         ru: 'Управление Сообществом'
-//       },
-//       authorize: []
-//     },
-//     component: () => import(/* webpackChunkName: 'BackofficeCommunity' */ '@pf/src/modules/community/components/pages/Community.vue'),
-//   },{
-//     path: 'products',
-//     name: 'Backoffice Products',
-//     meta: {
-//       title: {
-//         en: 'Backoffice Products',
-//         ru: 'Управление Продуктами'
-//       },
-//       authorize: []
-//     },
-//     component: () => import(/* webpackChunkName: 'BackofficeProducts' */ '@pf/src/modules/products/components/pages/ProductsBackoffice.vue'),
-//   },{
-//     path: 'products/add',
-//     name: 'AddProduct',
-//     component: () => import('@pf/src/modules/products/components/pages/ProductEdit.vue')
-//   },{
-//     path: 'products/:product',
-//     name: 'Product Backofffice',
-//     meta: {
-//       title: {
-//         en: 'Product',
-//         ru: 'Продукт'
-//       }
-//     },
-//     component: () => import('@pf/src/modules/products/components/pages/Product.vue')
-//   }, {
-//     path: 'products/:product/edit',
-//     name: 'ProductEdit',
-//     beforeEnter: [validationAuth.requiresAuth],
-//     component: () => import('@pf/src/modules/products/components/pages/ProductEdit.vue')
-//   },{
-//     path: 'leftovers',
-//     name: 'Backoffice Leftovers',
-//     meta: {
-//       title: {
-//         en: 'Backoffice Leftovers',
-//         ru: 'Управление Остатками'
-//       },
-//       authorize: []
-//     },
-//     component: () => import(/* webpackChunkName: 'BackofficeLeftovers' */ '@pf/src/modules/products/components/pages/Leftovers.vue'),
-// },{
-//     path: 'leftovers/add',
-//     name: 'LeftoverAdd',
-//     meta: {
-//       title: {
-//         en: 'Backoffice Leftovers',
-//         ru: 'Управление Остатками'
-//       },
-//       authorize: []
-//     },
-//     component: () => import(/* webpackChunkName: 'LeftoverEdit' */ '@pf/src/modules/products/components/pages/LeftoverAdd.vue')
-//   },
-//   {
-//     path: 'leftovers/:_id',
-//     name: 'LeftoverEdit',
-//     meta: {
-//       title: {
-//         en: 'Backoffice Leftovers',
-//         ru: 'Управление Остатками'
-//       },
-//       authorize: []
-//     },
-//     component: () => import(/* webpackChunkName: 'LeftoverEdit' */ '@pf/src/modules/products/components/pages/LeftoverAdd.vue')
-//   },
-//   {
-//     path: 'orders',
-//     name: 'Backoffice Orders',
-//     meta: {
-//       title: {
-//         en: 'Backoffice Orders',
-//         ru: 'Управление Заказами'
-//       },
-//       authorize: []
-//     },
-//     component: () => import(/* webpackChunkName: 'BackofficeOrders' */ '@pf/src/modules/orders/components/pages/Orders.vue'),
-//   },{
-//     path: 'orders/add',
-//     name: 'AdminOrder',
-//     component: () => import(/* webpackChunkName: 'AdminOrders' */ '@pf/src/modules/orders/components/pages/EditOrder.vue')
-//   },{
-//     path: 'orders/:_id',
-//     name: 'AdminOrderEdit',
-//     component: () => import(/* webpackChunkName: 'AdminOrders' */ '@pf/src/modules/orders/components/pages/EditOrder.vue')
-//   },{
-//     path: 'payments',
-//     name: 'Backoffice Payments',
-//     meta: {
-//       title: {
-//         en: 'Backoffice Payments',
-//         ru: 'Управление Платежами'
-//       },
-//       authorize: []
-//     },
-//     component: () => import(/* webpackChunkName: 'BackofficePayments' */ '@pf/src/modules/payments/components/pages/Payments.vue'),
-//   }
+  {
+    path: 'organizations',
+    name: 'Backoffice Organizations',
+    meta: {
+      title: {
+        en: 'Backoffice Organizations',
+        ru: 'Управление Организациями'
+      },
+      authorize: []
+    },
+    component: () => import(/* webpackChunkName: 'BackofficeOrganizations' */ '@pf/src/modules/organizations/components/pages/Organizations.vue'),
+  },{
+    path: 'events',
+    name: 'Backoffice Events',
+    meta: {
+      title: {
+        en: 'Backoffice Events',
+        ru: 'Управление Событиями'
+      },
+      authorize: []
+    },
+    component: () => import(/* webpackChunkName: 'BackofficeEvents' */ '@pf/src/modules/events/components/pages/Events.vue'),
+  },{
+    path: 'community',
+    name: 'Backoffice Community',
+    meta: {
+      title: {
+        en: 'Backoffice Community',
+        ru: 'Управление Сообществом'
+      },
+      authorize: []
+    },
+    component: () => import(/* webpackChunkName: 'BackofficeCommunity' */ '@pf/src/modules/community/components/pages/Community.vue'),
+  },{
+    path: 'products',
+    name: 'Backoffice Products',
+    meta: {
+      title: {
+        en: 'Backoffice Products',
+        ru: 'Управление Продуктами'
+      },
+      authorize: []
+    },
+    component: () => import(/* webpackChunkName: 'BackofficeProducts' */ '@pf/src/modules/products/components/pages/ProductsBackoffice.vue'),
+  },{
+    path: 'products/add',
+    name: 'Backoffice AddProduct',
+    component: () => import('@pf/src/modules/products/components/pages/ProductEdit.vue')
+  },{
+    path: 'products/:product',
+    name: 'Backoffice ProductEdit',
+    beforeEnter: [validationAuth.requiresAuth],
+    component: () => import('@pf/src/modules/products/components/pages/ProductEdit.vue')
+  },{
+    path: 'leftovers',
+    name: 'Backoffice Leftovers',
+    meta: {
+      title: {
+        en: 'Backoffice Leftovers',
+        ru: 'Управление Остатками'
+      },
+      authorize: []
+    },
+    component: () => import(/* webpackChunkName: 'BackofficeLeftovers' */ '@pf/src/modules/products/components/pages/Leftovers.vue'),
+},{
+    path: 'leftovers/add',
+    name: 'Backoffice LeftoverAdd',
+    meta: {
+      title: {
+        en: 'Backoffice Leftovers Add',
+        ru: 'Управление Остатками'
+      },
+      authorize: []
+    },
+    component: () => import(/* webpackChunkName: 'LeftoverEdit' */ '@pf/src/modules/products/components/pages/EditLeftover.vue')
+  },
+  {
+    path: 'leftovers/:leftover',
+    name: 'Backoffice LeftoverEdit',
+    meta: {
+      title: {
+        en: 'Backoffice Leftovers Edit',
+        ru: 'Управление Остатками'
+      },
+      authorize: []
+    },
+    component: () => import(/* webpackChunkName: 'LeftoverEdit' */ '@pf/src/modules/products/components/pages/EditLeftover.vue')
+  },
+  {
+    path: 'orders',
+    name: 'Backoffice Orders',
+    meta: {
+      title: {
+        en: 'Backoffice Orders',
+        ru: 'Управление Заказами'
+      },
+      authorize: []
+    },
+    component: () => import(/* webpackChunkName: 'BackofficeOrders' */ '@pf/src/modules/orders/components/pages/Orders.vue'),
+  },{
+    path: 'orders/add',
+    name: 'AdminOrder',
+    component: () => import(/* webpackChunkName: 'AdminOrders' */ '@pf/src/modules/orders/components/pages/EditOrder.vue')
+  },{
+    path: 'orders/:order',
+    name: 'AdminOrderEdit',
+    component: () => import(/* webpackChunkName: 'AdminOrders' */ '@pf/src/modules/orders/components/pages/EditOrder.vue')
+  },{
+    path: 'payments',
+    name: 'Backoffice Payments',
+    meta: {
+      title: {
+        en: 'Backoffice Payments',
+        ru: 'Управление Платежами'
+      },
+      authorize: []
+    },
+    component: () => import(/* webpackChunkName: 'BackofficePayments' */ '@pf/src/modules/payments/components/pages/Payments.vue'),
+  }
   ]
 }];
 

package/src/modules/chats/components/blocks/ChatMessage.vue

@@ -0,0 +1,25 @@
+<template>
+  <div 
+    class="pd-small"
+    :class="{'bg-main-nano': message.username === 'Weeder Support'}"
+  >
+    <p class="w-100 p-small">
+      <strong class="mn-r-auto">{{ message.username }} {{formatDate(message.createdAt)}}:</strong>
+    </p>
+    <p>{{ message.text }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    message: {
+      type: Object,
+      required: true
+    }
+  }
+};
+</script>
+
+<style>
+</style>

package/src/modules/chats/components/pages/ChatPage.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="chat-page">
+    <aside class="chat-list">
+      <!-- Примерный список чатов. Должен быть дополнен реальной логикой -->
+      <!-- <div v-for="chat in chats" :key="chat.id" @click="selectChat(chat.id)">
+        Чат {{ chat.name }}
+      </div> -->
+    </aside>
+    <main class="chat-main">
+      <ChatWindow />
+    </main>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import ChatWindow from '../sections/ChatWindow.vue';
+import chatStore from '../../store/chat.store.js';
+
+const props = defineProps({
+  username: {
+    type: String,
+    required: true
+  },
+  chatID: {
+    type: String,
+    required: true
+  },
+})
+
+// const chats = ref([
+//   // Примерный список. В реальном приложении, список чатов должен загружаться с сервера.
+//   { id: 'chat1', name: 'Чат 1' },
+//   { id: 'chat2', name: 'Чат 2' }
+// ]);
+
+const selectChat = (chatId) => {
+  chatStore.methods.setCurrentChat(chatId);
+};
+
+onMounted(async() => {
+  chatStore.methods.setUsername(props.username || 'user'); // Установка имени пользователя
+  await chatStore.methods.connectWebSocket(); // Подключение к WebSocket
+  chatStore.methods.setCurrentChat(props.chatID);
+});
+</script>
+
+<style>
+/* Стили остаются без изменений */
+</style>