Задача дизайнерам и верстальщикам. Приз 5000 руб.

На нашем форуме есть ответы на ответы.
Комментарии идут только 1 уровнем, последовательно друг за другом, поэтому мы в каждый ответ вкладываем цитатой предыдущий комментарий.
Из-за этого получаются уродливые башни из цитат, например:
smart-lab.ru/forum/%D0%A4...

форум тут:
smart-lab.ru/forums/

Необходимо предложить изящное решение, чтобы:
а) не было нагромождения из цитат
б) можно было каким-то образом легко понять, на какой комментарий отвечает человек

Например предложить какие-то варианты сворачивания/разворачивания вложенных комментариев при помощи js и т.п.

Результат необходимо представить в формате HTML+CSS+JS.

форум акций

martynovtim

Тимофей Мартынов

Санкт-Петербург

7094

770 966

с 21 сентября 2010

40 Комментариев

Поликарп Брусникин
01 ноября 2017, 23:27
Хорошо что обратил внимание на это безобразие
+3
- ℤakk
  01 ноября 2017, 23:45
  Не прошло и десяток лет, как Тимофей придумал ветвление в комментах!!! Щас как Смарт-Лап попрет!!! Пейсбук обгонит
  -2
  - Petr S
    02 ноября 2017, 00:22
    ℤakk, с бюджетом в 5000р на конкурс? :) мда, трейдеры смотрю дизайнерам жалкие подачки кидают — на один раз поесть в нормальном заведении
    +1
- Тимофей Мартынов
  01 ноября 2017, 23:52
  Сергей Сметанин, да я всегда на него обращал внимание
  +1
  - ℤakk
    02 ноября 2017, 03:10
    Тимофей Мартынов, я тебе раза три писал про ветвление комментов, когда ты спрашивал что поменять/улучшить на смарт лабике. И никакой реакции не было))
    0
Artemunak
01 ноября 2017, 23:32
фигасе ты жируешь, 5000р на ветер красноглазикам зажравшимся. если б это был мой сайт то я бы написал чтобы мне сделали за косарь, за +100 в рейтинг.

+6
Alexandr_KAA
01 ноября 2017, 23:33
Тимофей, зачем заново городить велосипед ?.. в сети полно решений и причем за бесплатно

habrahabr.ru/post/244715/
+4
Роман Франтовский
01 ноября 2017, 23:50
На форуме где я раньше общался это сделано примерно так:

мне нравилось.

Как вариант для размышления!
0
- Тимофей Мартынов
  01 ноября 2017, 23:53
  Роман Франтовский, тут ветвление идет комментариев. У нас ветвления нет
  0
  - rtsi
    02 ноября 2017, 00:58
    Тимофей Мартынов, добавить ветвление у нас. Сложности в программировании там не должно быть никакой.
    
    После этого сделать как на картинке.
    0
bestt
01 ноября 2017, 23:56
Как в жж со сворачиванием ветки комментариев больше N-й ступени.
+1
- Тимофей Мартынов
  02 ноября 2017, 00:07
  bestt, внимательно читайте ТЗ
  0
  - ICWiener
    02 ноября 2017, 00:51
    Тимофей Мартынов, если внимательно выполнять все задания Тимофея, то можно поесть бесплатно и заработать пять тыщ ))
    +4
  - Konstanin K.
    02 ноября 2017, 14:48
    Тимофей Мартынов, навскидку:
    
    https://goo.gl/xdeyMt
    
    0
    - Тимофей Мартынов
      02 ноября 2017, 22:30
      Konstanin K., красава брат!
      акуенно сделал
      0
    - Тимофей Мартынов
      02 ноября 2017, 22:31
      Konstanin K., как тебе перевести 5 тыщ?
      0
    - Тимофей Мартынов
      02 ноября 2017, 22:51
      Konstanin K., пожалуйста, не удаляй какое-то время эту страницу.
      давай, как мы внедрим твой вариант, я тебе переведу 5000 руб
      0
Мюнхгаузен
02 ноября 2017, 00:06
Зачем выдумывать велосипед?
Очень удобное цитирование уже придумано конкурентом.
Можно только чуть видоизменить, чтобы совсем уж не казалось плагиатом и внедрять.

Кстати, и 5000 на этом можно сэкономить. )))
+2
- Тимофей Мартынов
  02 ноября 2017, 00:07
  Мюнхгаузен, мне кажется что можно сделать крче
  +1
Kvadr
02 ноября 2017, 00:07
Вот пример из контакта
https://vk.com/wall-2158488_156988
0
- Тимофей Мартынов
  02 ноября 2017, 00:09
  Kvadr, да, неплохое решение.
  Оно там другое, но можно идею перенести наоборот:
  подгружать предыдущий комментарий при наведении на такую область
  +1
  - Феликс Осколков
    02 ноября 2017, 15:04
    Тимофей Мартынов, посмотри комменты на пикабу, мне нравится как там сделано.
    0
