КонтейнерБаза

01 · Знакомство с интерфейсом

Что вы видите на экране

Программа состоит из нескольких зон:

Верхняя полоса (шапка) — логотип, индикатор ONLINE/OFFLINE, кнопки 📊 (бухгалтерия) и ⚙ (настройки)
Напоминания — красные и жёлтые карточки вверху, если есть платежи сегодня или контейнеры на посуточном
Статистика — цветные кружочки: сколько свободно, занято, просрочено
Сетка контейнеров — 20 квадратов, каждый = один контейнер

💡 ГЛАВНОЕ ПРАВИЛО

Нажмите на любой контейнер — и всё сделаете прямо в нём. Программа сама откроет нужную форму.

02 · Цвета и статусы контейнеров

Что означает каждый цвет

01

● СВОБОДЕН

Контейнер никем не занят. Нажмите — откроется форма аренды.

02

● АРЕНДОВАН

Контейнер занят. Показывает имя арендатора и дату окончания.

03

● ПЛАТЁЖ СЕГОДНЯ

Сегодня последний день — нужно принять платёж или продлить.

04

● ПРОСРОЧЕН

Срок месячной аренды вышел. Начинается посуточный тариф — 500 ₽/сутки. Требует внимания!

03 · Как сдать контейнер

Пошаговая инструкция создания аренды

Нажмите на зелёный (свободный) контейнер

Откроется форма «Сдать контейнер №XX»

Введите фамилию арендатора

Обязательное поле. Лучше вводить полностью: «Иванов Иван Петрович»

Введите контакты (телефон)

Обязательно укажите номер телефона! Пример: +7-900-123-45-67

Укажите дату начала аренды

По умолчанию стоит сегодняшняя дата. Можно изменить, если арендатор заезжает в другой день.

Выберите тариф

Три варианта: «Со скидкой», «Помесячно», «Посуточно» (подробнее — в разделе 04)

Укажите срок и внесённую сумму

Программа сама посчитает стоимость и покажет предварительный расчёт.

Нажмите «Подтвердить аренду»

Контейнер станет синим. Данные сохранены локально и отправятся в облако.

✅ ГОТОВО

Появится уведомление «АРЕНДА СОЗДАНА!». Контейнер изменит цвет на синий (АРЕНДОВАН).

04 · Тарифы и расчёт стоимости

Три тарифа — как работает каждый

Тариф	Ставка	Срок	Когда применять
Со скидкой	6 000–7 000 ₽/мес	от 3 мес. сразу	Вся сумма за весь период оплачивается сразу вперёд
Помесячно	8 000 ₽/мес	Ежемесячно	Платит каждый месяц отдельно
Посуточно	500 ₽/сутки	Любое кол-во суток	Короткий срок, оплата за дни

ТАРИФ «СО СКИДКОЙ»

Срок	Ставка в месяц	Итого	Экономия
1–2 месяца	8 000 ₽	8 000 / 16 000 ₽	—
3–11 месяцев	7 000 ₽	от 21 000 ₽	1 000 ₽/мес
12+ месяцев	6 000 ₽	от 72 000 ₽	2 000 ₽/мес

💡 КАК РАБОТАЮТ ТАРИФЫ ПО МЕСЯЦАМ

У нас есть два тарифа с оплатой по месяцам: «Со скидкой» и «Помесячно». Оба тарифа — только при оплате вперёд, от 1 месяца и больше.

Если арендатор не оплатил вперёд и срок его месячной аренды вышел — он автоматически переходит на посуточный тариф (500 ₽ за сутки). Контейнер становится красным. Программа считает сумму сама.

ТАРИФ «ПОМЕСЯЧНО»

Арендатор платит 8 000 ₽ раз в месяц. Программа запоминает дату следующего платежа и предупреждает заранее (за 7 дней — синее напоминание, в день платежа — жёлтое).

📌 ПРИМЕР: Помесячная аренда

Иванов заехал 01.06.2025, тариф «Помесячно».

→ Следующий платёж: 01.07.2025

→ 25.06 — синее напоминание (осталось 6 дней)

→ 01.07 — жёлтое напоминание (платёж сегодня)

