@ozdao/martyrs 0.2.505 → 0.2.507

package/src/modules/rents/TASK.MD

@@ -0,0 +1,161 @@
+Вот доработанный **общий план перепроектирования системы аренды**, с учётом **абсолютно произвольных промежутков времени** (не только суток):
+
+---
+
+## 1. Оставляем `Rent` как историю и бизнес‑логику
+
+Модель `Rent` остаётся основной для хранения фактов аренды и истории.
+
+Добавляем индексы, чтобы находить активные пересекающиеся аренды:
+
+```js
+// В rent.model.js
+RentSchema.index({ variant: 1, startDate: 1, endDate: 1 });
+RentSchema.index({ product: 1, startDate: 1, endDate: 1 });
+```
+
+---
+
+## 2. Вводим коллекцию `TimeSlot` для любых интервалов
+
+### Зачем?
+
+Чтобы быстро проверять доступность на произвольные интервалы времени, без тяжёлых агрегаций по коллекции `Rent`.
+
+### Схема
+
+```js
+const TimeSlotSchema = new mongoose.Schema({
+  resource: {
+    type: mongoose.Schema.Types.ObjectId,
+    required: true,
+    index: true,
+    ref: 'Variant', // или Ingredient
+  },
+  start: {
+    type: Date,
+    required: true,
+    index: true,
+  },
+  end: {
+    type: Date,
+    required: true,
+    index: true,
+  },
+  reserved: {
+    type: Number,
+    required: true,
+  },
+});
+TimeSlotSchema.index({ resource: 1, start: 1, end: 1 });
+TimeSlotSchema.index({ resource: 1, start: 1 });
+TimeSlotSchema.index({ resource: 1, end: 1 });
+
+const TimeSlot = db.mongoose.model('TimeSlot', TimeSlotSchema);
+```
+
+---
+
+## 3. Обновление `TimeSlot` при аренде
+
+На подтверждение или отмену аренды:
+
+```js
+async function updateTimeSlots(rent, delta) {
+  // Создаём или изменяем слот по точному периоду
+  const baseOp = {
+    updateOne: {
+      filter: {
+        resource: rent.variant,
+        start: rent.startDate,
+        end: rent.endDate
+      },
+      update: { $inc: { reserved: delta } },
+      upsert: true
+    }
+  };
+
+  const ingOps = rent.variant.ingredients.map(ing => ({
+    updateOne: {
+      filter: {
+        resource: ing._id,
+        start: rent.startDate,
+        end: rent.endDate
+      },
+      update: { $inc: { reserved: delta * ing.quantity * rent.quantity } },
+      upsert: true
+    }
+  }));
+
+  await TimeSlot.bulkWrite([baseOp, ...ingOps]);
+}
+```
+
+> Обновление происходит при изменении статуса `Rent`: `pending → confirmed`, `confirmed → canceled`, и т.д.
+
+---
+
+## 4. Проверка доступности на произвольный интервал
+
+1. Получаем `StockBalance` для варианта или ингредиента.
+2. Запрашиваем `TimeSlot`, которые **пересекают** интересующий интервал:
+
+```js
+const overlapping = await TimeSlot.find({
+  resource: variantId,
+  $or: [
+    { start: { $lt: endDate }, end: { $gt: startDate } }
+  ]
+}).lean();
+
+const maxReserved = overlapping.reduce((sum, slot) => sum + slot.reserved, 0);
+const stock = await StockBalance.findOne({ variant: variantId, storage });
+const available = stock.quantity - maxReserved;
+```
+
+3. Для составных товаров:
+
+   * Повторяем проверку по каждому ингредиенту
+   * Берём минимум из доступных
+
+---
+
+## 5. Почему это быстро и гибко
+
+* **Любые интервалы** — можно бронировать хоть на 15 минут, хоть на 5 дней.
+* **Предикативная проверка** — пересекающиеся слоты запрашиваются мгновенно через индексы.
+* **Чтение** — два лёгких запроса: в `StockBalance` и `TimeSlot`.
+* **Запись** — один `bulkWrite` на аренду.
+* **Мало документов** — каждый слот покрывает конкретный интервал, без дробления по дням.
+
+---
+
+## 6. Дополнительно
+
+* **Нормализация по шагу** — при необходимости можно округлять интервалы к ближайшему часу/получасу.
+* **TTL-удаление** — добавить TTL-индекс на `end`, чтобы автоматически удалять старые слоты.
+* **Транзакции** — желательно использовать MongoDB transactions для консистентности между `Rent` и `TimeSlot`.
+* **Промежуточный кэш** — если high-load, можно кэшировать слоты в Redis на популярные даты/ресурсы.
+* **Поддержка `time-series`** — начиная с MongoDB 5.0 можно использовать `time-series` коллекции для хранения слотов.
+
+---
+
+## 7. Возможный гибрид: суточные + произвольные
+
+Если большинство аренд всё же по дням:
+
+* используем `DailySlot` (date‑based)
+* и `FreeFormSlot` (с интервалами)
+* проверка доступности объединяет оба типа
+
+---
+
+## Итого:
+
+* **Rent** — остаётся неизменной как лог и история.
+* **TimeSlot** — новая коллекция для fast-check.
+* **Произвольные интервалы** — поддерживаются из коробки.
+* **Масштабируемость** — высокая, агрегации не нужны.
+* **Скорость** — мгновенные индексы по `(resource, start, end)`.
+
+Такой подход используется в сложных системах бронирования (видеостудии, каршаринг, логистика), и подходит для MongoDB‑экосистемы.

