Скрипт LivePanel комментариев бета v1.0.0

Я не специально искал момент для скрина
Я не специально искал момент для скрина

Заменяет дефолтную панель на "кастомку". Работает как для ванильного DTF, так и для редизайна.
Собственно из за редизайна и была создана.

Фичи скрипта по большей части созданы благодаря идеям @Риван Индифферентно, спасибо ему, однако.

Панель в редизайне.
Панель в редизайне.

Содержание:

Скриншоты:

Возможности:

  • Сворачивание панели нажатием на шапку "DTF Live". Пауза автообновления при этом не происходит (надо будет исправить, наверное)
  • Показ панели в подсайтах. В редизайне это исправили, а в ванили до сих пор этого нет
  • Ручное обновление
  • Настраиваемое автообновление - отключение, настройка таймера
  • Визуальный таймер автообновления
  • Курсор на панели приостанавливает автообновление если оно активно
  • Поддержка аватарок и их настройка - отключение, настройка размера
  • Поддержка вложений и их настройка - отключение, настройка размера
  • Настройка максимальной длины заголовков и текста комментариев
  • Активный скроллбар. На хромиумах выглядит красиво и ужимисто, на Firefox будет жирнее
  • Планируется...когда-нибудь Regexp фильтр для заголовков и текста комментариев.
    Пытался сделать подобное в другом скрипте, но т.к панель была на тот момент ванильной, ничего из этого не вышло

Патчлист:

  • -

Проблемы/Баги:

  • На Greasemonkey (Firefox) скрипт не сработает в виду того, что "стартер" скрипта не увидит готовность страницы. Используйте Violentmonkey/Tampermonkey
  • На Firefox анимация автообновления не работает, т.к Firefox не поддерживает CSS "@property". На самой функции автообновления это не сказывается
  • Пока что я не знаю как сделать переход по ссылкам SPA (одностраничный сайт, т.е DTF) - либо перезагрузка страницы, либо открытие в новой вкладке (в настройках). Если DTF как то сам определяет нажатие по ссылке и начинает переписывать страницу, то тут мои полномочия скорее всего всё, т.к я без понятия

Настройки:

JS

  • openInNewTab: true/false - открывать ссылки в новой вкладке/текущей. Если в текущей вкладке, то страница перезагрузится
  • autoUpdate: true/false - автообновление вкл/выкл
  • updateTimer: 10000 - таймер автообновления. Должен совпадать с таким же параметром в настройках CSS
  • showAttachments: true/fasle - показывать вложения вкл/выкл
  • showAvatars: true - показывать автарки вкл/выкл
  • maxText: 150 - максимальная длина текста
  • maxTitle: 80 - максимальная длина заголовков

CSS

  • panelWidth: ?px - ширина панели
  • avatarSize: ?px - размер аватарок
  • titleSize: ?px - размер заголовков
  • textSize: ?px - размер текста
  • attachmentSize: ?% - размер вложений
  • scroll: ?px - ширина скролла (Chrome)
  • updateTimer: 10000 - таймер автообновления. Должен совпадать с таким же параметром в настройках JS

Требования:

Скрипты:

  • DTF Script Loader - GitHub. В идеале, он должен стоять выше (в списке вашего менеджера скриптов) всех остальных скриптов, что его используют

Ссылки на скрипт:

Послесловие:

Мой первый скрипт для редизайна....ура ура ура.

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

1K1K показов
128128 открытий
4 комментария

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

Ответить

Чисто случайно вышло. Когда копался в редизайне, выискивая способ для понимания когда страница обновилась, увидел в консоли запрос в апи...и это был live список комментариев.

Не ожидал что он есть, копался в документации и проглядел. В итоге. спустя ~5 дней панелька оказалась готова.
Слишком шустро в редизайне комментарии несутся, вот и подумал раз знаю что апи может выдать kive список, почему бы и не сделать панель.

Единственный минус - пока не разобрался как сделать, чтобы тык по ссылкам не перезагружал страницу. Гугл в этом плане молчит насчёт SPA.
Пока что либо перезагрузка, либо открыть в новой вкладке.

Ответить

Курсор на панели приостанавливает автообновление если оно активноГода три уже то и дело то в комментах, то в @Улучшаем DTF , то сам упоминаю это, но этого всё нет, хотя фича по UI которая лежит на поверхности просто, ну вот нельзя делать так, чтобы лента, которая постоянно обновляется, менялась под курсором пользователя — это просто преступление против здравого смысла, но нет, комитет этого не видит, не замечает и не понимает упорно, даже в редизайне не реализовали нихуя.

Ответить

Ура, я в телевизоре

Ответить