Oleg Shuralev 5 years ago
parent
commit
d9768bce30
88 changed files with 23 additions and 15 deletions
  1. 1 0
      .env
  2. 22 15
      README.md
  3. 0 0
      mock/index.js
  4. 0 0
      mock/payload/brokerMetrics.json
  5. 0 0
      mock/payload/brokers.json
  6. 0 0
      mock/payload/clusters.json
  7. 0 0
      mock/payload/topicConfigs.json
  8. 0 0
      mock/payload/topicDetails.json
  9. 0 0
      mock/payload/topics.json
  10. 0 0
      package-lock.json
  11. 0 0
      package.json
  12. 0 0
      public/favicon.ico
  13. 0 0
      public/index.html
  14. 0 0
      public/manifest.json
  15. 0 0
      public/robots.txt
  16. 0 0
      src/components/App.scss
  17. 0 0
      src/components/App.tsx
  18. 0 0
      src/components/AppContainer.tsx
  19. 0 0
      src/components/Brokers/Brokers.tsx
  20. 0 0
      src/components/Brokers/BrokersContainer.ts
  21. 0 0
      src/components/Dashboard/ClustersWidget/ClusterWidget.tsx
  22. 0 0
      src/components/Dashboard/ClustersWidget/ClustersWidget.tsx
  23. 0 0
      src/components/Dashboard/ClustersWidget/ClustersWidgetContainer.ts
  24. 0 0
      src/components/Dashboard/Dashboard.tsx
  25. 0 0
      src/components/Nav/ClusterMenu.tsx
  26. 0 0
      src/components/Nav/Nav.tsx
  27. 0 0
      src/components/Nav/NavConatiner.ts
  28. 0 0
      src/components/Topics/Details/Details.tsx
  29. 0 0
      src/components/Topics/Details/DetailsContainer.ts
  30. 0 0
      src/components/Topics/Details/Messages/Messages.tsx
  31. 0 0
      src/components/Topics/Details/Messages/MessagesContainer.ts
  32. 0 0
      src/components/Topics/Details/Overview/Overview.tsx
  33. 0 0
      src/components/Topics/Details/Overview/OverviewContainer.ts
  34. 0 0
      src/components/Topics/Details/Settings/Settings.tsx
  35. 0 0
      src/components/Topics/Details/Settings/SettingsContainer.ts
  36. 0 0
      src/components/Topics/List/List.tsx
  37. 0 0
      src/components/Topics/List/ListContainer.ts
  38. 0 0
      src/components/Topics/List/ListItem.tsx
  39. 0 0
      src/components/Topics/New/New.tsx
  40. 0 0
      src/components/Topics/New/NewContainer.ts
  41. 0 0
      src/components/Topics/Topics.tsx
  42. 0 0
      src/components/Topics/TopicsContainer.ts
  43. 0 0
      src/components/common/Breadcrumb/Breadcrumb.tsx
  44. 0 0
      src/components/common/Dashboard/Indicator.tsx
  45. 0 0
      src/components/common/Dashboard/MetricsWrapper.tsx
  46. 0 0
      src/components/common/PageLoader/PageLoader.tsx
  47. 0 0
      src/index.tsx
  48. 0 0
      src/lib/api/brokers.ts
  49. 0 0
      src/lib/api/clusters.ts
  50. 0 0
      src/lib/api/index.ts
  51. 0 0
      src/lib/api/topics.ts
  52. 0 0
      src/lib/constants.ts
  53. 0 0
      src/lib/hooks/useInterval.ts
  54. 0 0
      src/lib/interfaces/broker.ts
  55. 0 0
      src/lib/interfaces/cluster.ts
  56. 0 0
      src/lib/interfaces/index.ts
  57. 0 0
      src/lib/interfaces/loader.ts
  58. 0 0
      src/lib/interfaces/topic.ts
  59. 0 0
      src/lib/paths.ts
  60. 0 0
      src/lib/utils/formatBytes.ts
  61. 0 0
      src/react-app-env.d.ts
  62. 0 0
      src/redux/reducers/actionType.ts
  63. 0 0
      src/redux/reducers/brokers/actionType.ts
  64. 0 0
      src/redux/reducers/brokers/actions.ts
  65. 0 0
      src/redux/reducers/brokers/reducer.ts
  66. 0 0
      src/redux/reducers/brokers/selectors.ts
  67. 0 0
      src/redux/reducers/brokers/thunks.ts
  68. 0 0
      src/redux/reducers/clusters/actionType.ts
  69. 0 0
      src/redux/reducers/clusters/actions.ts
  70. 0 0
      src/redux/reducers/clusters/reducer.ts
  71. 0 0
      src/redux/reducers/clusters/selectors.ts
  72. 0 0
      src/redux/reducers/clusters/thunks.ts
  73. 0 0
      src/redux/reducers/index.ts
  74. 0 0
      src/redux/reducers/loader/reducer.ts
  75. 0 0
      src/redux/reducers/loader/selectors.ts
  76. 0 0
      src/redux/reducers/topics/actionType.ts
  77. 0 0
      src/redux/reducers/topics/actions.ts
  78. 0 0
      src/redux/reducers/topics/reducer.ts
  79. 0 0
      src/redux/reducers/topics/selectors.ts
  80. 0 0
      src/redux/reducers/topics/thunks.ts
  81. 0 0
      src/redux/store/configureStore/dev.ts
  82. 0 0
      src/redux/store/configureStore/index.ts
  83. 0 0
      src/redux/store/configureStore/prod.ts
  84. 0 0
      src/serviceWorker.ts
  85. 0 0
      src/setupTests.ts
  86. 0 0
      src/theme/bulma_overrides.scss
  87. 0 0
      src/theme/index.scss
  88. 0 0
      tsconfig.json

