Bell-air's Biathlon-Suite

настройка отображения комментариев сайта biathlon.com.ua

Данный набор компонентов позволяет:

Использование набора никак не влияет на содержимое сайта, а лишь изменяет отображение комментариев в браузере.
Использовать можно как весь набор, так и отдельные его компоненты, по желанию настраивая удобный вид.
Можно быстро отключать как весь набор, так и отдельные компоненты (потому установить можно все).
Некоторые компоненты требуют настроить спискок имен или слов.
Цвета фона и маркировки можно заменять индивидуально на любые.
Ниже описания, скриншоты, инструкции по установке и настройке.

Содержание:

Предисловие

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

Через год эта просьба прозвучала снова.

Обычно такое нужно в период сезонных генеральных срачей по поводу рф, допинга, стартовых составов, ТШ, кого на КИБУ,
почему в Канаду, где Бурдыга и т.д.
Время идет, посетителей все больше, лента комментариев разрастается до неприличия. Это все хорошо, для того и сайт,
но иногда хочется покоя и уюта :) Особенно пользователям со стажем.

Попадаются иногда пользователи, ничего, кроме раздражения (конкретно у меня) не вызывающие. Вроде и правила не нарушают,
но пользы от них ноль, одно беспокойство и назойливость :) Я лично хотел бы их не замечать. Не спорить, не конфликтовать
и не расстраиваться от их наличия в этой вселенной :)

А есть пользователи, почти всегда выдающие нужную, полезную или просто интересную информацию. Или ценное мнение.
Но вот беда, редко пишут. Отметить бы их сообщения каким-нибудь цветом, чтобы без труда находить в длинной ленте.

Что характерно, для разных людей эти две группы могут быть взаимно исключающими. Но сайт-то общий для всех.

Плюс, как-то выделить свои сообщения, чтобы быстрее ориентироваться, на что был ответ, если он без цитаты.
Или посты админов, чтобы знать, кого бояться :)

То есть, функции полезные, но для единиц пользователей, активно читающих сайт. Флудеры налетели - и улетели, а мы тут страдай! :)

Но понимаю админов. Оно вроде и не сложно, на первый взгляд. Завести кучу настроек в профилях, хранить их в базе, доставать,
применять к каждой странице. А в период сильной нагрузки на сайт каждая такая "свистелка-перделка" еще нагрузки добавит.

Потому решил не ждать милостей у природы, а сделать сам. Кстати, работы оказалось всего-ничего. Самое долгое написать вот эту инструкцию,
объясняющую что и как делать. А самими скриптами пользуюсь уже несколько дней и не могу нарадоваться :)

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

Все настройки индивидуальны.
Кому-то все это не нужно.
Кто-то вообще не понимает о чем речь.
Я делал для себя, многое оказалось очень полезно. Что-то не очень, делал в азарте, имея час та натхнення.
Если кому-то, кроме меня, пригодится - пользуйтесь, на здоровье.

Технически все достаточно просто, управляется в несколько кликов. Для пользователей, уже освоивших три версии сивидаты,
меняющих заголовки для настройки норвежского ТВ, висящих в чате и комментах и просматривающих трансляции в нескольких вариантах -
ничего сложного в этой инструкции встретиться не должно :)

Все вопросы, предложения и новые идеи можно высказать в теме обсуждения ЗДЕСЬ

 

Установка дополнения Greasemonkey или Tampermonkey

к содержанию

Для работы компонентов требуется установка дополнения Greasemonkey или Tampermonkey.

Greasemonkey имеет более чем 10-летнюю историю. Это дополнение позволяет пользователю добавлять свои сценарии JavaScript
к любой странице в Интернет, слегка или кардинально меняя поведение и отображение сайтов.

Само дополнение безопасно, опасность представляет установка пользовательских скриптов из непроверенных источников.
Устанавливая большой скрипт неизвестного автора можно получить непредсказуемое поведение, скрытую активность, кражу личных данных,
паролей и т.д. Потому, если не знаете JavaScript в достаточной степени, чтобы проанализировать код на предмет скрытых угроз,
просто не устанавливайте скрипты из незнакомых источников.

Данный набор состоит из коротких простых сценариев.
Функции простые, всего несколько строк кода.
При сомнении их код можно просмотреть самому, можно отправить на аудит знакомому программисту или веб-мастеру.
Ссылки на код приведены в описании каждого компонента.

