Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Нужно создать на AngularJS одну из страниц профиля в личном кабинете, на которой будет возможность редактировать список клиентов.

Нужна адаптативная верстка этой страницы на десктоп.

Нужна мобильная версия данной страницы.

Шаблоны разработанного дизайна приведены на изображениях (jpg + psd) - для десктоп и мобильной версии.

Необходима следующая функциональность для десктоп версии:

1) вверху слева выпадающее меню, вызываемое кликом.

2) под шапкой слева активные пункты меню:

Profile

Locations

My customers

Password

3) вверху в шапке 2 поля поиска

4) в шапке справа активные пункты меню (иконки)

5) Вверху в главной части страницы многостраничный список My customers. Должна быть возможность редактирования профиля любого из клиентов с помощью соответствующей кнопки (см.скрин).

6) Ниже в центре форма поиска клиентов по следующим полям:

- First name

- Last Name

- Location of business

Конопки Search и Cancel

7) при нахождении соответствующих результатов, под формой поиска должны появляться результаты в многостраничном списке (в противном случае - сообщение, что результатов нет).

При нахождении людей, отвечающих параметрам поиска, при наведении на их профиль должна появляться кнопка "Add".

Если контакт из g+, то должно появиться соответствующее сообщение с приглашением (см.скрин).

8) под формой поиска кнопки Save и Cancel

9) Активные пункты меню в "подвале" страницы

10) В правой колонке круговой "индикатор" заполненности профиля (в процентах)

11) В целом все кнопки и ссылки из изображения нужно перенести на страницу и они должны быть активны (в последствии к ним будут привязаны соответствующие ссылки для связи с backend).

Функциональность для мобильной версии:

1) В верхнем левом углу выпадающее меню (вызывается кликом)

2) Под выпадающим меню страницы подменю Profile, Locations, My custumers, Password.

3) Ниже строка-индикатор заполненности профиля (в процентах)

4) В центре окна поля для заполнения

5) В подвале кнопки навигации. На кнопке с сообщениями индикатор количества сообщений.

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

9 лет назад
zlevit
54 года
9 лет в сервисе
Был
8 лет назад

Заявки фрилансеров

Нет заявок фрилансеров