5.2. Панель комментариев

Рисунок 5.5. Панель комментариев

Панель комментариев

5.2.1. Общие параметры

  • высота поля ввода комментария равна 32 px

  • область кнопки публикации комментария ****32 х 32 px

  • стиль шрифта поля ввода — MainText, Ф.И.О. - MainTextBold, дата/время и текст комментария — MainText.

Рисунок 5.6. Размеры и отступы панели комментариев

Размеры и отступы панели комментариев

  • внутренние отступы в плашке комментария 16 px

  • расстояние между фамилией и текстом комментария 13 px

  • Поле ввода текста комментария «растягивается» вниз при увеличении количества строк, но не более чем на 10 строк. После ввода 11-й строки появляется полоса прокрутки в поле ввода.

  • Ширина и высота всей панели комментария зависит от контекста применения.

  • Пиктограмма публикации комментария «» всегда движется за последней строкой комментария.

  • Пиктограмма удаления комментария появляется при наведении курсора мыши на плашку комментария.

Рисунок 5.7. Скролл-бар в панели комментариев

Скролл-бар в панели комментариев

Рисунок 5.8. Максимальное количество строк в поле ввода комментария

Максимальное количество строк в поле ввода комментария

5.2.2. Цвета панели комментариев

  • Граница панели комментариев — ButtonBorder

  • Граница плашек — ButtonBorder

  • Цвет плейсхолдера поля ввода комментария — Border1

  • Текст Ф.И.О и времени публикации комментария — Border1

  • Текст Ф.И.О и времени публикации комментария-отклонения — DeclineButtonBg4

  • Текст и Ф.И.О и времени публикации комментария-подтверждения - ApproveButtonBg5

  • Текст комментария - TextColor1

  • Цвет пиктограммы удаления комментария — ButtonPressed

  • Цвет пиктограммы публикации комментария — Border1

5.2.3. Состояния плашек панели комментариев

UserComment – комментарий опубликованный пользователем. Присутствует функция удаления

Default — комментарии других пользователей. Удалить комментарий нельзя

Approved — комментарий-подтверждение недоступный для удаления

Declined — комментарий-отклонение недоступный для удаления

5.2.4. Поведение компонента

5.2.4.1. Нажатие Enter

Нажатие Enter осуществляет перенос строки.

5.2.4.2. Публикация комментария

Комбинация клавиш Ctrl + Enter или нажатие пиктограммы «» публикуют комментарий.

5.2.4.3. Удаление комментария

Щелчок ЛКМ по пиктограмме удаления комментария «Х» удалит плашку комментария из списка комментариев.

Нажатие других кнопок мыши/клавиш клавиатуры не должно обрабатываться.