Сайт Greasemonkey - https://www.greasespot.net/

Страница загрузки дополнения Greasemonkey для Firefox - https://addons.mozilla.org/ru/firefox/addon/greasemonkey/

Для браузеров на базе Blink и WebKit, таких как Chrome, Microsoft Edge, Safari, Opera Next и Firefox есть аналогичное (и даже
более продвинутое) дополнение Tampermonkey - http://tampermonkey.net/
Настройка и использование Tampermonkey подробно расписаны на их сайте.
Все компоненты набора Biathlon-Suite прекрасно работают и в нем.

После того, как Greasemonkey установлено, в панели добавится обезьянка:

Кликом по обезьянке открывается меню, в котором можно отключать все дополнение.

Там же видны установленные скрипты (наши компоненты).
Бледным показаны неактивные (отключенные) компоненты.
Кликом на компоненте можно включать-отключать, редактировать и удалять отдельные компоненты.
Сначала установленные скрипты отсутствуют.
Кликнув ссылку "Установить компонент" в описании для каждого компонента, можно установить те компоненты, функция которых нужна.

Некоторые компоненты нужно редактировать, внося изменения в списки имен или слов, а также изменять цвета фона или маркировки.
Некоторые компоненты в настройке не нуждаются и работают сразу.
В описаниях компонентов ниже это описано.

MyCalls - маркировать зеленым обращения ко мне "2 myname"

Установить компонент к содержанию

Скриншот:

Настроек не требуется, работает сразу.

Исторически, это был первый написанный компонент. Идея висела в воздухе (в чате).
Решил ее перенести на все комментарии. В перерыве между гонок в Шушене написал. Понравилось, предложил MrVisual и в тот же день это заработало на сайте (спасибо).
Вроде бы людям понравилось, плохих отзывов не слышал :)

В принципе, любой из перечисленных ниже компонентов, если понравится, в будущем может быть использован в механизме сайта. Но это лишняя морока админам,
а пользоваться будут далеко не все. А те, кому нужно, могут пользоваться всеми компонентами уже сейчас.

Так, как на сайте этот функционал уже работает, устанавливать этот компонент необязательно. Разве что, не нравится цвет маркера и хотите сменить его на свой.
Тогда используйте этот компонент и измените цвет маркера.

 

MyPosts - отмечать зеленым фоном свои сообщения в ленте

Установить компонент к содержанию

Скриншот:

Настроек не требуется, работает сразу.

Цвет, если не нравится, можно заменить на любой (девочкам - розовый, мальчикам черный :).

 

MyPrivateMessages - сигнализировать о приходе личных сообщений

Установить компонент к содержанию

Скриншот:

Настроек не требуется, работает сразу.

Идея пришла в момент, когда с опозданием заметил чье-то сообщение. Совсем незаметно, когда нолик возле профиля сменится единичкой.
Решил это исправить.

При приходе личного сообщения, меняется цвет фона сайта на желтый. И загорается желтая звезда в углу слева. Незамеченным точно не будет :)
Кликом по этой звезде можно попасть на страницу личных сообщений.
После прочтения непрочитанных сообщений вид сайта возвращается к нормальному.

Цвет фона, если не нравится, можно заменить на любой
Размер желтой звезды можно изменить, скорректировав цифры в тексте кода компонента width="200" height="200" на большие или меньшие значения.

 

BigPM - Увеличить поле просмотра личных сообщений

Установить компонент к содержанию

Скриншот:


Настроек не требуется, работает сразу.

Позволяет увеличить высоту окна с перепиской в личных сообщениях.
Иначе, при большой переписке тяжело скопировать нужное сообщение, мешает периодическое обновление окна.
Высоту окна можно изменить, скорректировав цифру в тексте кода компонента style.height="1000px" на большие или меньшие значения.
UPD: Добавил кнопку "Stop Refresh - Зупинити оновлення" на странице. Когда лента длинная, прокрутка появляется все равно (правда позже).
Если нажать кнопку, то обновление ленты прекратится и прокрутить можно на любую часть и читать-копировать спокойно.

 

AddTwitter - добавлять Твиттер-ленту на сайт

Установить компонент к содержанию

Скриншот:

Настроек не требуется, работает сразу.

Пришлось сделать, когда новые админы убрали ленту.

 

LiveTotals - добавлять актуальные рейтинги КМ на сайт