package/src/modules/reports/components/sections/FormReport.vue

@@ -32,7 +32,7 @@
 		        	'other'
 		        ]"
 		        :placeholder="'Select reason'"
-				class="mn-b-small bg-white br-solid br-black-transp br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
+				class="mn-b-small bg-white br-solid br-black-transp-10 br-1px uppercase pd-medium t-semi bg-white t-black radius-medium"
 		      />
 		    
 		    <p class="p-medium mn-b-small">Our moderators will review your report within 24 hours and take action if it violates our policies.</p>

package/src/modules/spots/components/pages/Spots.vue

@@ -0,0 +1,342 @@
+<template>
+  <div class="pos-relative">
+    <header 
+      v-if="route.name !== 'Organization' && !MOBILE_APP"
+      class="pd-medium flex-v-center flex-nowrap flex"
+    >
+      <h2 class="mn-r-medium">Spots</h2>
+      <button 
+        v-if="hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)"
+        @click="$router.push({
+          name: route.params?._id ? 'Organization_SpotAdd' : 'SpotAdd'
+        })" 
+        class="radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second">
+          +
+      </button>
+    </header>
+
+    <div class="cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative">
+
+      <div class="o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative">
+        <div class="w-100 o-y-scroll h-100">
+          <!-- Categories -->
+          <div class="mn-b-medium" v-if="currentCategories.length > 0">
+            <h4 class="mn-b-small">
+              {{ route.params.categoryPath ? 'Subcategories' : 'Categories' }}
+            </h4>
+            <div class="gap-micro">
+              <div
+                v-for="category in currentCategories"
+                :key="category._id"
+                @click="selectCategory(category)"
+                class="pd-small radius-small cursor-pointer hover-bg-light transition-all"
+              >
+                {{ category.name }}
+              </div>
+            </div>
+          </div>
+
+          <!-- Location Filter -->
+          <Spoiler 
+            class="o-hidden mn-b-medium"
+            :status="true"
+          >
+            <template #header="{ isOpen }">
+              <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
+                <h4 class="w-100">Location</h4>
+                <div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
+                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
+                </div>
+              </div>
+            </template>
+
+            <template #content>
+              <div class="mn-t-small">
+                <Field
+                  v-model="searchLocation"
+                  placeholder="Search location..."
+                  type="text"
+                  class="w-100 bg-light pd-small radius-small mn-b-small"
+                />
+                <Checkbox 
+                  v-for="location in locationOptions"
+                  :key="location"
+                  v-model:radio="selectedLocation"
+                  :label="location"
+                  :value="location"
+                  mode="radio"
+                  class="mn-b-micro"
+                />
+              </div>
+            </template>
+          </Spoiler>
+
+          <!-- Delivery Options -->
+          <Spoiler 
+            class="o-hidden mn-b-medium"
+            :status="true"
+          >
+            <template #header="{ isOpen }">
+              <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
+                <h4 class="w-100">Delivery Options</h4>
+                <div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
+                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
+                </div>
+              </div>
+            </template>
+
+            <template #content>
+              <div class="mn-t-small">
+                <Checkbox 
+                  v-for="option in deliveryOptions"
+                  :key="option.value"
+                  v-model:checkbox="selectedDeliveryOptions"
+                  :label="option.label"
+                  :value="option.value"
+                  mode="checkbox"
+                  class="mn-b-micro"
+                />
+              </div>
+            </template>
+          </Spoiler>
+
+          <!-- Payment Options -->
+          <Spoiler 
+            class="o-hidden mn-b-medium"
+            :status="true"
+          >
+            <template #header="{ isOpen }">
+              <div class="cursor-pointer w-100 flex-v-center flex-nowrap flex">
+                <h4 class="w-100">Payment Options</h4>
+                <div class="h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra">
+                  <IconChevronBottom :class="{ 'rotate-180 mn-t-micro-negative': isOpen }" fill="rgb(var(--black))" class="i-regular"/>
+                </div>
+              </div>
+            </template>
+
+            <template #content>
+              <div class="mn-t-small">
+                <Checkbox 
+                  v-for="option in paymentOptions"
+                  :key="option.value"
+                  v-model:checkbox="selectedPaymentOptions"
+                  :label="option.label"
+                  :value="option.value"
+                  mode="checkbox"
+                  class="mn-b-micro"
+                />
+              </div>
+            </template>
+          </Spoiler>
+
+          <!-- Clear Filters Button -->
+          <button 
+            @click="clearFilters"
+            class="bg-main w-100 button mn-t-medium"
+          >
+            Clear Filters
+          </button>
+        </div>
+      </div>
+
+      <div class="w-100 rows-1 pd-thin pos-relative o-hidden">
+        <Filters
+          v-model:filters="availableFilters"
+          v-model:selected="selectedFilters"
+        />
+        
+        <div class="mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-type-x-mandatory scroll-pd-regular">
+          <div class="gap-thin flex-nowrap flex">
+            <div
+              v-for="category in currentCategories"
+              :key="category._id"
+              @click="selectCategory(category)"
+              class="flex-child-default bg-light flex t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all"
+            >
+              {{ category.name }}
+            </div>
+          </div>
+        </div>
+
+        <Feed
+          :search="true"
+          v-model:filter="spots.state.filter"
+          v-model:sort="spots.state.sort"
+          :showLoadMore="false"
+          :states="{
+            empty: {
+              title: 'No Spots Found',
+              description: 'Currently, there are no spots available.'
+            }
+          }"
+          :store="{
+            read: (options) => spots.actions.read(options),
+            state: spots.state
+          }"
+          :options="{
+            limit: 12,
+            organization: route.params._id || null,
+            user: auth.state.user._id,
+            location: selectedLocation,
+            deliveryOptions: selectedDeliveryOptions,
+            paymentOptions: selectedPaymentOptions,
+            search: route.query.search
+          }"
+          v-slot="{ 
+            items 
+          }"
+          class="cols-3 pos-relative w-100 rows-1 gap-thin"
+        >
+          <CardSpot
+            v-for="(spot, index) in items"
+            :key="index"
+            :spot="spot"
+            :organization="organization"
+            :editAccess="hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)"
+            :showDeliveryOptions="true"
+            :showPaymentOptions="true"
+            class="radius-medium h-min-big bg-light"
+            @click="$router.push({ 
+              name: route.params._id ? 'Organization_Spot' : 'Spot', 
+              params: { 
+                _id: route.params._id,
+                spot: spot._id 
+              } 
+            })"
+          />
+        </Feed>
+
+        <button
+          v-if="hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)"
+          @click="$router.push(`/spots/${route.params._id}/spots/create`)"
+          class="mn-t-medium bg-main button w-100"
+        >
+          Add New Spot
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup="props">
+  // Import libs
+  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+
+  // Import components
+  import Feed from '@martyrs/src/components/Feed/Feed.vue'
+  import Filters from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'
+  import Spoiler from "@martyrs/src/components/Spoiler/Spoiler.vue"
+  import Field from "@martyrs/src/components/Field/Field.vue"
+  import Checkbox from "@martyrs/src/components/Checkbox/Checkbox.vue"
+
+  import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'
+
+  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'
+  import IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'
+
+  // Accessing router and store
+  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';
+  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';
+  import * as spots from '@martyrs/src/modules/spots/store/spots.js';
+  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';
+  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';
+
+  const route = useRoute()
+  const router = useRouter()
+  const { hasAccess } = useGlobalMixins()
+
+  // Props
+  const props = defineProps({
+    organization: {
+      type: Object,
+      default: null
+    }
+  })
+
+  // Categories
+  const currentCategories = ref([]);
+  const searchLocation = ref('');
+  const selectedLocation = ref('All');
+  const locationOptions = ref(['All', 'Phuket', 'Bangkok', 'Chiang Mai', 'Pattaya']);
+
+  // Delivery options
+  const deliveryOptions = ref([
+    { label: 'Pickup', value: 'pickup' },
+    { label: 'Delivery', value: 'delivery' },
+    { label: 'Dine-in', value: 'dinein' }
+  ]);
+  const selectedDeliveryOptions = ref([]);
+
+  // Payment options
+  const paymentOptions = ref([
+    { label: 'Cash', value: 'cash' },
+    { label: 'Card', value: 'card' },
+    { label: 'Crypto', value: 'crypto' },
+    { label: 'Bank Transfer', value: 'transfer' }
+  ]);
+  const selectedPaymentOptions = ref([]);
+
+  const availableFilters = ref([
+    {
+      title: 'Location',
+      value: 'location',
+      type: 'radio',
+      options: locationOptions.value.map(loc => ({ label: loc, value: loc }))
+    },
+    {
+      title: 'Type',
+      value: 'type',
+      type: 'checkbox',
+      options: [
+        { label: 'Restaurant', value: 'restaurant' },
+        { label: 'Cafe', value: 'cafe' },
+        { label: 'Bar', value: 'bar' },
+        { label: 'Club', value: 'club' }
+      ]
+    }
+  ])
+
+  const selectedFilters = ref({
+    location: 'All',
+    type: []
+  })
+
+  const selectCategory = (category) => {
+    // Implementation for category selection
+    console.log('Category selected:', category);
+  };
+
+  const clearFilters = () => {
+    selectedLocation.value = 'All';
+    selectedDeliveryOptions.value = [];
+    selectedPaymentOptions.value = [];
+    searchLocation.value = '';
+    selectedFilters.value = {
+      location: 'All',
+      type: []
+    };
+  };
+
+  globals.state.navigation_bar.actions = [{
+    component: IconPlus,
+    props: {
+      fill: "rgb(var(--main))" 
+    },
+    condition: () => auth.state.user && auth.state.user._id,
+    action: () => route.params._id ? router.push({ name: 'Organization_SpotAdd', params: { _id: route.params._id} }) : router.push({ name: 'SpotAdd' })
+  }]
+
+  onMounted(async () => {
+    if (route.params._id) {
+      await organizations.actions.read({ _id: route.params._id });
+    }
+  })
+
+  onUnmounted(() => {
+    globals.state.navigation_bar.actions = [];
+  });
+</script>
+
+<style lang="scss">
+</style>

