Разработать приложение, в котором будут отображаться данные за период. Приложение состоит из: 1. Экран отображения данных (фильтруемая таблица) 2. Экран отчета (график количества записей по дням) Переход между экранами в верхнем меню страницы. Заголовок текущей страницы в верхней части экрана (на следующей строке меню). Экран отображения данных: 1. Фильтры таблицы располагаются в шапке таблицы a. Фильтр «отчетного периода» – календарь с интервалом дат b. Фильтр «точки продажи» – ручной ввод c. Фильтр «агент» - список значений, запрашиваемых с сервера. d. Фильтр «источник данных» - список значений, которые можно выбрать из выпадающего списка. 2. Фильтр применяется при изменении значения фильтра. Если значение не изменилось, то фильтр не применяется. 3. Под фильтром таблица, которая отображает данные, полученные посредством http запроса (файл поместить в assets и запрашивать его). 4. Колонки таблицы должны иметь русскоязычные заголовки, должна быть возможность изменять ширину колонок и их расположение. Требуются колонки: a. Дата отчета (dateAccIn) - дата b. ID отчета (ID) - целочисленный c. Валюта (currency. Code) - текст d. Агент (agent. Code) - текст e. Точка продажи (pointOfSale. Code) - текст f. Источник данных (dts. Code) - текст g. Сторно (storno) – да/нет 5. Наименование колонок можно изменять без изменения кода приложения (метаданные). Экран отчета (график количества продаж по дням): 1. Наименование отчета: «Отчеты за день» 2. Ось X – дата 3. Ось Y – количество отчетов за дату (dateAccIn) 4. Иметь возможность изменять интервал дат графика.
Для выполнения задания необходимо использовать компоненты библиотеки PrimeNG https://primeng.org/
Сделано на ангуляр 19.2
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.