Установить компонент к содержанию

Скриншот:

Настроек не требуется, работает сразу.

Выводит на странице живые (актуальные) рейтинги тотала КМ для женщин и мужчин,
обновляемые синхронно с сайтом Международного Союза Биатлонистов (IBU)
Пришлось сделать, так как информация не обновляется, а цифра 666 у Кайсы выглядит слишком зловеще.
Пока только в англоязычном варианте.

 

NewUsers - показать список последних регистраций

Установить компонент к содержанию

Скриншот:

Настроек не требуется, работает сразу.

Выводит слева под списком телетрансляций информацию о новых регистрациях.

 

Admin - отмечать розовым фоном сообщения админов

Установить компонент к содержанию

Скриншот:

Настроек не требуется, работает сразу.

Но, при желании, в списов админов можно добавить еще имена каких-нибудь особенно важных пользователей :) Для этого нужно
отредактировать список, добавив в него нужные имена. Сами админы могут использовать этот компонент для выделения постов
наиболее сомнительных персонажей, за которыми нужно следить и вовремя банить :)

Цвет, если не нравится, можно заменить на любой.

 

GoldList - отмечать желтым фоном сообщения пользователей из "золотого списка"

Установить компонент к содержанию

Скриншот:

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

Цвет, если не нравится, можно заменить на любой.

 

BlackList - удалять комментарии пользователей из "черного списка"

Установить компонент к содержанию

Скриншот:

Если присмотреться, то заметно, что сообщение № 322 отсутствует. Так это и работает. Сообщения от пользователей, которых Вы внесли в "черный список",
просто не выводятся на странице. Если спаммер был очень активен, или их несколько, то количество комментариев может сильно уменьшиться :)
Также, слишком длинный список может привести к такой ситуации.

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

Есть более мягкая версия этого компонента - BlackList_spoiler, которая не удаляет сообщения, а прячет их за спойлер.

Есть более жесткая версия этого компонента - SuperBlackList, которая удаляет не только сообщения пользователя, но и все ответы на него от других
пользователей, которые содержат обращение вида "2 user". Тогда горячего конфликта можно вообще не заметить :)

У всех компонентов свои независимые списки, поэтому можно их использовать параллельно, применяя к разным пользователям разные действия.

 

BlackList_spoiler - скрывать за спойлер комментарии пользователей из "черного списка"

Установить компонент к содержанию

Скриншот:

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

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

 

SuperBlackList - удалять комментарии пользователей из "черного списка" и ответы таким пользователям (содержащие "2 user")

Установить компонент к содержанию

Скриншот:

Видно, что со страницы исчезли сообщения № 322, 323 и 324. Это было сообщение спаммера и ответы на него.
А Вы спокойно читаете нормальные обсуждения, не ввязываясь в ненужную перепалку :)

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

 

SuperBlackList_spoiler - скрывать за спойлер комментарии пользователей из "черного списка" и ответы таким пользователям (содержащие "2 user")

Установить компонент к содержанию

Скриншот:

Видно, что сообщение пользователя из черного списка, а также два ответа на него, заменены спойлерами. На спойлерах указана причина
скрытия - в данном случае имя "жуков" или "post 2 жуков".
Одно из сообщений от админа, потому спойлер розовый (при включеном компоненте Admin).
При клике мышкой по спойлеру можно прочесть сообщение.

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

 

MarkWords - маркировать желтым слова в тексте на основе списка слов

Установить компонент к содержанию

Скриншот:

Видно, что слово "Брынзак" помечено желтым маркером. Можно следить за любимыми спортсменами, используя часть их фамилии.
Или модное нынче слово "допинг" раскрасит все страницы веселыми красками :)
Можно пользоваться для быстрого поиска нужной информации, временно внеся слово или часть фразы в список.

Для работы компонента нужно отредактировать список маркируемых слов, добавив в него нужные слова, части слов или фразы.

Цвет маркера, если не нравится, можно заменить на любой.

 

StopWords - удалять сообщения, содержащие слова из "списка СТОП-слов"

Установить компонент к содержанию

Скриншот: не имеет смысла. Просто удаляются все сообщения, содержащие слово или фразу из списка СТОП-слов.

Есть более мягкая версия этого компонента - StopWords_spoiler, которая не удаляет сообщения, а прячет их за спойлер.

