@ozdao/martyrs 0.2.477 → 0.2.479

package/src/components/Table/Table.vue

@@ -1,62 +1,43 @@
+<!-- src/components/Table/Table.vue -->
 <script setup>
 import { defineProps, computed } from 'vue'
-import TableCell from './TableCell.vue'
 
 const props = defineProps({
-  // Array of objects to display in table
+  // принимаем уже отформатированный набор строк
   items: {
     type: Array,
     required: true,
     default: () => []
   },
-  // Array of column configurations
+  // массив колонок { key, label }
   columns: {
     type: Array,
     required: true,
-    default: () => [],
-    // Each column object can have:
-    // - key: property path from items (e.g., 'id', 'email.verified')
-    // - label: display name for the column header
-    // - formatter: (optional) function to format the value
-    // - component: (optional) custom component to render the cell
-    // - wrapper: (optional) wrapper element for the cell content
+    default: () => []
   }
 })
 
-const getNestedValue = (obj, path) => {
-  return path.split('.').reduce((current, key) => {
-    return current ? current[key] : undefined
-  }, obj)
-}
-
-const formattedData = computed(() => {
-  return props.items.map(item => {
-    const row = {}
-    props.columns.forEach(column => {
-      row[column.key] = getNestedValue(item, column.key)
-    })
-    return row
-  })
-})
+// если вам нужен геттер для вложенных свойств
+const getNestedValue = (obj, path) => path.split('.').reduce((o, k) => (o ? o[k] : undefined), obj) 
 </script>
 
 <template>
-  <div class="table-wrapper">
-    <table class="custom-table">
-      <thead>
+  <div class="o-x-scroll">
+    <table class="w-100 custom-table">
+      <thead class="t-left bg-light t-black">
         <tr>
-          <th v-for="column in columns" :key="column.key">
-            {{ column.label }}
+          <th v-for="col in columns" :key="col.key" class="pd-small t-medium">
+            {{ col.label }}
           </th>
         </tr>
       </thead>
       <tbody>
-        <tr v-for="(item, index) in formattedData" :key="index">
-          <td v-for="column in columns" :key="column.key">
-            <TableCell 
-              :value="item[column.key]"
-              :column="column"
-            />
+        <tr v-for="(row, rowIndex) in props.items" :key="rowIndex">
+          <td v-for="col in columns" :key="col.key" class="pd-small br-t br-solid br-light t-left">
+            <!-- Передаем полный объект row и текущее значение -->
+            <slot :name="`cell-${col.key}`" :value="getNestedValue(row, col.key)" :row="row">
+              {{ getNestedValue(row, col.key) }}
+            </slot>
           </td>
         </tr>
       </tbody>
