При работе с Youtrack возникла проблема с тем, что на странице Dashboard кроме списка задач показывалась ещё дополнительная информация по задаче.

Было принято решение написать Google Chrome расширение, которое бы внедряло свой JS код на страницу и выводило дополнительную информацию о задаче на страницу.

Информацию о задаче, как оказалось, можно было взять через YouTrack REST API Reference.

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

• Время последнего изменения задачи.
• Имя человека, который последний оставлял комментарий к задаче.
• Статус задачи.
• Количество комментариев.

В результате работы скрипта список задач изменился с такого:

На такой:

Что в итоге было сделано:

1. Показывает время последнего изменения задачи. Визуально время отличается, чем ярче цвет текста, тем свежее задача, то есть в конце списка задачи с очень бледным текстом. Визуально помогает определить актуальные задачи.
2. Дальше показывает статус задачи, цвет фона устанавливает сами JetBrains, я просто беру первый символ статуса и вывожу его в этом блоке.
3. Потом идут инициалы автора последнего комментария. Градиент генерируется автомитечески в зависимости от инициалов, то есть для каждого пользователя будет свой градиент, что смотриться красиво как по мне.
4. Ну и в конце показывается количество комментариев к этой задаче.

Спустя пару дней использований появилась необходимость выводить ещё последние комментарии прямо на странице Dashboard не переходя на задачу, чтобы к примеру просто вспомнить о чем речь была или к чему в итоге пришли с выводом.

Комментарии забирались так же через REST, выводились под задачей дополнительным блоком, по умолчанию блок был скрыт, при нажатии отображались комментарии:

Ну и последним что было сделано - это обновление информации на дашборде по кнопке, для этого была добавлена кнопка Refresh и так же повешены скрипты на обновления каждого виджета отдельно, в итоге получилось следующее:

Расширение делалось для своего удобства и своих целей, но всё же решил добавить его в Chrome Web Store для удобства:

Ссылка на расширение

Категория: JavaScript

Теги: Youtrack , Chrome extension