Для работы компонента нужно отредактировать список СТОП-слов, добавив в него нужные слова, части слов или фразы.

 

StopWords_spoiler - скрывать за спойлер сообщения, содержащие слова из "списка СТОП-слов"

Установить компонент к содержанию

Скриншот:

Видно, что два сообщения заменены спойлерами. На спойлере указана причина скрытия - в данном случае это 5 смайлов подряд (или более).
Розовый спойлер - это админ процитировал нужное место, назвав это истерикой :)
Соглашусь. А еще, видя такое "веселье", я представляю, что с другой стороны экрана на меня смотрит Губерниев :) В бан его!
Но это личные предпочтения, при составлении списка креатив приветствуется.

Для работы компонента нужно отредактировать список СТОП-слов, добавив в него нужные слова, части слов или фразы.

 

Изменение цвета фона или маркировки

к содержанию

Сначала определитесь, какой нужен цвет или оттенок. Для указания компоненту нам нужно 16-ричное представление этого цвета
в виде символа # и шести символов.

Например:

#000000 - черный
#ffffff - белый
#ff0000 - красный

В Интернете есть примерно миллион мест, где этот код можно получить.
Хороший список - https://www.google.com.ua/search?q=web+color+picker - прямо на странице выдает удобный инструмент.

Скриншот:

Подбираем нужный оттенок и копируем его код.
Теперь, имея код нужного цвета, открываем на редактирование компонент. В тексте кода ищем символ # (можно нажать Ctrl+F для поиска).
Например для компонента Admin в одной из строк есть фрагмент background-color:#FFDDDD;
Это назначение розового цвета фона комментариям админов.
Меняем 16-ричный код розового цвета (#FFDDDD) на свой, скопированный ранее при подборе цвета.
Сохраняем изменения нажатием клавиш Ctrl+S
Обновляем страницу любимого сайта, чтобы увидеть изменения :)

 

Настройка списков

к содержанию

Открываем для редактирования нужный компонент. Структура списка во всех компонентах одинакова.
Дальше смотрим на примере компонента StopWords_spoiler
Его код:

Сам список - это строки, заключенные можду строками:

/////// НАСТРОЙКА СПИСКА СТОП СЛОВ - полные слова

и

/////// НАСТРОЙКА СПИСКА СТОП СЛОВ - конец.

Они отмечены красными точками слева на скриншоте.
Можно добавлять новые строки.
Содержимое элемента списка (слово, фраза или имя пользователя) вставляется между двойных кавычек.
Если в самом слове или имени встречается двойная кавычка (ну вдруг), перед ней нужно поставить символ обратного слеша (\)
Все строки, кроме последней, заканчиваются запятой. Последний элемент списка БЕЗ ЗАПЯТОЙ.
Быстро исключить какие-то элементы списка можно поставив в начале строки символ комментария - двойной слеш (//)
Последний элемент списка комментировать нельзя.

Об именах пользователей. Копировать нужно точное имя. Без населенного пункта, пробелов в начале и конце, номера сообщения и т.д.
Сложность в том, что у некоторых пользователей город входит в имя, например Веталь (Полтава) или Alex (Запорожье).
Потому, чтобы правильно скопировать точное имя, нужно кликнуть на него.
При этом в поле сообщения появится нужное имя с приставкой "2 ".
Вот все это имя, что добавилось в поле, без приставки "2 " и нужно скопировать для добавления в список.

Со словами проще. Но тоже есть хитрость.
Например, чтобы удалить все упоминания о Коукаловой (просто пример) нужно указать слово "Коукалов"
Тогда в фильтр попадут Коукалова, Коукалову, Коукаловой и т.д.

Сохраните изменения, нажатием Ctrl+S
Проверьте работу, обновив нужную страницу сайта, на которой встречается ключевое слово или имя.

Если все вообще перестало работать, возможна ошибка синтаксиса (пропущенные или лишние запятые, кавычки и т.д.).
В редакторе работает пошаговая отмена изменений (комбинация Ctrl+Z).
Вернитесь на несколько шагов, снова сохраните изменения и проверьте работу.
В совсем запущенном случае можно удалить испорченный компонент и поставить его заново по ссылке с этой страницы.

В целом, при составлении списков, нужно использовать здравый смысл. А то легко забанить весь мир :)

Удачи в создании новой реальности!

 

(c) Bell-air 2017 :)