diff --git a/src/app/components/dashboard-statistics/dashboard-statistics.component.html b/src/app/components/dashboard-statistics/dashboard-statistics.component.html index 12e92e1088a4c2ca23c5013fbb799f1c49dbcb2e..2eaf5d29c6a3da10a2f7d0a86f36c5a1d465f9b8 100644 --- a/src/app/components/dashboard-statistics/dashboard-statistics.component.html +++ b/src/app/components/dashboard-statistics/dashboard-statistics.component.html @@ -1 +1,5 @@ + + + + <ngx-skeleton-loader count="10" /> diff --git a/src/app/interceptor/interceptor.ts b/src/app/interceptor/interceptor.ts index 2dfdedf6c4fbf82c4cc97a526eb7533b346baef7..1b55567610df484894bfb9a4cf91c7c5208f700b 100644 --- a/src/app/interceptor/interceptor.ts +++ b/src/app/interceptor/interceptor.ts @@ -1,6 +1,7 @@ import * as configurationList from './mocks/configurations.json'; import * as configuration1 from './mocks/configuration-1.json'; import * as configuration2 from './mocks/configuration-2.json'; +import * as dashboardStats from './mocks/dashboard-statistics.json'; export const urls = [ { @@ -15,4 +16,8 @@ export const urls = [ url: '/api/v1/configuration', json: configurationList, }, + { + url: '/api/v1/dashboard/statistics', + json: dashboardStats, + }, ]; diff --git a/src/app/interceptor/mocks/dashboard-statistics.json b/src/app/interceptor/mocks/dashboard-statistics.json new file mode 100644 index 0000000000000000000000000000000000000000..073d63b49b1eb6d14de3bcf5402c664b67b941d0 --- /dev/null +++ b/src/app/interceptor/mocks/dashboard-statistics.json @@ -0,0 +1,33 @@ +{ + "data": { + "id": "statistics", + "total_time": "01:05:30", + "protocols": [ + { + "name": "ETH", + "total-packets": 1234567, + "total-bytes": 123456789 + }, + { + "name": "TCP", + "total-packets": 321312, + "total-bytes": 32143245 + }, + { + "name": "IPv4", + "total-packets": 3333, + "total-bytes": 777 + }, + { + "name": "IPv6", + "total-packets": 0, + "total-bytes": 0 + } + ], + "information-rate": { + "min": 1.23, + "max": 123456, + "current": 123.45 + } + } +}