+ 1 - 0
frontend/.env → .env

@@ -1 +1,2 @@
+# Kafka REST API
 REACT_APP_API_URL=http://localhost:3004

+ 22 - 15
README.md

@@ -1,31 +1,38 @@
-# kafka-ui
+# Kafka-UI
 UI for Apache Kafka management
 
-## Frontend
+## Table of contents
+- [Getting started](#getting-started)
+- [Links](#links)
 
-### Env variables
-Pls update `./frontend/.env` file
+## Getting started
+
+Install packages
+
+```
+npm install
+```
+
+Set correct URL to your API server in `.env`.
 
 ```
 # API url
-REACT_APP_API_URL=http://localhost:3004
+REACT_APP_API_URL=http://api.your-kafka-rest-api.com:3004
 ```
 
-### Start App
+Start JSON Server if you prefer to use default full fake REST API.
 
 ```
-cd ./frontend
-npm install
+npm run mock
+```
+
+Start application
 
+```
 npm start
 ```
 
 
-## API
+## Links
 
-```
-cd ./frontend
-npm install
-
-npm run dev
-```
+* [JSON Server] - Fake REST API(https://github.com/typicode/json-server)

+ 0 - 0
frontend/mock/index.js → mock/index.js


+ 0 - 0
frontend/mock/payload/brokerMetrics.json → mock/payload/brokerMetrics.json


+ 0 - 0
frontend/mock/payload/brokers.json → mock/payload/brokers.json


+ 0 - 0
frontend/mock/payload/clusters.json → mock/payload/clusters.json


+ 0 - 0
frontend/mock/payload/topicConfigs.json → mock/payload/topicConfigs.json


+ 0 - 0
frontend/mock/payload/topicDetails.json → mock/payload/topicDetails.json


+ 0 - 0
frontend/mock/payload/topics.json → mock/payload/topics.json


+ 0 - 0
frontend/package-lock.json → package-lock.json


+ 0 - 0
frontend/package.json → package.json


+ 0 - 0
frontend/public/favicon.ico → public/favicon.ico


+ 0 - 0
frontend/public/index.html → public/index.html


+ 0 - 0
frontend/public/manifest.json → public/manifest.json


+ 0 - 0
frontend/public/robots.txt → public/robots.txt


+ 0 - 0
frontend/src/components/App.scss → src/components/App.scss


+ 0 - 0
frontend/src/components/App.tsx → src/components/App.tsx


+ 0 - 0
frontend/src/components/AppContainer.tsx → src/components/AppContainer.tsx


+ 0 - 0
frontend/src/components/Brokers/Brokers.tsx → src/components/Brokers/Brokers.tsx


+ 0 - 0
frontend/src/components/Brokers/BrokersContainer.ts → src/components/Brokers/BrokersContainer.ts


+ 0 - 0
frontend/src/components/Dashboard/ClustersWidget/ClusterWidget.tsx → src/components/Dashboard/ClustersWidget/ClusterWidget.tsx


+ 0 - 0
frontend/src/components/Dashboard/ClustersWidget/ClustersWidget.tsx → src/components/Dashboard/ClustersWidget/ClustersWidget.tsx


+ 0 - 0
frontend/src/components/Dashboard/ClustersWidget/ClustersWidgetContainer.ts → src/components/Dashboard/ClustersWidget/ClustersWidgetContainer.ts


+ 0 - 0
frontend/src/components/Dashboard/Dashboard.tsx → src/components/Dashboard/Dashboard.tsx


+ 0 - 0
frontend/src/components/Nav/ClusterMenu.tsx → src/components/Nav/ClusterMenu.tsx


+ 0 - 0
frontend/src/components/Nav/Nav.tsx → src/components/Nav/Nav.tsx


+ 0 - 0
frontend/src/components/Nav/NavConatiner.ts → src/components/Nav/NavConatiner.ts


+ 0 - 0
frontend/src/components/Topics/Details/Details.tsx → src/components/Topics/Details/Details.tsx


+ 0 - 0
frontend/src/components/Topics/Details/DetailsContainer.ts → src/components/Topics/Details/DetailsContainer.ts


+ 0 - 0
frontend/src/components/Topics/Details/Messages/Messages.tsx → src/components/Topics/Details/Messages/Messages.tsx


+ 0 - 0
frontend/src/components/Topics/Details/Messages/MessagesContainer.ts → src/components/Topics/Details/Messages/MessagesContainer.ts


+ 0 - 0
frontend/src/components/Topics/Details/Overview/Overview.tsx → src/components/Topics/Details/Overview/Overview.tsx


+ 0 - 0
frontend/src/components/Topics/Details/Overview/OverviewContainer.ts → src/components/Topics/Details/Overview/OverviewContainer.ts


+ 0 - 0
frontend/src/components/Topics/Details/Settings/Settings.tsx → src/components/Topics/Details/Settings/Settings.tsx


+ 0 - 0
frontend/src/components/Topics/Details/Settings/SettingsContainer.ts → src/components/Topics/Details/Settings/SettingsContainer.ts


+ 0 - 0
frontend/src/components/Topics/List/List.tsx → src/components/Topics/List/List.tsx


+ 0 - 0
frontend/src/components/Topics/List/ListContainer.ts → src/components/Topics/List/ListContainer.ts


+ 0 - 0
frontend/src/components/Topics/List/ListItem.tsx → src/components/Topics/List/ListItem.tsx


+ 0 - 0
frontend/src/components/Topics/New/New.tsx → src/components/Topics/New/New.tsx


+ 0 - 0
frontend/src/components/Topics/New/NewContainer.ts → src/components/Topics/New/NewContainer.ts


+ 0 - 0
frontend/src/components/Topics/Topics.tsx → src/components/Topics/Topics.tsx


+ 0 - 0
frontend/src/components/Topics/TopicsContainer.ts → src/components/Topics/TopicsContainer.ts


+ 0 - 0
frontend/src/components/common/Breadcrumb/Breadcrumb.tsx → src/components/common/Breadcrumb/Breadcrumb.tsx


+ 0 - 0
frontend/src/components/common/Dashboard/Indicator.tsx → src/components/common/Dashboard/Indicator.tsx


+ 0 - 0
frontend/src/components/common/Dashboard/MetricsWrapper.tsx → src/components/common/Dashboard/MetricsWrapper.tsx


+ 0 - 0
frontend/src/components/common/PageLoader/PageLoader.tsx → src/components/common/PageLoader/PageLoader.tsx


+ 0 - 0
frontend/src/index.tsx → src/index.tsx


+ 0 - 0
frontend/src/lib/api/brokers.ts → src/lib/api/brokers.ts


+ 0 - 0
frontend/src/lib/api/clusters.ts → src/lib/api/clusters.ts


+ 0 - 0
frontend/src/lib/api/index.ts → src/lib/api/index.ts


+ 0 - 0
frontend/src/lib/api/topics.ts → src/lib/api/topics.ts


+ 0 - 0
frontend/src/lib/constants.ts → src/lib/constants.ts


+ 0 - 0
frontend/src/lib/hooks/useInterval.ts → src/lib/hooks/useInterval.ts


+ 0 - 0
frontend/src/lib/interfaces/broker.ts → src/lib/interfaces/broker.ts


+ 0 - 0
frontend/src/lib/interfaces/cluster.ts → src/lib/interfaces/cluster.ts


+ 0 - 0
frontend/src/lib/interfaces/index.ts → src/lib/interfaces/index.ts


+ 0 - 0
frontend/src/lib/interfaces/loader.ts → src/lib/interfaces/loader.ts


+ 0 - 0
frontend/src/lib/interfaces/topic.ts → src/lib/interfaces/topic.ts


+ 0 - 0
frontend/src/lib/paths.ts → src/lib/paths.ts


+ 0 - 0
frontend/src/lib/utils/formatBytes.ts → src/lib/utils/formatBytes.ts


+ 0 - 0
frontend/src/react-app-env.d.ts → src/react-app-env.d.ts


+ 0 - 0
frontend/src/redux/reducers/actionType.ts → src/redux/reducers/actionType.ts


+ 0 - 0
frontend/src/redux/reducers/brokers/actionType.ts → src/redux/reducers/brokers/actionType.ts


+ 0 - 0
frontend/src/redux/reducers/brokers/actions.ts → src/redux/reducers/brokers/actions.ts


+ 0 - 0
frontend/src/redux/reducers/brokers/reducer.ts → src/redux/reducers/brokers/reducer.ts


+ 0 - 0
frontend/src/redux/reducers/brokers/selectors.ts → src/redux/reducers/brokers/selectors.ts


+ 0 - 0
frontend/src/redux/reducers/brokers/thunks.ts → src/redux/reducers/brokers/thunks.ts


+ 0 - 0
frontend/src/redux/reducers/clusters/actionType.ts → src/redux/reducers/clusters/actionType.ts


+ 0 - 0
frontend/src/redux/reducers/clusters/actions.ts → src/redux/reducers/clusters/actions.ts


+ 0 - 0
frontend/src/redux/reducers/clusters/reducer.ts → src/redux/reducers/clusters/reducer.ts


+ 0 - 0
frontend/src/redux/reducers/clusters/selectors.ts → src/redux/reducers/clusters/selectors.ts


+ 0 - 0
frontend/src/redux/reducers/clusters/thunks.ts → src/redux/reducers/clusters/thunks.ts


+ 0 - 0
frontend/src/redux/reducers/index.ts → src/redux/reducers/index.ts


+ 0 - 0
frontend/src/redux/reducers/loader/reducer.ts → src/redux/reducers/loader/reducer.ts


+ 0 - 0
frontend/src/redux/reducers/loader/selectors.ts → src/redux/reducers/loader/selectors.ts


+ 0 - 0
frontend/src/redux/reducers/topics/actionType.ts → src/redux/reducers/topics/actionType.ts


+ 0 - 0
frontend/src/redux/reducers/topics/actions.ts → src/redux/reducers/topics/actions.ts


+ 0 - 0
frontend/src/redux/reducers/topics/reducer.ts → src/redux/reducers/topics/reducer.ts


+ 0 - 0
frontend/src/redux/reducers/topics/selectors.ts → src/redux/reducers/topics/selectors.ts


+ 0 - 0
frontend/src/redux/reducers/topics/thunks.ts → src/redux/reducers/topics/thunks.ts


+ 0 - 0
frontend/src/redux/store/configureStore/dev.ts → src/redux/store/configureStore/dev.ts


+ 0 - 0
frontend/src/redux/store/configureStore/index.ts → src/redux/store/configureStore/index.ts


+ 0 - 0
frontend/src/redux/store/configureStore/prod.ts → src/redux/store/configureStore/prod.ts


+ 0 - 0
frontend/src/serviceWorker.ts → src/serviceWorker.ts


+ 0 - 0
frontend/src/setupTests.ts → src/setupTests.ts


+ 0 - 0
frontend/src/theme/bulma_overrides.scss → src/theme/bulma_overrides.scss


+ 0 - 0
frontend/src/theme/index.scss → src/theme/index.scss


+ 0 - 0
frontend/tsconfig.json → tsconfig.json