→ После оплаты — нажать «+ Внести платёж», затем указать новый срок

05 · Приём платежей

Как зафиксировать оплату в программе

Когда арендатор платит — обязательно фиксируйте платёж в программе. Это важно для правильного расчёта долгов.

Нажать на контейнер

→

Кнопка «+ Внести платёж»

→

Ввести сумму

→

Нажать «Внести платёж»

Нажмите на нужный контейнер

Откроется карточка арендатора с информацией и финансами.

Нажмите синюю кнопку «+ Внести платёж»

Откроется окно приёма платежа. Видно текущий долг (если есть).

Введите сумму, которую получили

Программа покажет, сколько останется долга после оплаты.

Нажмите «Внести платёж»

Появится «ПЛАТЁЖ ПРИНЯТ!». Сумма добавится в историю. Долг пересчитается.

⚠ ВАЖНО: ПЕРЕХОД С ПОСУТОЧНОГО НА ПОМЕСЯЧНЫЙ

Если арендатор был на посуточном тарифе, а потом решил перейти на помесячный — нужно сначала завершить текущую посуточную аренду, а затем открыть новую с тарифом «Помесячно».

Не пытайтесь поменять тариф внутри одной карточки — создайте новую.

⚠ ВАЖНО: ОПЛАТА ПОМЕСЯЧНО ЗА НЕСКОЛЬКО МЕСЯЦЕВ СРАЗУ

Если арендатор на тарифе «Помесячно» приносит сразу за 2 и более месяцев (например 16 000 ₽ за 2 месяца) — вносите оплату по одному месяцу за раз:

1. При создании аренды в поле «Внесено» укажите сумму за один месяц (8 000 ₽).

2. Сразу откройте карточку и нажмите «+ Внести платёж», внесите ещё 8 000 ₽ за второй месяц.

Так программа правильно сдвинет дату следующего платежа и не покажет лишний долг. Если внести всю сумму сразу при создании — программа учтёт только первый месяц.

06 · Просрочка — что делать

Пошаговые действия при красном контейнере

🔴 КОНТЕЙНЕР СТАЛ КРАСНЫМ

Срок месячной аренды истёк. Начинается посуточный тариф — 500 ₽/сутки. Действуйте сразу!

СЦЕНАРИЙ 1: Арендатор платит долг и продолжает аренду

Нажмите на красный контейнер

Увидите блок «ПОСУТОЧНАЯ АРЕНДА» — сколько дней на посуточном и сколько рублей.

Нажмите «+ Внести платёж»

Введите сумму. Программа автоматически зачтёт её в счёт долга.

После погашения долга — завершите аренду

Нажмите «Завершить аренду». Программа спросит подтверждение: «Вы точно хотите завершить аренду?» — нажмите ДА.

Создайте новую аренду

Контейнер освободится. Нажмите на него — заполните форму для новой аренды.

СЦЕНАРИЙ 2: Арендатор уехал, платить не собирается

Зафиксируйте последний платёж (если был)

Если арендатор всё же что-то заплатил перед уходом — зафиксируйте.

Завершите аренду

Когда долг погашен (Долг: 0 ₽), нажмите «Завершить аренду» и подтвердите. Контейнер освободится.

💡 СОВЕТ

В первый день смены тарифа с месячного на посуточный обязательно предупредите клиента! Программа покажет его контакт в карточке арендатора.

07 · Завершение аренды

Как правильно освободить контейнер

💡 ПОДТВЕРЖДЕНИЕ ДЕЙСТВИЯ

При завершении аренды программа спросит подтверждение: «Вы точно хотите завершить аренду?» — чтобы случайно не закрыть нужную аренду. Нажмите ДА для завершения или ОТМЕНА.

Убедитесь, что долг равен нулю

В карточке арендатора в блоке «ФИНАНСЫ» должно быть «Долг: 0 ₽ ✓». Если есть долг — сначала примите платёж.

Нажмите красную кнопку «Завершить аренду»

Появится окно подтверждения.

Подтвердите действие

На вопрос «Вы точно хотите завершить аренду?» нажмите ДА. Аренда завершается, контейнер становится зелёным (СВОБОДЕН).

