Закрыт

Список для сенсорных экранов (drag n drop)

Список из 40 элементов div c текстом . При нажатии и удержании 2 секунды на div, элемент становиться активным (обводиться рамкой) – его можно перемещать (ставить на другое место в списке, удалять, восстанавливать). При перемещении элемент «выталкивает» соседние элементы. При свайпе вправо или влево (удалении или восстановлении) элементы становятся на место удаленного.

При кратковременном нажатии элемент становиться редактируемым (contenteditable) и растягивается во весь экран (анимировано), снизу экрана кнопки «Отмена» и «Сохранить» - сохранение изменений в тексте или отмена. При нажатии на одну из кнопок элемент сворачивается (анимировано).

При длинном вертикальном списке, когда часть элементов скрывается за пределами экрана, перемещаемый вниз или вверх элемент должен двигать страницу(чтобы было видно, куда перемещаем. При быстром перемещении, элемент не должен «отставать» от пальца.

При свайпе вправо или влево элемент удаляется, с возможностью отмены (появляется кнопка «отменить», исчезает при касании экрана вне кнопки). При отмене элемент становиться на прежнее место.

Свайпы должны быть легкими, короткими, не вызывающим неудобство.

При удалении элементы сохраняются с помощью local storage. Эти элементы можно увидеть (Нажатием на кнопку «Архив») и удалить окончательно. Представление в архиве аналогичное, только без вертикального перемещения и редактирования. Соответственно при свайпе вправо элементы удаляются окончательно, если не нажали «Отмена». Также есть возможность восстановить элементы – свайпом влево, также с отменой. При восстановлении элемент становиться в конец списка.

При свайпе элемент всегда перемещается вместе с пальцем. При медленном скроле элементы не должны становиться активными (когда удерживаем палец и скролим). Свайпы можно делать только с активными элементами.

Анимация перемещения элементов плавная, без рывков.

Приложение адаптивно к ширине экрана телефонов.

Весь js код (каждый оператор) должен быть прокомментирован.

Работа на android (браузер) от 4.0

Допустимо использование Jquery и др. библиотек

Оплата после теста лично, при встрече в Москве или через Яндекс деньги/ Webmoney(r-кошелек) / Сбербанк.

Навыки: Android, HTML5, jQuery / Prototype, Mobile App Development

Показать больше: mobile local storage, drag drop html form builder jquery, drag drop image screen android, drag drop listview item using jquery, drag drop image image using jquery, drag drop items listview using jquery, image drag drop vice versa using jquery, drag drop groups mysql php jquery, drag drop website builder php jquery, drag drop image change background jquery, drag drop mysql php ajax jquery

О работодателе:
( 5 отзыв(-а, -ов) ) Москва, Russian Federation

ID проекта: #7957309

1 фрилансер подал заявку на эту работу; средняя заявка - $250

lushapps

Hey, We are interested in your project. Could you please translate your Description into English so that we may understand it properly ? Open Chat to discuss about your project. Thank you.

$250 USD за 15 дней(-я)
(6 отзывов(-а))
3.3
scribedev

A proposal has not yet been provided

$111 USD за 3 дней(-я)
(0 отзывов(-а))
0.0