Commit graph

48 commits

Author SHA1 Message Date
Oleg Shur
8d3f098385
Use back link instead of breadcrumbs (#2430)
* Use back link instead of breadcrumbs

* Unify topic pages

* Unify topic page actions

* fix

* Remove unused test
2022-08-15 14:08:10 +03:00
MichaelGonzalezMurillo
24243e36ac
Fix validation message for Topic name field (#2425)
* Fixes #2203

* Fixes #2203 adding unit tests
2022-08-12 15:21:15 +04:00
Oleg Shur
8f0ffe665c
Refactor topics (#2386) 2022-08-05 00:25:50 +03:00
Smbat Siradeghyan
819ae60e6b
Fix default properties' values propagation upon topic edit (#2205)
* fix topic  edit form

* remove unused import

* add test for topicParamsTransformer

* add tests for topicParamsTransformer

* try to fix tests topicParamsTransformer

* try to fix tests topicParamsTransformer

* try to fix tests topicParamsTransformer

* fix tests for topicParamsTransformer

* try to fix tests topicParamsTransformer

* try to fix tests topicParamsTransformer

* try to fix tests topicParamsTransformer

* try to fix tests topicParamsTransformer

* fix review comments

* fix tests name

* fix tests name

* remove default value from getValue function

* fix tests names

* fix topic create page

* remove unused import

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-08-01 21:17:08 +04:00
Oleg Shur
96b00785b5
Upgrade redux (#2299)
* got rid of redux-thunk

* Bump redux

* Bump ace. Got rid of node-fetch

* Fix vite config
2022-07-19 16:18:28 +03:00
Robert Azizbekyan
7845476af1
fixing forms not no be able to submit until all required fields are f… (#2221)
* fixing forms not no be able to submit until all required fields are filled

* fixing topic form validation issue
2022-07-18 17:08:32 +04:00
Robert Azizbekyan
002e4db355
fixing create topic (#2275) 2022-07-18 14:57:28 +04:00
Oleg Shur
9af6b0032b
Kafka Connect with React-Query (#2258)
* Kafka Connect hooks

* Migrate connectors list page to RQ

* Migrate connector details page overview to RQ

* Migrate connector config page to RQ

* Migrate connector tasks page to RQ

* Get rid of some deadcode

* Migrate connector Actions page to RQ

* Get rid of some deadcode

* Migrate connector create page to RQ

* Migrate connector Edit page to RQ

* move fixtures to lib folder

* refactoring
2022-07-18 13:06:55 +03:00
Robert Azizbekyan
a211c41207
adding AsyncRequestStatus enum to avoid possible gramatical issues (#2093) 2022-06-02 13:33:13 +04:00
Oleg Shur
a90aa52af5
Pkg update (#2063)
* Get Rid of react-router + minor updates

* jest update

* upgrade use-debounce & dayjs versions

* Refactor specs to reduce number of warnings
2022-05-31 14:49:47 +03:00
Mgrdich
71ac16357b
react router migration (#2045)
* remove withRouter HOC from FiltersContainer

* remove withRouter HOC from Topics DetailsContainer

* remove withRouter HOC from Topics TopicsConsumerGroupsContainer

* withRouter HOC from Topics TopicsConsumerGroupsContainer

* minor code refactor in the Details spec

* Routes code modifications to refactor strings representation to functions

* Settings and TopicsConsumer removal of HOC with Router

* Remove withRouter HOC from Overview file

* Remove withRouter HOC from Edit file

* replace Router path with functions instead of strings

* delete CustomParamsContainer and use the simple component in the TopicForm

* remove HOC from DangerZone container

* Remove withRouter HOC from Connect pages like Config , Overview , Tasks

* Remove withRouter HOC from Connect pages like Actions, Details, Edit, New

* Refactor Kafka Connect Codes

* Refactor Topics pages

* Remove HOC from Diff component and minor code refactor

* Route component migration into children instead of renderProps or component param in App Component

* Route component migration into children instead of renderProps or component param in Cluster Component

* Route component migration into children instead of renderProps or component param in Topics Component

* Route component migration into children instead of renderProps or component param in Topic Component

* Route component migration into children instead of renderProps or component param in Topic Component

* minor bug fix in the Overview selector spread

* change Router from component Render to child render
in ConsumerGroups page

* change Router from component Render to child render
in Schemas page

* change Router from component Render to child render
in KsqlDb page

* change Router from component Render to child render
in Connect page

* change Router from component Render to child render
in Connect Details page

* Overview Details styling code modifications

* All written path to paths with functions

* Route Parameters code fix with functions and params with variables

* Updating BreadCrumb Route

* Refactor Redirects

* WIP React Router v6 migration

* Remove unused imports from the file

* Make KsqlDb pages work with relative Routes

* WIP Make Connect pages work and fix the Schema page testing problem

* transforming consumer groups into relative path router

* Transform Topics pages into relative routes

* Transform Topic pages into relative routes

* Minor changes in Connect and KsqlDb test suites relative routes

* Minor changes in Connect and KsqlDb test suites relative routes

* change the Details into relative Routes

* Topics List naviagtion and caching issue fixed in tests suites

* Topic New Naviagation issue fix + tests suites

* Details navigate migrating into relative paths

* Send Message Submit Naviagttion with tests suites

* Topic Edit pages with working routes navigation

* Topic Details and ResetOffsets Pages tests suites and navigations

* Messages Table Tests suites

* BreadCrumbs Routes fixes

* ClusterMenu and Links styling minor code modifications

* ClusterMenu and Links styling minor code modifications

* Minor Code modifications

* Fix Lintter Problems

* fix Code Smells

* create custom useParams hook

* Adding Path tests

* minor code refactors

* Fix the Button Component redundant Props + transforming routes to relative

* Fix linter issues
2022-05-31 12:33:15 +03:00
Robert Azizbekyan
2a51f0ee14
fixing form error message issue (#2047) 2022-05-31 13:32:41 +04:00
Robert Azizbekyan
6d8c6cace0
Refactoring Topics reducer into redux toolkit (#1939)
* WIP: creating topicSlice

* reformating reducer into toolkit slice and fixed tests

* removing unnecessary lines

* removing dismiss alert action and tests for actions

* removing unnecessary code

* adding tests for selectors

* adding test case for new topics

* adding test cases for topic reducer when fulfilled

* removing unnecessary code

* adding test cases for asyncthunks to increase coverage

* adding new test cases to cover topicSlice

* adding clear messsages fulfilled test case

* removing unnecessary code
2022-05-25 14:54:33 +04:00
Oleg Shur
eb47ec012d
Upgrade to React 18 (#1955)
* Upgrade deps

* migration

* Fix specs

* exclude index.tsx from sonar metrics

* Update deps
2022-05-12 01:03:08 +03:00
Mgrdich
e597f14b8d
Issues/215 topics page tests (#1948)
* Add Tests to Topics Lists Page for TopicsTableCells

* Delete obsolete ListItems and its test suites from topics.

* Add tests suites for the new Topic creation

* Add tests suites for TopicForm styled components

* Minor code modifications in the CustomParamField test file

* Minor code modifications in the CustomParams test file

* Minor code modifications in the Topic folder

* Add test suites for Topic Edit Page + minor modifications in the DangerZone test suite

* Add tests suites for Topic Edit page

* Add tests suites for Topic Edit page

* Add tests suites for Topic Edit page

* Add tests suites for DangerZone and validation

* Add tests suites for DangerZone

* Add tests suites for DangerZone

* Add tests suites to SendMessage

* increase the tests coverage for validateMessage

* minor changes in the SendMessage and validateMessage function

* add alert message suggestion in the SendMessage

* add alert message suggestion in the SendMessage

* Total Coverage of Overview test suites

* increase tests suite coverage in the Filters styles

* increase tests suite coverage in the Filters styles + Messages Page

* improve the test coverage of the Message Component

* improve the test coverage of the Message Component

* improve the test coverage of the MessagesTable Component

* improve the test coverage of the MessagesTable Component

* improve the test coverage of the MessagesTable Component

* Add Tests for Topic Page

* Change to react testing library from enzyme Topics list

* optimizing List elements Tests suites

* delete necessary file

* minor bug fix in messages due to the rebase

* minor semantic changes in the Test suites
2022-05-11 12:27:22 +04:00
Kirill Morozov
deddf09ed4
Сlone topic functionality (FE) (#1825)
* Added Copy button in list of topics

* Added copy topic functionality

* Whitespaces removed

* Removed extra string wrapper

* Copy component removed, routing fixed, tests fixed

* Ternary and returning null removed

* Dublicated code refactored

* Added tests for ternary header

* Added enum for the form fields

Co-authored-by: k.morozov <k.morozov@ffin.ru>
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2022-04-22 16:51:00 +03:00
Roman Zabaluev
e113e36348
Rename 'send' button to 'submit' (#1770)
* Rename 'send' button to 'submit'

Signed-off-by: Roman Zabaluev <rzabaluev@provectus.com>

* fix the New spec test file for submit button name

Co-authored-by: Mgrdich <mgotm13@gmail.com>
2022-03-31 19:53:25 +04:00
Ricardo Brasil
e85e1aafa1
Add clear message when topic creation fails (#1669) 2022-03-02 12:30:28 +03:00
Damir Abdulganiev
982d29709b
[Fixes #1510] UI, Critical: retention.bytes parameter set to 0 (#1514)
* Changes Default value of rentention.bytes

* Adds test for TopicForm
* Removes bug from Topic/New test
* Updates Topic/New test
* Adds accessible names for TopicForm
* Add id's to Select component
2022-02-01 17:08:46 +03:00
NelyDavtyan
05174fd684
fixing cannot create a topic issue,added some default values to pass … (#1467)
* fixing cannot create a topic issue,added some default values to pass validation

* fixed default values in other forms

Co-authored-by: Ekaterina Petrova <epetrova@provectus.com>
2022-01-24 21:33:16 +03:00
Damir Abdulganiev
7789523613
[Fixes #1213] Topic Creation: Inconsistency in Deleted parameters (#1395)
* CustomParams: Fixed condition error. Now existingFields updates correctly when one of CustomParamsFields is deleted

* Resolves bug when you select option and after select another - existingFields do not update correctly

* CustomParams fields update correctly

* Increases coverage

Co-authored-by: Damir Abdulganiev <dabdulganiev@provectus.com>
2022-01-19 17:34:12 +03:00
NelyDavtyan
5a487e437d
Issues/1265 (#1303)
* Make all labels Title Case in popup menus.

* Increased length of the sorting box to make the title readable like for 'Latest first' there.

* Disabled 0 and negative values in Topic Creation redesign.

* Changed consumer, connect labels status colors.

* Added test for consumer-list

* Update kafka-ui-react-app/src/components/Brokers/Brokers.tsx

Co-authored-by: Oleg Shur <workshur@gmail.com>

* Fixed warnings.

* Added test for customer group list.

* Added an interface to the object.

Co-authored-by: Oleg Shur <workshur@gmail.com>
2021-12-24 18:16:12 +04:00
Oleg Shur
7e5e8d9268
Redesign (#1045)
* Refactor topic creation

* Remove unused thunk

* Remove excess interface

* Add New page snapshot test

* Refactor new component tests

* Remove excess function

* Add typography variables and classes

* Add font families

* Implement custom button

* Get rid of enums

* Add theme

* Separate styles from logic

* Feature/layout redesign (#862)

* Refactor pages general layout

* Refactor breadcrumbs

* Refactor brokers metrics

* Fix toggle position

Co-authored-by: azat.belgibayev <azat.belgibayev@almatech.dev>

* add redesigned new menu item

* remove styles from theme

* update tests

* fix local and app wide styles

* add tests

* Add theme

* Add types to the styles

* update menu item prop prefixes, minor fixes

* add theme styles, move interface, update test, snapshot

* add optional styling

* add isActive props, propagate component, update tests

* remove button

* Revert "remove button"

This reverts commit 4a9c87d8d8.

* add tests for styled button

* remove ternary operator from style

* import styled from lib/

* Custom Inputs  (#890)

* Implement and test custom input

* Custom select (#896)

* Implement custom select

* Fix Metrics component (#914)

* Add styled table header cell component (#901)

* Redesign menu (#918)

* Finish styling menu

* Styled Table

* Fix styled table

* Allow custom buttons work as links

* Restyle Breadcrumb

* Topics list (#946)

* Redesign pagination

* Fix styled components usage

* Topic messages (#959)

* Topic Consumer Groups

* Message settings

* Finish styling indicators

* Style the dashboard

* Finish with the topics page

* Style consumer groups list

* Restyle the consumer group details

* Style alerts

* Style confirmation modal

* Update DangerZone.spec.tsx

* redesign schema registry

* Add Topic details snapshot

* Style Page Loader

* Style connectors list

* Style KSQL

* Remove all the classes from the styled components (#1049)

* Redesign topic form (#1051)

* Redesign connect details (#1053)

* Update types for styled-components (#1054)

* Redesign some minor forms in the app (#1062)

* Fix alert styles

* Get rid of bulma/layout styles

* Fix form styling

* Custom Switch component

* fix border-radius property of metrick widgets

* get rid of warnings in tests

* use jest-styled-components

* cleanup

* get rid of some bulma modules

* refactor metrics component

* get rid of JSON-tree. Json Editor redesign

* update proxy config

* Refactor Alerts component (#1124)

* Refactor tests (#1129)

* App layout update (#1127)

* ‘App-layout-update’

* toBeNull changed to toBeInDocument

* scss file removed

* App navbar layout update

* navbar test

* code smells local refactoring

* StyledMenuItem code smells refactoring

* StyledClusterTab code smells refactoring

* ConfirmationModalWrapper code smells refactoring

* input icon and label code smells refactoring

* navburger displaying fixed

* Get rid of classes

* fix code smells

* refactor styles

* refactor styles

Co-authored-by: Oleg Shuralev <workshur@gmail.com>

* Refactored Cluster nav (#1147)

* Update caniuse

* refactor Nav component

* Update sonars config

* refactor Nav component + specs

* Specs

* Feature/code smells removing (#1148)

* StyledSelect code smell refactoring

* SecondaryTabs code smell refactoring

* TextareaStyled code smell refactoring

* TableStyled code smell refactoring

* StyledTableHeaderCell code smell refactoring

* Add custom render with theme provider wrapper for testing lib (#1152)

* Added cleanupPolicy to topic details. Closes #999 (#1067)

* Rename "latest first" to "oldest first"

* Switch to redux-toolkit. Refactoring (#1171)

* Switch to redux-toolkit

* Fix #1207 (cherry-pick)

* refactor metrics (#1253)

Co-authored-by: Azat Belgibayev <belg.azat@gmail.com>
Co-authored-by: Alexander <mr.afigitelniychuvak@gmail.com>
Co-authored-by: azat.belgibayev <azat.belgibayev@almatech.dev>
Co-authored-by: sergei <scheremnov@provectus.com>
Co-authored-by: Alexander Krivonosov <31561808+GneyHabub@users.noreply.github.com>
Co-authored-by: Alina Miryuk <alinamiryuk@mail.ru>
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
2021-12-15 12:10:36 +03:00
Azat Belgibayev
76af95ed78
[Draft] Refactored topic creation form state management (#802)
* Refactor topic creation

* Remove unused thunk

* Remove excess interface

* Add New page snapshot test

* Refactor new component tests

* Remove excess function
2021-08-25 15:58:18 +03:00
Alexander Krivonosov
eaf77c49a2
Fix topic form (#767) 2021-08-23 08:49:15 +03:00
Azat Mutigullin
083e3f7de0
Improve eslint configuration (#385)
Co-authored-by: Oleg Shuralev <workshur@gmail.com>
2021-04-22 14:50:06 +03:00
Oleg Shur
46cec171e3
[CHORE] Alerts (#240) 2021-04-03 20:34:21 +03:00
Oleg Shur
c908ae6967
Update Code Q integrations (#276)
* Update Code Q integrations

* Code Q improvements (#277)
2021-03-18 13:07:04 +03:00
Oleg Shur
8f63cf775e
[CHORE] Specs. Improvements (#202)
* [CHORE] Improve types

* [CHORE] Example of actions & thunks specs

* [CHORE] Example of reducer & selectors specs

* [CHORE] Update dependencies
2021-02-20 00:10:50 +03:00
Azat Mutigullin
ead4789cff [FE] Simplify Eslint config 2020-11-24 14:10:47 +03:00
Azat Mutigullin
058c156144 Merge remote-tracking branch 'origin/master' into enhancement/fix-eslint-errors
# Conflicts:
#	kafka-ui-react-app/package-lock.json
#	kafka-ui-react-app/src/components/Brokers/Brokers.tsx
#	kafka-ui-react-app/src/components/Brokers/BrokersContainer.ts
#	kafka-ui-react-app/src/components/Dashboard/ClustersWidget/ClusterWidget.tsx
#	kafka-ui-react-app/src/components/Dashboard/ClustersWidget/ClustersWidget.tsx
#	kafka-ui-react-app/src/components/Topics/Details/DetailsContainer.ts
#	kafka-ui-react-app/src/components/Topics/Details/Messages/Messages.tsx
#	kafka-ui-react-app/src/components/Topics/List/ListItem.tsx
#	kafka-ui-react-app/src/components/Topics/New/NewContainer.ts
#	kafka-ui-react-app/src/components/Topics/TopicsContainer.ts
#	kafka-ui-react-app/src/redux/actions/actions.ts
#	kafka-ui-react-app/src/redux/api/clusters.ts
#	kafka-ui-react-app/src/redux/api/consumerGroups.ts
#	kafka-ui-react-app/src/redux/api/topics.ts
#	kafka-ui-react-app/src/redux/interfaces/broker.ts
#	kafka-ui-react-app/src/redux/interfaces/topic.ts
#	kafka-ui-react-app/src/redux/reducers/clusters/selectors.ts
#	kafka-ui-react-app/src/redux/reducers/topics/reducer.ts
2020-11-23 14:39:34 +03:00
soffest
494443bb08
OpenAPI integration for kafka-ui frontend (#120)
* Added react openapi gen

* Integrated Openapi to React

Co-authored-by: German Osin <german.osin@gmail.com>
Co-authored-by: Sofia Shnaidman <sshnaidman@provectus.com>
2020-11-20 14:16:27 +03:00
Azat Mutigullin
cba12d4ff4 [FE] Fix eslint errors 2020-11-11 12:36:44 +03:00
Sofia Shnaidman
6673bd53c4 Prevent redirect to topic details before topic create/update response arrives. 2020-11-09 11:20:17 +03:00
Sergey Zakirov
128c0d2e92
Topic settings editing (#55)
* Topic editing

* Remove old code

* Implement unique field name select

* Final changes to topic editing

* Cleanup eslint.json
2020-06-16 12:24:24 +03:00
soffest
0815739d79
Consumer group details view. (#18)
* Added concumer groups list with search.

* Added consumer group details view.

* Minor tweaks.

* Backend group details (#19)

* temp result commit

* consumer group details api done

* fixes

* changed calls from loop into vars, changed foreach to map

* changes

* removed redundant import

* Refactoring, fixed contract

* Fixed useless group query

* fix-consumer-groups-retaining-cluster-on-cluster-switch

Co-authored-by: Roman Nedzvetskiy <roman@Romans-MacBook-Pro.local>
Co-authored-by: German Osin <german.osin@gmail.com>
Co-authored-by: Azat Gataullin <gataniel@gmail.com>

* Add loader, fix details

* Add empty text for consumer groups

Co-authored-by: Sofia Shnaidman <sshnaidman@provectus.com>
Co-authored-by: Roman Nedzvetskiy <gmcodemail@gmail.com>
Co-authored-by: Roman Nedzvetskiy <roman@Romans-MacBook-Pro.local>
Co-authored-by: German Osin <german.osin@gmail.com>
Co-authored-by: Azat Gataullin <gataniel@gmail.com>
Co-authored-by: Maxim Tereshin <tereshin93@gmail.com>
2020-05-21 14:09:59 +03:00
Azat Gataullin
2d45c488f9
Enhancement/improve time to retain usability v2 (#35)
* enhancement/improve-time-to-retain-usability

* add-btn-controls-for-time-to-retain-for-topics
2020-04-28 14:21:36 +03:00
Azat Gataullin
ef1edba34b
Merge pull request #27 from provectus/issue-14/update-custom-params-key-to-work-as-object-not-array
issue-14/update-custom-params-key-to-work-as-object-not-array
2020-04-20 12:41:53 +03:00
Azat Gataullin
1fe6ec611c redesign-topics-adding-custom-params-design 2020-04-16 17:23:05 +03:00
Azat Gataullin
df6884e575 issue-14/update-custom-params-key-to-work-as-object-not-array 2020-04-16 14:31:35 +03:00
Azat Gataullin
fd6296fa9a enhancement/24-add-husky-and-other-scripts 2020-04-13 13:26:48 +03:00
Azat Gataullin
e4dbebbc20
Merge branch 'master' into feature/14-add-custom-params-for-topics-creation 2020-04-10 17:00:34 +03:00
Azat Gataullin
3c4c9c1ef9 feature/14-code-cleanup 2020-04-09 20:04:39 +03:00
Azat Gataullin
3e174e8a44 issue/21-topic-form-make-time-to-retain-customizable 2020-04-09 17:05:44 +03:00
Azat Gataullin
0e7f75bf21 feature/14-cleanup 2020-04-09 13:36:43 +03:00
Azat Gataullin
1109240169 feature/14-add-custom-params-for-topics-creation 2020-04-09 13:32:46 +03:00
Zhenya Taran
8b64575bd5 use cluster name instead of cluster id 2020-03-01 16:07:33 +02:00
Yevgen Taran
498eb96bee
Feature/backend init (#3)
* move react-app to its own folder inside project

* move backend to kafka-ui repo

* setup react inside netty

* make application ready in 2 commands

* update readme

* update readme

* update readme

* update readme

* update profiles for application start inside (sdp profile) and outside docker (local profile)

* broker metrics endpoint

* topics endpoint start commit

* topics details endpoint start commit //
dependencies and versions fix

* small pom updates //
continue review fixes

* fix review issues //
save errors //
save connections and update connection logic //
save jmx, zookeeper, kafka statuses //
error with getting one topic doesn't fail others //
async metrics processing //
cluster data storage refactoring

* properties version extracting

* properties versions

* topic details

* remove jmx, topic details, topic configs

* create topic

* final fixes, topic creation

* topic creation ui fixes

* add check for cases when cluster is offline
2020-02-27 15:55:53 +03:00