New contributor table

[ikhanter]

Add Summary table for check and compare statistics

[ikhanter]

@fey Сделал табличку с краткой статистикой по issue#325 .
Задеплоенный вариант здесь: https://new-table.onrender.com/contributors/fey
Со скрипом, возможно, через Африку написано, но работает стабильно :)

[fey]

@ikhanter давайте как сделаем - если пользователь залогинен, то отображаем кнопку "Compare" (сравнить)
дальше открывается отдельная страница (надо подумать какой будет урл) и на ней будем видеть различия себя с этим пользователем.

[fey]

У вас есть доступ к Хекслетовским курсам? можно глянуть по визуализациям, как лучше для чего подходят https://ru.hexlet.io/courses/analytics-in-business

[fey]

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

[ikhanter]

@fey Сделал, но с рендера авторизоваться не получается, так как authтокены, видимо, не проставил. И согласно DEPLOYMENT.md их для самого веб-сервиса не нужно проставлять, только для заполнения БД в локальном окружении. Прилагаю скринами.

На странице, если пользователь авторизован:

Сама новая страница:

Фильтр по периоду времени работает.

[ikhanter]

Или имелось ввиду сделать в виде графиков? Увы, я пока не силен в matplotlib, а за референс брал уведомление о завершении какого-то конкретного курса, как оформлены баллы и прочее. Могу попробовать в виде столбчатой диаграммы оформить, но она уже как будто реализована и так, в том числе и в виде сравнения, просто на js

[fey]

Не, графики можно не делать.
Вот на последнем скрине - давайте сделаем не виде строк сравнения, а в виде таблицы. Когда мы сравниваем товар в магазине (например в днс) мы смотрим по строчно по каждому пункту.

[ikhanter]

@fey Сделал. Скрин:

[fey]

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

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

[ikhanter]

@fey Изменил:

[fey]

Отлично, теперь давайте добавим немного красоты.

Сейчас у нас есть селект с периодом. Но он не очень симпотный. Во первых там должны быть какие-то значения. Думаю если мы выбираем период, то должен быть период, например месяц, а не просто прочерк. Если за все время, то так и написано.
Мы можем сделать такую же систему, как в рейтинге Хекслета

то есть через симпотичные вкладки. неделя/месяц/за все время

Вот тут можно табсы посмотреть
https://getbootstrap.com/docs/5.0/components/navs-tabs/#tabs-with-dropdowns

По сути у нас каждая вкладка будет своей страницей. Будет немного дублирования, но это нормально.
Либо делаем пока простой вариант - удаляем периоды, оставляем только сравнение по дефолту за все время. А периоды потом добавим в след пулл реквесте.

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

[ikhanter]

@fey Поправил, в том числе с замечаниями выше, все работает:
https://hf-test.onrender.com/

[ola-9]

@sgmdlt глянь, пжлста

[fey]

визуально ок. Поправьте онфликты в файлике и скидывайте на ревью

[ikhanter]

@fey Сделал

[fey]

Так, а давайте еще тест добавим на новую страничку.

[ikhanter]

@fey Добавил тест, он проходится, но параллельно падает ошибка, не влияющая на прохождение теста (как и с типами данных даты в тестах, написанных до меня): requests.exceptions.HTTPError: 404 Client Error: Not Found for url: https://api.github.com/users/mintough57 . Я по поводу нее уже писал в других ветках и телеграме, так как не знаю, как от нее избавиться, но она не влияет на прохождение теста

[fey]

@sgmdlt посмотри, пожалуйста код, если ок мержи.

[fey]

@ikhanter Иван пока в отпуске, можно другие задачки поделать

[sgmdlt]

Возможно нужно еще добавить перевод страницы

[ikhanter]

@sgmdlt @fey Добавил перевод страницы