package/src/modules/spots/router/spots.js

@@ -3,6 +3,21 @@ import layoutSpots from '../components/layouts/Spots.vue';
 
 import * as validationAuth from '@martyrs/src/modules/auth/views/middlewares/auth.validation.js';
 
+// Function to create organization spots routes
+export const createSpotsRoutes = (prefix = '') => {
+  return {
+    path: 'spots',
+    name: `${prefix}Spots`,
+    meta: {
+      title: {
+        en: 'Spots',
+        ru: 'Точки',
+      },
+    },
+    component: () => import(/* webpackChunkName: "organization-spots" */ '../components/pages/Spots.vue'),
+  };
+};
+
 const spots = {
   path: 'spots',
   component: layoutEmpty,

package/src/styles/base/all.scss

@@ -48,9 +48,9 @@ body {
 	.w-m-66r { width: min(100%, 66rem); }
 	.w-m-60r { width: min(100%, 60rem); }
 	.w-m-50r { width: min(100%, 50rem); }
+	.h-m-40r { height: min(100%, 40rem); }
 	.w-m-40r { width: min(100%, 40rem); }
 	.w-m-33r { width: min(100%, 33rem); }
-	.w-minmax-33r-100 { width: max(33rem, 100%); }
 	.w-m-25r { width: min(100%, 25rem); }
 	.w-m-20r { width: min(100%, 20rem); }
 	.w-m-15r { width: min(100%, 15rem); }
@@ -257,8 +257,7 @@ body {
 	.col-w-100 {
 		grid-column: 1 / -1
 	}
-	// Rows
-	.rows-1 {display: grid; grid-template-rows: auto 1fr; }
+	.rows-1 {display: grid;  grid-template-columns: 100%; grid-auto-rows: minmax(auto, max-content); }
 	.rows-1-min0_max1 {display: grid; grid-template-rows: minmax(0, 1fr); }
 	.rows-auto {   grid-auto-flow: row;
   grid-auto-columns: auto;

package/src/styles/layout.scss

@@ -38,6 +38,22 @@ span, p {
   box-shadow: inset 0 0 0 1px rgba(var(--second), 1), 0 0 6px 2px rgba(var(--second), 0.1);
 }
 
+.field-wrapper:has(input:-webkit-autofill),
+.field-wrapper:has(textarea:-webkit-autofill),
+.field-wrapper:has(select:-webkit-autofill) {
+  background: rgb(255, 250, 150);
+}
+
+/* Также перекрашиваем сам autofill input */
+.field-wrapper input:-webkit-autofill,
+.field-wrapper textarea:-webkit-autofill,
+.field-wrapper select:-webkit-autofill {
+  background: rgb(255, 250, 150) !important;
+  -webkit-box-shadow: 0 0 0 1000px rgb(255, 250, 150) inset !important;
+  -webkit-text-fill-color: #000 !important;
+  transition: background-color 5000s ease-in-out 0s;
+}
+
 .clickable {
 	transition: border-width .2s, box-shadow .2s ease;
 }