Доработки в Дашборд

Ищем для выполения текущей задачи и для выполения задач по проекту в будущем. 

Необходимо внести некоторые изменения в существующий дашборд (чтение/внесение/обновление значений в существующей базе данных).

Дашборд проекта визуализирует и управляет данными, которые берутся с базы данных PostgreSQL .

Необходимо создать новую страницу с 2 вкладками. На примере существующий вид вкладок выделен красным.

На каждой вкладке есть таблица и кнопка Скачать таблицу. 

Отображаемая таблица и скачиваемая отличаются.

Данные берутся из одной таблицы, разделение идет по значению (текстовому) в колонке.

Скачиваемая таблица включает в себя 7 колонок:

Дата (формат дд.мм.ггг)

Имя (текст)

Номер телефона (цифровой формат)

Номер пользователя (цифровой формат)

Количество в чеке (цифровой формат)

Проверенное количество (цифровой формат)

Ссылка на чек (кликабельный текст)

Сортировка в таблице от более старых к более новым.

Отображаемая таблица включает в себя 7 колонок:

Дата (формат дд.мм.ггг)

Имя (кликабельный текст) - ссылка на профиль пользователя в Дашборде по уникальному номеру. Такие ссылки уже реализованы в существующем Дашборде.

Номер телефона (цифровой формат)

Изображение - маленькое должно отображаться прям в таблице. При клике открывается pop-up с более крупным изображением. 

Количество в чеке (цифровой формат)

Проверенное количество (цифровой формат) - при нажатии на ячейку появляется pop-up. Пользователь вносит значение и нажимает кнопку Внести. Пример внизу. Функционал тоже реализован в существующем Дашборде.

Ссылка на чек (кликабельный текст)

Сортировка в таблице от более новых к более старым.

Используемые технологии:

Angular 8 - фронтенд; 

PostgreSQL - база данных; 

NestJS (Node.js) - серверная сторона; 

GraphQL - API язык запросов;

Websocket