@@ -64,35 +45,11 @@ const formattedData = computed(() => {
   </div>
 </template>
 
-<style scoped>
-.table-wrapper {
-  width: 100%;
-  overflow-x: auto;
-}
-
+<style lang="scss" scoped>
 .custom-table {
-  width: 100%;
   border-collapse: collapse;
+  td {
+    vertical-align: middle;
+  }
 }
-
-.custom-table th,
-.custom-table td {
-  padding: 12px;
-  text-align: left;
-}
-
-.custom-table th {
-  font-weight: bold;
-}
-
-.custom-table td {
- 
-  border-top: 1px solid #ddd;
-}
-
-
-.custom-table tr:hover {
-  background-color: #f9f9f9;
-}
-
 </style>

package/src/components/UploadImageMultiple/UploadImageMultiple.vue

@@ -9,13 +9,13 @@
       <div v-if="!loading" class="t-center">
         <IconUpload
           style="max-height: 4rem;"
-          class="w-100 h-100"
+          class="w-100 mn-b-thin h-100"
           fill="rgb(var(--main))"
         />
 
-        <span v-if="options.showText || options.showTitle" class="mn-t-thin  mn-b-thin d-block h3 t-black">{{ text.title }}</span>
-        <span v-if="options.showText" class="mn-b-thin t-transp d-block ">{{ text.subtitle }}</span>
-        <span  v-if="options.showText"class="mn-b-thin uppercase p-small t-medium d-block">or</span>
+        <span v-if="options.showText || options.showTitle" class="mn-t-medium  mn-b-medium d-block h3 t-black">{{ text.title }}</span>
+        <span v-if="options.showText" class="mn-b-small t-transp d-block ">{{ text.subtitle }}</span>
+        <span  v-if="options.showText"class="mn-b-small uppercase p-small t-medium d-block">or</span>
 
         <button  v-if="options.showText" class="cursor-pointer mn-b-small br-2px br-main br-solid radius-extra pd-l-thin pd-r-thin  t-main">Browse Files</button>
 

package/src/components/index.js

@@ -1,21 +1,21 @@
 export { default as Address } from './Address/Address.vue';
-export { default as Button } 	from './Button/Button.vue';
+export { default as Button } from './Button/Button.vue';
 export { default as Checkbox } from './Checkbox/Checkbox.vue';
 export { default as Dropdown } from './Dropdown/Dropdown.vue';
-export { default as Error } 	from './Error/Error.vue';
-export { default as Field } 	from './Field/Field.vue';
+export { default as Error } from './Error/Error.vue';
+export { default as Field } from './Field/Field.vue';
 export { default as FieldPhone } from './FieldPhone/FieldPhone.vue';
 export { default as LocationMarker } from './LocationMarker/LocationMarker.vue';
 export { default as Map } from './Map/Map.vue';
-export { default as Popup } 	from './Popup/Popup.vue';
-export { default as Radio } 	from './Radio/Radio.vue';
-export { default as Select } 	from './Select/Select.vue';
+export { default as Popup } from './Popup/Popup.vue';
+export { default as Radio } from './Radio/Radio.vue';
+export { default as Select } from './Select/Select.vue';
 export { default as SelectMulti } from './SelectMulti/SelectMulti.vue';
 export { default as Spoiler } from './Spoiler/Spoiler.vue';
-export { default as Tab } 		from './Tab/Tab.vue';
-export { default as Tooltip } from './Tooltip/Tooltip.vue';
+export { default as Tab } from './Tab/Tab.vue';
 export { default as Text } from './Text/Text.vue';
-export { default as Upload } 	from './Upload/Upload.vue';
+export { default as Tooltip } from './Tooltip/Tooltip.vue';
+export { default as Upload } from './Upload/Upload.vue';
 export { default as UploadImage } from './UploadImage/UploadImage.vue';
 export { default as UploadImageMultiple } from './UploadImageMultiple/UploadImageMultiple.vue';
 
@@ -40,4 +40,4 @@ export { default as Slider } from './Slider/Slider.vue';
 export { default as Status } from './Status/Status.vue';
 
 export { default as Marquee } from './Marquee/Marquee.vue';
-export { default as Media } from './Media/Media.vue';
+export { default as Media } from './Media/Media.vue';

package/src/configurator/router/configurator.router.js

@@ -1,16 +1,18 @@
-import layoutConfigurator from '../components/layouts/layoutConfigurator.vue'
+import layoutConfigurator from '../components/layouts/layoutConfigurator.vue';
 
 const configurator = [
   {
     path: 'configurator',
     name: 'Configurator',
     component: layoutConfigurator,
-    children: [{
-      path: '',
-      name: 'Styles',
-      component: () => import(/* webpackChunkName: "signin" */ '../components/pages/Styles.vue'),
-    }]
-  }
+    children: [
+      {
+        path: '',
+        name: 'Styles',
+        component: () => import(/* webpackChunkName: "signin" */ '../components/pages/Styles.vue'),
+      },
+    ],
+  },
 ];
 
-export default configurator;
+export default configurator;

package/src/main.js

@@ -1,131 +1,130 @@
 // Define components
 // ------------------------------------- //
-import { 
+import {
   Address,
+  Breadcrumbs,
   Button,
   Checkbox,
+  Chips,
+  Countdown,
+  DatePicker,
   Dropdown,
+  EmptyState,
   Error,
+  Feed,
   Field,
+  FieldBig,
   FieldPhone,
+  FieldTags,
+  // Footer,
+  // Header,
+  Loader,
   LocationMarker,
   Map,
+  Marquee,
+  Menu,
+  MenuItem,
   Popup,
   Radio,
   Select,
   SelectMulti,
+  // Navigation,
+  // Search,
+  Shader,
+  Slider,
   Spoiler,
+  Status,
   Tab,
-  Tooltip,
   Text,
+  Tooltip,
   Upload,
   UploadImage,
   UploadImageMultiple,
-  Menu,
-  MenuItem,
-  Breadcrumbs,
-  Chips,
-  Countdown,
-  DatePicker,
-  EmptyState,
-  Feed,
-  FieldBig,
-  FieldTags,
-  // Footer,
-  // Header,
-  Loader,
-  // Navigation,
-  // Search,
-  Shader,
-  Slider,
-  Status,
-  Marquee,
-  Mediam
-} from  './components';
+} from './components';
 
 export default {
-  install: (app) => {
-    app.component('Address',  () => import('./components/Address/Address.vue'));
-    app.component('Button',   () => import('./components/Button/Button.vue'));
+  install: app => {
+    app.component('Address', () => import('./components/Address/Address.vue'));
+    app.component('Button', () => import('./components/Button/Button.vue'));
     app.component('Checkbox', () => import('./components/Checkbox/Checkbox.vue'));
     app.component('Dropdown', () => import('./components/Dropdown/Dropdown.vue'));
-    app.component('Error',    () => import('./components/Error/Error.vue'));
-    app.component('Field',    () => import('./components/Field/Field.vue'));
-    app.component('FieldPhone',    () => import('./components/FieldPhone/FieldPhone.vue'));
-    app.component('LocationMarker',() => import('./components/LocationMarker/LocationMarker.vue'));
-    app.component('Map',      () => import('./components/Map/Map.vue'));
-    app.component('Popup',    () => import('./components/Popup/Popup.vue'));
-    app.component('Radio',    () => import('./components/Radio/Radio.vue'));
-    app.component('Select',   () => import('./components/Select/Select.vue'));
-    app.component('SelectMulti',   () => import('./components/SelectMulti/SelectMulti.vue'));
-    app.component('Spoiler',  () => import('./components/Spoiler/Spoiler.vue'));
-    app.component('Tab',      () => import('./components/Tab/Tab.vue'));
-    app.component('Tooltip',  () => import('./components/Tooltip/Tooltip.vue'));
-    app.component('Text',     () => import('./components/Text/Text.vue'));
-    app.component('Menu',     () => import('./components/Menu/Menu.vue'));
-    app.component('MenuItem',     () => import('./components/Menu/MenuItem.vue'));
-    app.component('Upload',   () => import('./components/Upload/Upload.vue'));
-    app.component('UploadImage',   () => import('./components/UploadImage/UploadImage.vue'));
-    app.component('UploadImageMultiple',   () => import('./components/UploadImageMultiple/UploadImageMultiple.vue'));
-    app.component('Breadcrumbs',  () => import('./components/Breadcrumbs/Breadcrumbs.vue'));
-    app.component('Chips',        () => import('./components/Chips/Chips.vue'));
-    app.component('Countdown',    () => import('./components/Countdown/Countdown.vue'));
-    app.component('DatePicker',   () => import('./components/DatePicker/DatePicker.vue'));
-    app.component('EmptyState',   () => import('./components/EmptyState/EmptyState.vue'));
-    app.component('Feed',         () => import('./components/Feed/Feed.vue'));
-    app.component('FieldBig',     () => import('./components/FieldBig/FieldBig.vue'));
-    app.component('FieldTags',    () => import('./components/FieldTags/FieldTags.vue'));
+    app.component('Error', () => import('./components/Error/Error.vue'));
+    app.component('Field', () => import('./components/Field/Field.vue'));
+    app.component('FieldPhone', () => import('./components/FieldPhone/FieldPhone.vue'));
+    app.component('LocationMarker', () => import('./components/LocationMarker/LocationMarker.vue'));
+    app.component('Map', () => import('./components/Map/Map.vue'));
+    app.component('Popup', () => import('./components/Popup/Popup.vue'));
+    app.component('Radio', () => import('./components/Radio/Radio.vue'));
+    app.component('Select', () => import('./components/Select/Select.vue'));
+    app.component('SelectMulti', () => import('./components/SelectMulti/SelectMulti.vue'));
+    app.component('Spoiler', () => import('./components/Spoiler/Spoiler.vue'));
+    app.component('Tab', () => import('./components/Tab/Tab.vue'));
+    app.component('Tooltip', () => import('./components/Tooltip/Tooltip.vue'));
+    app.component('Text', () => import('./components/Text/Text.vue'));
+    app.component('Menu', () => import('./components/Menu/Menu.vue'));
+    app.component('MenuItem', () => import('./components/Menu/MenuItem.vue'));
+    app.component('Upload', () => import('./components/Upload/Upload.vue'));
+    app.component('UploadImage', () => import('./components/UploadImage/UploadImage.vue'));
+    app.component('UploadImageMultiple', () => import('./components/UploadImageMultiple/UploadImageMultiple.vue'));
+    app.component('Breadcrumbs', () => import('./components/Breadcrumbs/Breadcrumbs.vue'));
+    app.component('Chips', () => import('./components/Chips/Chips.vue'));
+    app.component('Countdown', () => import('./components/Countdown/Countdown.vue'));
+    app.component('DatePicker', () => import('./components/DatePicker/DatePicker.vue'));
+    app.component('EmptyState', () => import('./components/EmptyState/EmptyState.vue'));
+    app.component('Feed', () => import('./components/Feed/Feed.vue'));
+    app.component('FieldBig', () => import('./components/FieldBig/FieldBig.vue'));
+    app.component('FieldTags', () => import('./components/FieldTags/FieldTags.vue'));
     // app.component('Footer',       () => import('./components/Footer/Footer.vue'));
     // app.component('Header',       () => import('./components/Header/Header.vue'));
-    app.component('Loader',       () => import('./components/Loader/Loader.vue'));
+    app.component('Loader', () => import('./components/Loader/Loader.vue'));
     // app.component('Navigation',   () => import('./components/Navigation/Navigation.vue'));
     // app.component('Search',       () => import('./components/Search/Search.vue'));
-    app.component('Shader',       () => import('./components/Shader/Shader.vue'));
-    app.component('Slider',       () => import('./components/Slider/Slider.vue'));
-    app.component('Status',       () => import('./components/Status/Status.vue'));
-    app.component('Marquee',       () => import('./components/Marquee/Marquee.vue'));
-     app.component('Media',       () => import('./components/Media/Media.vue'));
-  }
+    app.component('Shader', () => import('./components/Shader/Shader.vue'));
+    app.component('Slider', () => import('./components/Slider/Slider.vue'));
+    app.component('Status', () => import('./components/Status/Status.vue'));
+    app.component('Marquee', () => import('./components/Marquee/Marquee.vue'));
+    app.component('Media', () => import('./components/Media/Media.vue'));
+  },
 };
 
 export {
   Address,
+  Breadcrumbs,
   Button,
   Checkbox,
+  Chips,
+  Countdown,
+  DatePicker,
   Dropdown,
+  EmptyState,
   Error,
+  Feed,
   Field,
+  FieldBig,
   FieldPhone,
+  FieldTags,
+  // Footer,
+  // Header,
+  Loader,
   LocationMarker,
   Map,
+  Marquee,
+  Menu,
+  MenuItem,
   Popup,
   Radio,
   Select,
   SelectMulti,
+  // Navigation,
+  // Search,
+  Shader,
+  Slider,
   Spoiler,
+  Status,
   Tab,
-  Menu,
-  MenuItem,
-  Tooltip,
   Text,
+  Tooltip,
   Upload,
   UploadImage,
   UploadImageMultiple,
-  Breadcrumbs,
-  Chips,
-  Countdown,
-  DatePicker,
-  EmptyState,
-  Feed,
-  FieldBig,
-  FieldTags,
-  // Footer,
-  // Header,
-  Loader,
-  // Navigation,
-  // Search,
-  Shader,
-  Slider,
-  Status,
-  Marquee
-};
+};

