Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve the UX on the issues page #166

Closed
fey opened this issue Jul 8, 2022 · 18 comments
Closed

Improve the UX on the issues page #166

fey opened this issue Jul 8, 2022 · 18 comments
Assignees
Labels
enhancement New feature or request frontend good first issue Good for newcomers help wanted Extra attention is needed

Comments

@fey
Copy link
Collaborator

fey commented Jul 8, 2022

Instead of grouping by projects and drop-down lists, make a table with filtering.
Make the tags of the repository itself, by language, by tags in issues
Link to https://friends.hexlet.io/issues

In this way you can immediately find the hash associated with a certain technology or a tag like "goodfirstissues". Some of the technologies (like bootstrap, js, etc.) are shared between several projects. (actually as a solution to use tags within the repo to indicate what is used in the project so that it is easier for newbies to find new tasks)

@acidmaksim acidmaksim added enhancement New feature or request help wanted Extra attention is needed good first issue Good for newcomers frontend labels Sep 12, 2022
@acidmaksim acidmaksim changed the title Улучшить UX на странице ишшусов Improve the UX on the issues page Sep 13, 2022
@zhabinka
Copy link
Contributor

@fey всё, теги реализованы. Посмотри, плиз, что из предложенного тобой сейчас актуально, и можно ещё делать.

@fey
Copy link
Collaborator Author

fey commented Sep 22, 2022

Смотри, щас все ишшусы группируются в разные выпадающие списки. Идея была сделать что-то типа таблицы, где ишшусы в куче, Есть фильтры по возможным тегам к ишшусам.
Т.е. с гитхаба брать теги ишшуса и все их складывать, чтобы потом фильтрануть ишшусы на hexlet-friends. Например выбрать goo first issue + javascript

@acidmaksim
Copy link
Contributor

Задача актуальна

@devdenh
Copy link
Contributor

devdenh commented Dec 1, 2022

беру в работу

@devdenh
Copy link
Contributor

devdenh commented Jan 9, 2023

освободил

@ya-pekatoros
Copy link
Contributor

Всем привет. Возьму задачу. Постараюсь оперативно.

@ssssank
Copy link
Contributor

ssssank commented Mar 31, 2023

Набросали примерный внешний вид страницы:
image
image

В первую очередь убрать группировку по проектам и вывод ссылок обычным списком, а сделать таблицу, как на странице с пул-реквестами, необходимые столбцы у таблицы:

  • Название
  • Репозиторий
  • Автор
  • Дата создания
  • Статус

Следующий шаг: разобраться в том, как получать нужные ишьюсы по лейблам, какое API гитхаба и как дергать, чтобы получить нужное. Для примера, можно сделать простой фильтр (radio btn) "Good first issue", чтобы выводить список из простых задачек.

И последним шагом добавить фильтры по группам лейблов. Скорее всего, группы будут такие:

  • Type
  • Priority
  • Technology
  • Difficulty
  • Scope

@fey
Copy link
Collaborator Author

fey commented Apr 6, 2023

Как это сделано на гитхабе - https://github.com/orgs/hexlet-rus/projects/2/views/2

image

@ya-pekatoros
Copy link
Contributor

#268

Предлагаю посмотреть эти вот мои наработки. Там есть баг, который я не смог починить.

Давайте объединим усилия и доведем до ума)

@SvetlanaAkaemova
Copy link
Contributor

SvetlanaAkaemova commented Jul 5, 2023

Беру задачу себе)

@ssssank
Copy link
Contributor

ssssank commented Jul 10, 2023

В #282 идёт работа по добавлению фильтра по статусу, как там будет готово, останется только сделать фильтр по лейблам и будет более-менее юзабельно

@SvetlanaAkaemova
Copy link
Contributor

У меня сейчас фильтр по good first issue, хотела ещё сделать фильтр по дате (не поняла, надо ли, но хотела). И по остальным у меня мультичойс. Подскажите, какой конкретно фильтр мне нужно тогда добавить, чтоб лишнее не делать?

@ssssank
Copy link
Contributor

ssssank commented Jul 10, 2023

Там добавляют фильтр по статусу открыт/закрыт, всё остальное при желании можете делать вы :)

@SvetlanaAkaemova
Copy link
Contributor

Вопрос. Сейчас вот колдую с лейблами. У меня как сейчас как на странице с репозиториями фильтруется по лейблам. Я делаю кнопку для good first issues. Есть ли смысл для нее, если этот лейбл тоже должен быть в шапке со всеми остальными?
И по остальным столбцам сделать как на странице репозиториев? Т.е. просто нажатием на столбец будет фильтроваться. Или же сделать отдельно окошки? Группы лейблов Type, Priority и т д. актуальны?

@ssssank
Copy link
Contributor

ssssank commented Jul 11, 2023

Если есть какой-то более-менее рабочий вариант, то уже стоить открыть ПР (можно в драфте) и задеплоить, чтобы мы могли посмотреть, как оно выглядит. Так будет проще отвечать на вопросы

Отдельная кнопка для good first issues имеет смысл, так как часто приходят новички и им здорово быстро увидеть простые ишьюсы

Группы лейблов актуальны

А вот про фильтрацию в столбцах не очень понятно

@SvetlanaAkaemova
Copy link
Contributor

SvetlanaAkaemova commented Jul 11, 2023

Фильтрация, думаю, неподходящее слово) Я имею в виду упорядочение в столбцах как на странице с репозиториями.
Столбцы как указано в обсуждении:
Название проблемы
Репозиторий
Автор
Дата создания
Статус

@ssssank
Copy link
Contributor

ssssank commented Jul 12, 2023

Таблица же уже есть: https://friends.hexlet.io/issues
Да, в неё сломана сортировка по клику на заголовок, если вы это имели в виду, то можно поправить

@SvetlanaAkaemova
Copy link
Contributor

Отправила ночью пуллреквест. Если какие фильтры не нужны, напишите пожалуйста, я исправлю.
Добавила галку для good_first_issue,
Группы лейблов- пока просто есть фильтр, но без самих групп.
Плюс есть два фильтра - по названию проблемы и названию репозитория.

@fey fey closed this as completed Mar 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request frontend good first issue Good for newcomers help wanted Extra attention is needed
Projects
Status: Done
Development

No branches or pull requests

7 participants