Только фронтэнд, весь бэкенд уж реализован, дорабатывать ничего не надо. Все функции общения с друпалом (уже написанные, отдельным контроллером) – дадим
Старый сайт: flycatcha.com/
Начали натягивать шаблон тут: flycatcha.nhfactor.com/
ТЗ
Натянуть новый дизайн на страницу "Login" (Ionic Framework)
Пожалуйста измените следующие цвета:
-Feed черный фон
-header черный фон
-side навигацию и иконки красные
-bottom навигация – черный фон с 50-70% непрозрачностью и красные иконки
Изменить цвет верхней секции в Framework на красный, с возможностью изменения в настройках (изменить фото), как в текущем Flycatcha билде
-Изменить слово "Posts" на "Looks"
-Изменить слово "Likes" на "Flycatchas"
Подсоединить страницу "Login" на Ionic к Drupal . (смотрите картинку ниже) URL, можно найти здесь:
Подсоединить страницу "Sign Up" на Ionic к Drupal .
Подсоединить значок "Comment" (с добавлением в карточку фида) таким же образом , как сейчас работает на текущей сборке Flycatcha
Заменить значок сердца, связанный с функцией, на значок со звездой одного и того же размера. Оставить места для всплывающих 5 маленьких звезд , чтобы имитировать поведение текущей версии приложения
Добавить иконку "Comment" слева от значка "Share" в Ionic Framework. Пожалуйста используйте тот же значок, как в текущей версии приложения
Добавить иконку "Flag" слева от значка "Share" и справа от "Comment" (посередине) С функционалом "Report user" и "Flag content" . Пожалуйста используйте те же значки, как в текущей версии приложения
Сделать дубликат страницы "Comment page" , используя компонент "Card" со страницы "Feed", с таким же дизайном, как на Connect Comment API Services:
Заменить значок в центре Навигации на значок с камерой (используйте иконку из fortawesome.github.io/Fon... Подключить функционал камеры как сейчас реализовано в текущей сборке на эту иконку. Это должно дать возможность снять фотографию, обрезать и фильтровать ее. Этот код можно найти в: bitbucket.org/flycatcha/f...
Переформатировать Ionic Framework шаблон , чтобы он выглядел как текущий дизайн Flycatcha :
-заменить кнопку "Settings" на кнопку "Add Friend" (взять значок с HTTPS : //fortawesome.github.io/Font-Awesome/icons/)
-Добавить третий столбец (для posts, likes) для Friends так же, как это работает в текущей сборке
Добавить страницу под названием "Fly Trends" . Используйте шаблон страницы "Shop" в Ionic Framework. Удалить вкладки "Sale" и "Home"
1. заменить верхнюю часть на поле поиска Этот раздел должен подключиться к службе API поиска, используемый в настоящее время.
2. нижняя секция должна иметь такую же установку, получение двух постов, как во вкладке "trends" и "more'" , функции кнопок те же, как в шаблоне "Trends" (Popular) – 1.Должны функционировать так же, как на странице "trends" в текущей сборке, вытягивая фид сообщений с бесконечной прокрутки
В шаблоне, эта ссылка находится на странице профиля. Мы возьмем эту ссылку, и поместим её в меню навигации с сохранением всех полей в Ionic Framework . Надо добавить раздел выше "Account" под названием "Profile Settings" При нажатии, приведет нас на форму страницы с полями:
First Name
Last Name
Website
City
State
Country
Add/Change Photo
Пожалуйста сделайте меню навигации как показано в шаблоне, ссылки должны быть перечислены в следующем порядке:
Background: та же background image, как на login page (как в PSD )
Logo: Использовать FC лого вместо Flycatcha logo
Text/Icon Colors: Красные
Feed
Search
Trends (новая страница)
Shop
Shopping Cart
Settings
Profile (использовать то же форматирования для профиля, как в шаблоне)
