Форум
nicothin opened this issue · 6 comments
@vladimir075
Макет в фигме: https://www.figma.com/file/2Rx5uPxlLETR8HucSGcbIX/greece-forum?node-id=0%3A1
Отступления от макета незначительные и связаны с переиспользованием уже готовых и работающих компонентов (не плодил новые).
https://nicothin.pro/greeceru/forum.html
https://nicothin.pro/greeceru/forum-theme.html
https://nicothin.pro/greeceru/forum-topic.html
https://nicothin.pro/greeceru/forum-topic-add-no-user.html
https://nicothin.pro/greeceru/forum-topic-add.html
https://nicothin.pro/greeceru/forum-my-view.html
https://nicothin.pro/greeceru/forum-my-view-2.html
https://nicothin.pro/greeceru/forum-my-view-3.html
https://nicothin.pro/greeceru/internal-property-3.html - на контентной странице
Не ясно что делать с макетом property_card: он частично состоит из скринов интерфейса. Не видел такой страницы. Вариант: делаю отдельную страницу с частями макета, которые "не картинка" (https://user-images.githubusercontent.com/3499680/120928729-8f158380-c6ee-11eb-8b80-8c5c32206714.png). Устроит ли?
Актуальное состояние кода: https://github.com/nicothin/greeceru/tree/gh-pages
Список изменений от момента начала работы над форумом: #48
По вопросу с картинкой:
это вставка, как вывод блока форума должен выглядеть у нас на грисру, на карточке объекта. Вот этой https://www.greece.ru/en/property/100046171810-villa-spiroulina/ (в картинке элементы этой карточки).
Аналогичный блок надо вывести для первой страницы грисру www.greece.ru
Есть еще пара вопросов.
- блока Личный раздел (справа верху) нет на ряде страниц
https://nicothin.pro/greeceru/forum-theme.html
https://nicothin.pro/greeceru/forum-topic.html
Это видимо недоработка дизайнера. Может вставить его туда тоже?
Вот здесь непонятна механика. Помню Вы про это спрашивали.
на самом деле здесь две сортировки "самое популярное" и "последнее" Как лучше сверстать этот функционал двух опций сортировки?
По вопросу с картинкой:
это вставка, как вывод блока форума должен выглядеть у нас на грисру, на карточке объекта. Вот этой https://www.greece.ru/en/property/100046171810-villa-spiroulina/ (в картинке элементы этой карточки).
Аналогичный блок надо вывести для первой страницы грисру www.greece.ru
Я добавил такой блок на https://nicothin.pro/greeceru/internal-property-3.html (в самый низ)
Есть еще пара вопросов.
- блока Личный раздел (справа верху) нет на ряде страниц
https://nicothin.pro/greeceru/forum-theme.html
https://nicothin.pro/greeceru/forum-topic.html
Это видимо недоработка дизайнера. Может вставить его туда тоже?
Без проблем, это же простая копипаста, добавил.
Вот здесь непонятна механика. Помню Вы про это спрашивали.
на самом деле здесь две сортировки "самое популярное" и "последнее" Как лучше сверстать этот функционал двух опций сортировки?
Я не знал как оно работает, поэтому сделал так, чтобы покрыть все варианты добавлением/убиранием класса активности (делает из текста что-то похожее на кнопку) и иконки (уголок после текста, svg).
На иконке есть класс, наличие которого определяет ее направление (верх/низ).
Фрагмент кода с пояснениями в комментариях:
<ul class="forum-discussions__filter forum-filter">
<li class="forum-filter__item">
<!-- класс forum-filter__btn--active - для активного состояния, без него это просто текст -->
<button class="forum-filter__btn forum-filter__btn--active">
Популярное
<!-- forum-filter__btn-icon--active - для перевёрнутого состояния иконки -->
<svg class="forum-filter__btn-icon forum-filter__btn-icon--active" width="10" height="5">
<use xlink:href="img/sprite-svg.svg#arrow-down-sm"></use>
</svg>
</button>
</li>
<li class="forum-filter__item">
<button class="forum-filter__btn">
Свежее
</button>
</li>
</ul>Хорошо, Николай, спасибо. Еще маленький вопрос - не заметил элемента с гугл переводом. он где то есть?
Я лишь обозначил место для такого иснтрумента, ибо поиск дает это: https://translate.google.com/intl/ru/about/website/
Вот тут (https://support.google.com/translate/answer/2534559?co=GENIE.Platform%3DDesktop&hl=ru) написано, что для НКО доступен виджет, но этот проект коммерческий...
Доступен переводчик от Яндекса, но он переводит сайт целиком, насколько я понимаю. (https://translate.yandex.ru/developers/website-widget)