package/src/modules/auth/auth.client.js

@@ -8,36 +8,35 @@ import routerAuth from './views/router/auth.js';
 import routerUsers from './views/router/users.js';
 
 // Middlewares
-import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation';
+import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';
 
 // Views
 import Auth from './views/components/layouts/Auth.vue';
 import EnterCode from './views/components/pages/EnterCode.vue';
-import Invite from './views/components/pages/Invite.vue';
 import EnterPassword from './views/components/pages/EnterPassword.vue';
+import Invite from './views/components/pages/Invite.vue';
+import Profile from './views/components/pages/Profile.vue';
+import ProfileEdit from './views/components/pages/ProfileEdit.vue';
 import ResetPassword from './views/components/pages/ResetPassword.vue';
-import SignUp from './views/components/pages/SignUp.vue';
 import SignIn from './views/components/pages/SignIn.vue';
-import Profile from './views/components/pages/Profile.vue';
-import ProfileEdit from './views/components/pages/ProfileEdit.vue'
+import SignUp from './views/components/pages/SignUp.vue';
 
 // Importing sections components
-import SliderFeatures from './views/components/sections/SliderFeatures.vue';
 import FeaturedUsers from './views/components/sections/FeaturedUsers.vue';
+import SliderFeatures from './views/components/sections/SliderFeatures.vue';
 
 // Пример функции инициализации для модуля аутентификации
 function initializeAuth(app, store, router, options = {}) {
   const route = options.route || 'Home';
-  
+
   router.addRoute(route, routerAuth);
   router.addRoute(route, routerUsers);
-  
+
   store.addStore('auth', storeAuth);
   store.addStore('twofa', storeTwofa);
   store.addStore('users', storeUsers);
 
-  app.provide('store', store)
-  
+  app.provide('store', store);
 }
 
 const ModuleAuth = {
@@ -46,14 +45,14 @@ const ModuleAuth = {
     store: {
       storeAuth,
       storeTwofa,
-      storeUsers
+      storeUsers,
     },
     router: {
       routerAuth,
-      routerUsers
+      routerUsers,
     },
     middlewares: {
-      validationAuth
+      validationAuth,
     },
     components: {
       // Layout
@@ -69,9 +68,9 @@ const ModuleAuth = {
       ProfileEdit,
       // Sections
       SliderFeatures,
-      FeaturedUsers
-    }
-  }
-}
+      FeaturedUsers,
+    },
+  },
+};
 
