[
https://issues.apache.org/jira/browse/ATLAS-4597?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Brijesh Bhalala updated ATLAS-4597:
-----------------------------------
Description:
As backbone JS is an old library and backbone js related library like
backbone-form, backbone-pagination, and backbone table has not been updated for
the last 5 years, we need to move to the latest and stable UI framework for
Atlas UI. This is critical for security reasons.
Research for a viable replacement of Backbone JS for Atlas UI.
So we are planning to move Atlas UI code base to React js.
Sub Tasks :-
1. Initial React Setup :-
* Dev and Prod env Configuration.
* Folder structure.
* Installation of Libraries in React.
2. Left Sidebar Layout :-
* Tree Structure and Search Bar.
3. Common Table Layout :-
* Common table layout.
* Table Functionalities :-
a)Sorting, b)Row Selection, c)Pagination, d)Drag and Drop Column, e)Column
Show/Hide Functionalities
4. Table View on search page :-
* Search page Table view.
* Query Builder.
5. Global Search Bar on Header :-
* Global search bar for entities search.
* Advance & Quick Search.
6.Detail page module for entities:-
1)Add Classification Component :-
Classification Form
Add Validity Period Module
2)Add validity Period Component.
3)Tabs:-
1)Properties module
2)Relationship module.
3)Classification module.
4)Audit module
5)Lineage Module
was:
As backbone JS is an old library and backbone js related library like
backbone-form, backbone-pagination, and backbone table has not been updated for
the last 5 years, we need to move to the latest and stable UI framework for
Atlas UI. This is critical for security reasons.
Research for a viable replacement of Backbone JS for Atlas UI.
So we are planning to move Atlas UI code base to React js.
Sub Tasks :-
# Initial React Setup :-
* Dev and Prod env Configuration.
* Folder structure.
* Installation of Libraries in React.
2. Left Sidebar Layout :-
* Tree Structure and Search Bar.
3. Common Table Layout :-
* Common table layout.
* Table Functionalities :-
a)Sorting, b)Row Selection, c)Pagination, d)Drag and Drop Column,
e)Column Show/Hide Functionalities
4. Table View on search page :-
* Search page Table view.
* Query Builder.
5. Global Search Bar on Header :-
* Global search bar for entities search.
* Advance & Quick Search.
6.Detail page module for entities:-
1)Add Classification Component :-
Classification Form
Add Validity Period Module
2)Add validity Period Component.
3)Tabs:-
1)Properties module
2)Relationship module.
3)Classification module.
4)Audit module
5)Lineage Module
> Find a viable replacement of Backbone JS for Atlas UI.
> ------------------------------------------------------
>
> Key: ATLAS-4597
> URL: https://issues.apache.org/jira/browse/ATLAS-4597
> Project: Atlas
> Issue Type: Improvement
> Components: atlas-webui
> Reporter: Farhan Khan
> Assignee: Brijesh Bhalala
> Priority: Major
> Labels: atlas-react
>
> As backbone JS is an old library and backbone js related library like
> backbone-form, backbone-pagination, and backbone table has not been updated
> for the last 5 years, we need to move to the latest and stable UI framework
> for Atlas UI. This is critical for security reasons.
> Research for a viable replacement of Backbone JS for Atlas UI.
> So we are planning to move Atlas UI code base to React js.
> Sub Tasks :-
> 1. Initial React Setup :-
> * Dev and Prod env Configuration.
> * Folder structure.
> * Installation of Libraries in React.
> 2. Left Sidebar Layout :-
> * Tree Structure and Search Bar.
> 3. Common Table Layout :-
> * Common table layout.
> * Table Functionalities :-
> a)Sorting, b)Row Selection, c)Pagination, d)Drag and Drop Column, e)Column
> Show/Hide Functionalities
> 4. Table View on search page :-
> * Search page Table view.
> * Query Builder.
> 5. Global Search Bar on Header :-
> * Global search bar for entities search.
> * Advance & Quick Search.
> 6.Detail page module for entities:-
> 1)Add Classification Component :-
> Classification Form
> Add Validity Period Module
> 2)Add validity Period Component.
> 3)Tabs:-
> 1)Properties module
> 2)Relationship module.
> 3)Classification module.
> 4)Audit module
> 5)Lineage Module
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
