/even3mindmap

Mind Map full stack JS based on Even Tree (self technique)

Primary LanguageHTMLMIT LicenseMIT

even3MindMap

=============== mmap0.4.5+iddb_0.1.1+Even3_1.0.7rc КАРТА РАЗУМА (онлайн) готова!!! Можно записывать заметки, все работает, (Ошибок на данный момент не выявлено) Надеюсь многим пригодиться и понравиться:

-------------------СТАРТ-------------------

  1. Открыть карту по impfromliga.github.io/even3mindmap в броузере
  • Изначально карта пуста,
  • прямо в центре страницы можно заметить серый кружок
  • это корневой пункт

-------------------ДОБАВЛЕНИЕ ---------------------

  1. Двойной щелчок по пункту (в который собираемся добавлять вложенные пункты)
  • открывает форму ввода
  1. В первую строку вводим имя дочернего пункта

  2. нажимаем Enter

  • Имя исчезнет. Все правильно!
  • Пункт сохранился в базу данных
  • Можно прямо в эту же строку повторять ввод еще имен для пунктов
  1. что бы закрыть форму ввода можно кликнуть в стороне от нее, или достаточно нажать Enter в пустом поле имени (ввести пустое дочернее имя)

!!! Во все появившиеся пункты, тоже можно добавить дочерние, отрыв поле ввода по двойному щелчку уже на них.

-------------------ПЕРЕИМЕНОВАНИЕ---------------------

  1. Двойной щелчок по пункту (как мы знаем из примера выше)
  • откроет форму ввода
  1. Вторая строка этой формы позволяет ввести новое имя для выбранного пункта

-------------------ПРОКРУТКА---------------------

  1. просто перетаскивание мышью за любое место
  • переместит всю карту на экране

-------------ниже дополнительные возможности------------

-без них вполне можно обойтись, -или отложить освоение на будущее, -но именно они дают настоящее удобство:

-------------------ВЫБОР и СОРТИРОВКА-------------------

  1. Одиночный клик на любом пункте
  • выделяет его (либо снимает выделение)
  1. Удержание клика активирует режим перемещения (пункты станут рыжими)

  2. Затем можно перетащить и отпустить мышь над пунктом приемником,

  • все выделенные пункты будут перемещены в него

-------------------УДАЛЕНИЕ---------------------

Удаление призводиться над ВСЕМИ ВЫБРАННЫМИ, так же как перенос, разница в том, что пункты нужно перенести на пустое место (за пределы карты) !!!ВАЖНО - следить за тем что выбрано, т.к. перенос как это удалит ВСЕ подсвеченные и дочерние пункты!!!

------------------СБРОС ВЫБОРА------------------ Сделайте двойной клик, но не отпускайте его, пока выбор не сброситься

-------------------РЕЗЮМЕ-----------

  • буду очень рад, если тебе понравиться
  • буду признателен, за комментарии, если и почему НЕ нравиться
  • могу добавить еще функций по требованию
  • оцени это как инструмент для себя лично impfromliga.github.io/even3mindmap