✅ ЧТО ПРОИСХОДИТ С ДАННЫМИ

Аренда не удаляется — она переходит в архив. Вы всегда можете посмотреть историю в разделе 📊 Бухгалтерия → вкладка «Архив».

08 · Бухгалтерия и отчёты

Как смотреть платежи, долги и историю

Нажмите кнопку 📊 в правом верхнем углу.

ВКЛАДКА «ПЛАТЕЖИ»

Фильтр по контейнеру — выберите конкретный № или «Все»
Фильтр по дате — по умолчанию текущий месяц. Измените даты «С» и «По»
Сводка — количество платежей, сумма поступлений, текущие долги, баланс
Блок «Текущие долги» — красный список: кто должен, сколько дней, сколько рублей
Таблица платежей — все платежи за период
Скачать CSV — экспорт в Excel для Google Таблиц

ВКЛАДКА «АРХИВ»

Все завершённые аренды в хронологическом порядке
Видно: контейнер, арендатор, даты, тариф, сколько заплатил

📊 КАК ВЫГРУЗИТЬ В GOOGLE ТАБЛИЦЫ

1. В разделе 📊 Бухгалтерия нажмите «⬇ Скачать CSV»

2. Откройте Google Таблицы → Файл → Импортировать

3. Загрузите скачанный файл. Разделитель: точка с запятой. Кодировка: UTF-8

09 · Синхронизация и облако

Как работает сохранение данных

🟢 ONLINE

Данные синхронизируются с облаком Supabase. Изменения сохраняются автоматически.

⚫ OFFLINE

Нет связи с Supabase. Данные сохраняются на компьютере. При восстановлении соединения — синхронизируются сами.

💡 КАК РАБОТАЕТ SYNC

Программа сохраняет все данные сразу в двух местах:

1. На вашем компьютере (localStorage браузера) — мгновенно, всегда

2. В облаке Supabase — через 2 секунды после изменения, и каждые 30 секунд

Если интернета нет — программа работает с локальными данными и отправит изменения, когда соединение восстановится.

10 · Частые вопросы

Ответы на типичные ситуации

❓ Случайно нажал на чужой контейнер. Ничего не изменилось?

Нет, если вы просто открыли карточку и закрыли её — данные не изменились. Изменения происходят только при нажатии кнопок «Подтвердить аренду», «Внести платёж» или «Завершить аренду».

❓ Программа показывает OFFLINE, хотя интернет есть

Откройте ⚙ Настройки и проверьте, что введены Supabase URL и Anon Key. Нажмите «Подключить». Если не помогло — закройте и снова откройте файл в браузере.

❓ Данные пропали после обновления браузера

Если была связь с Supabase — данные там. Закройте и откройте файл снова — программа загрузит всё из облака при подключении.

❓ Как работать с нескольких компьютеров?

Скопируйте файл konteinerbaza.html на другой компьютер. Введите те же URL и Anon Key в настройках. Оба компьютера будут синхронизироваться через Supabase — изменения с одного появятся на другом.

❓ Арендатор хочет продлить аренду — как это оформить?

Завершите текущую аренду (нужен пароль, долг должен быть 0). Нажмите на освободившийся контейнер и создайте новую аренду с теми же данными.

❓ Арендатора внесли не в тот контейнер — как перенести?

Не нужно ничего трогать в базе напрямую. Откройте карточку контейнера, где арендатор записан по ошибке → «✏️ Редактировать» (нужен пароль администратора) → в самом верху формы выберите правильный номер в поле «Контейнер» → «Сохранить». Аренда со всеми платежами и историей переедет на новый контейнер, а старый освободится. Занятые контейнеры в списке отмечены как «занят» и недоступны для выбора — сначала завершите или перенесите ту аренду.

❓ Сколько контейнеров поддерживает программа?

В текущей версии — 35 номеров контейнеров, часть из них может быть разделена на более мелкие части (например, №1 разделён на 3 части: 1-1…1-3, а №3 и №4 — на 4 части каждый: 3-1…3-4 и 4-1…4-4). Добавление новых номеров или разделение других контейнеров — по запросу программисту.