-export default ModuleAuth
+export default ModuleAuth;

package/src/modules/auth/auth.server.js

@@ -1,58 +1,48 @@
-// Импортируем модели
-const UserModel = require('./models/user.model.js');
-const RoleModel = require('./models/role.model.js');
-const VisitorModel = require("./models/visitor.model")
-const RequestModel = require("./models/request.model");
-
-// Импортируем роуты
-const authRoutes = require('./controllers/routes/auth.routes.js');
-const twofaRoutes = require('./controllers/routes/twofa.routes.js');
-const usersRoutes = require('./controllers/routes/users.routes.js');
-
-// Импортируем контроллеры
-const AuthController = require('./controllers/services/auth.service.js');
-const TwoFaController = require('./controllers/services/twofa.service.js');
-const UsersController = require('./controllers/services/users.service.js');
-
-// Middlewares
-const visitors = require('@martyrs/src/modules/auth/controllers/middlewares/visitor.logger');
-  
-
+import visitors from '@martyrs/src/modules/auth/controllers/middlewares/visitor.logger.js';
+import authRoutes from './controllers/routes/auth.routes.js';
+import twofaRoutes from './controllers/routes/twofa.routes.js';
+import usersRoutes from './controllers/routes/users.routes.js';
+import AuthController from './controllers/services/auth.service.js';
+import TwoFaController from './controllers/services/twofa.service.js';
+import UsersController from './controllers/services/users.service.js';
+import RequestModel from './models/request.model.js';
+import RoleModel from './models/role.model.js';
+import UserModel from './models/user.model.js';
+import VisitorModel from './models/visitor.model.js';
 function initializeAuth(app, db, origins, publicPath) {
   // Настраиваем модели в объекте базы данных
   db.role = RoleModel(db);
   db.user = UserModel(db);
   db.visitor = VisitorModel(db);
   db.request = RequestModel(db);
-
   // Настраиваем маршруты, если объект приложения передан
   if (app) {
     authRoutes(app, db, origins, publicPath);
     twofaRoutes(app, db, origins, publicPath);
     usersRoutes(app, db, origins, publicPath);
-
     const visitorModule = visitors(db);
-
     app.use(visitorModule.visitorLogger);
   }
 }
-
-// Экспортируем контроллеры, роуты и модели
-module.exports = {
+export const models = {
+  RoleModel,
+  UserModel,
+  VisitorModel,
+};
+export const routes = {
+  authRoutes,
+  twofaRoutes,
+  usersRoutes,
+};
+export const controllers = {
+  AuthController,
+  TwoFaController,
+  UsersController,
+};
+export { initializeAuth as initialize };
+export default {
   initialize: initializeAuth,
-  models: {
-    RoleModel,
-    UserModel,
-    VisitorModel
-  },
-  routes: {
-    authRoutes,
-    twofaRoutes,
-    usersRoutes
-  },
-  controllers: {
-    AuthController,
-    TwoFaController,
-    UsersController,
-  }
-};
+  models,
+  routes,
+  controllers,
+};