sergey-nag / gridandother Goto Github PK

• При добавлении объекта на сетку, он добавляется на карту
• При изменении позиции, меняются координаты и на карте
• Удаление координат при удалении элемента с сетки

• Создание линий
• Создание кривых
• Удаление кривых
• Отрисовка кривых при взаимодействии блоков
• Примагничивание кривых к точке
• Сохранение позиции при перемещении сетки
• Примагничивание к нужным input'ам

• Объект, который хранит данные разметки
• Добавление сетки, чтобы блок менял размеры
• Вставить input'ы
• Вставить output'ы

• Изменение имени item

• Валидация имени переменной

• Изменение цвета item

• Изменение цвета текста относительно яркости фона

• Сохранение данных в map

Прорисовка сетки
Перемещение мышкой

Элементы

• 1. Телеграмм бот
  • Ввод токена
  • Polling/Webhook
  • Изменение имени, описания

• 2. Обработчик сообщений
  • Прием данных
  • Вывод данных

• 3. Отправщик сообщений
  • Текст
  • Клавиатура
  • Медиа
  • Геопозиция
  • Контакты

• 4 Обработчик ошибок

• 5. База данных

• по X на 1 клетку
• по Y на следующую клетку

• Drag
• Drop

• Инициализация передвижения только по клике на верхнюю часть блока

• Отмена передвижения сетки

• Выделение блока

• Курсор на заголовке

• Перемещение блока

• Выравнивание по сетке

• Установка на новую позицию

• Заморозка перемещения, если курсор ушел за рамки сетки

• Сдвиг сетки в конкретном направлении, если задержать на границе блок

• Выбранный элемент отображается выше слоем других (z-index)