aman
02 ноября 2017, 00:12

rambler.ru
+1
- Роман Франтовский
  02 ноября 2017, 00:19
  aman, хороший вариант!
  0
neophyte
02 ноября 2017, 00:27
Есть стандартное решение почти во всех движках. Переключение на режим списком либо веткой.
А в принципе народ особо не заморачивается. Кому нужна цитата для ответа, тот цитирует. Кому не нужна, тот не цитирует.
В цитате есть ссылка на цитируемое сообщение и всегда можно развернуться и уйти назад до нужного места.

+1
Бубльгум
02 ноября 2017, 00:48
Не проще убрать цитаты вообще, кто кому пишет и на что отвечает и так понятно, если при ответе автоматом имя лица которому отвечают присваивается
0
Андрей К
02 ноября 2017, 00:53
1) Снял офис
2) Поощрение активных пользователей форума акций.
3) Наем фриланса на верстку
растешь. Молодец.

Но ремонт наверняка сам делаешь.
0
- Тимофей Мартынов
  02 ноября 2017, 01:26
  Андрей К, да ремонт сам, пока это мне интересно
  0
Чарльз Маккей
02 ноября 2017, 01:29
Свернуть все в раскрываемый [+]/[-] кроме последнего цитируемого фрагмента. Так как Тимофей покупал кучу книг по CSS — техническая реализация на его стороне ;))

+2
Ivor
02 ноября 2017, 01:56
Посмотри как реализованно в телеграм на андроиде. Только первые несколько слов в цитате, и никакого нагромождения. Скорее всего надо будет использовать Ява скрипт.
+1
Lekrus
02 ноября 2017, 02:09
Если сделать как старый добрый PhpBB, то можно рвать MFD, а сейчас даже читать не хочется… Не надо ничего придумывать, бери то, к чему все с детства привыкли
0
Александр Лопатин
02 ноября 2017, 06:36
А что если текущий вариант дополнить сворачиванием, т.е. каждый блок цитаты сворачивается по-умолчанию и еще можно было бы куда нибудь в этот блок воткнуть ссылку на цитируемый комментарий.
0
- Александр Лопатин
  02 ноября 2017, 06:57
  Александр Лопатин,
  
  Как-то так, естественно оформление надо доделывать.
  
  +1
  - Тимофей Мартынов
    02 ноября 2017, 10:00
    Александр Лопатин, спасибо за идею
    0
Egorax
02 ноября 2017, 07:09
Может сделать как на YouTube -> Показать все ответы-Скрыть ответы
0
Alexrad
02 ноября 2017, 07:19
Тимофей, люди делают лестницы из цитат, потому что когда хотят ответить конкретному человеку и жмут кнопку Ответить, то вставляется вся цитата целиком, а нужно просто вставлять никнейм человека, которому ты хочешь ответить. Для цитирования нужно добавить отдельную кнопку.
Еще во вконтктике изящно сделано. Если в ответе наводишь курсор на имя человека которому отвечаешь, то вплывает полная цитата того, на что отвечаешь.
+1
Григорий
02 ноября 2017, 10:43
Я не верстальщик и не дизайнер, но предложу.
Вложенные сообщения не нужны, скрытие не нужно, так как для чтения нужны доп действия. Только лента.
Предлагаю:
1. сообщения пронумеровать. Если пользователю лень давать ссылку, то он просто напишет в каком сообщении он писал это.
2. ответ на сообщение типа имя и <ссылка>, нажимаешь в ответе на ссылку и читаешь исходное сообщение (или оставить как в комментариях к постам);
3. Цитирование. Если пользователю надо ответить на часть сообщения, то он выделяет эту часть и жмет ответить, то тогда автоматически создается цитата из только выделенного.
4. Если пользователь не хочет лазить по ссылкам дискуссии, то можно было бы сделать опцию открыть всю дискуссию по одному вопросу в отдельном окне. Туда бы попадали только релевантные сообщения. Было бы удобнее.
5. Повторение одних и тех же сообщений не должно быть.

0
Алексей
02 ноября 2017, 10:47
Вариант реализации:
Оставлять «башни» как есть, но все цитируемые сообщения, кроме последнего, автоматически сворачивать. Развернутым остается только последнее сообщение. Логика простая: обычно пользователь хочет цитировать только последнее сообщение, чтобы было понятно, кому он отвечает, а все остальные сообщения — идут «бонусом».
Ну до кучи еще можно куда-нибудь ввернуть ссылки «свернуть все», «развернуть все».
0
Гражданин РФ
02 ноября 2017, 12:04
Ждём задание от тимофея, что бы во всех браузерах можно было форум читать. а не только квадратикик вместо букв лицезреть.
0
aii
02 ноября 2017, 14:18
Может сменить саму концепцию комментирования?

Как это сделано, например в телеграмме: в цитату включается только последнее сообщение, на которое пишется ответ.

Пример:

0