pgAdmin 4 commit: Added React framework for the properties dialog and p - Mailing list pgadmin-hackers

From Akshay Joshi
Subject pgAdmin 4 commit: Added React framework for the properties dialog and p
Date
Msg-id E1lwO8k-0005mV-QZ@gothos.postgresql.org
Whole thread Raw
List pgadmin-hackers
Added React framework for the properties dialog and port Server Group, Server, and Database dialogs.

Following changes done for the framework:
- Framework for creating React based dynamic form view out of a pre-defined UI schema. Previously, it was based on
Backform/Backbone.
- The new framework and components will use MaterialUI as the base. Previously, Bootstrap/Backform/jQuery components
wereused. 
- The new code uses JSS instead of CSS since material UI and most modern React libraries also use JSS. In the future,
thiswill allow us to change the theme in real-time without refresh. 
- 90% code covered by 80-85 new jasmine test cases.
- Server group node UI Schema migration to new, with schema test cases.
- Server node UI Schema migration to new, with schema test cases.
- Database node UI Schema migration to new, with schema test cases.
- Few other UI changes.

Fixes #6130

Branch
------
React_Porting

Details
-------
https://git.postgresql.org/gitweb?p=pgadmin4.git;a=commitdiff;h=c6456df39d2595b3becc290a11259c34a5287a22
Author: Aditya Toshniwal <aditya.toshniwal@enterprisedb.com>

Modified Files
--------------
docs/en_US/release_notes_5_5.rst                   |    1 +
web/package.json                                   |   13 +-
.../servers/databases/static/js/database.js        |  243 +---
.../servers/databases/static/js/database.ui.js     |  216 ++++
.../servers/static/js/privilege.ui.js              |   82 ++
.../servers/static/js/sec_label.ui.js              |   32 +
.../server_groups/servers/static/js/server.js      |  481 +------
.../server_groups/servers/static/js/server.ui.js   |  538 ++++++++
.../server_groups/servers/static/js/variable.ui.js |  139 +++
.../server_groups/static/js/server_group.js        |   48 +-
.../server_groups/static/js/server_group.ui.js     |   34 +
web/pgadmin/browser/static/js/collection.js        |    4 +
web/pgadmin/browser/static/js/node.js              |   56 +-
web/pgadmin/browser/static/js/node_ajax.js         |  164 +++
web/pgadmin/browser/static/js/node_view.jsx        |  198 +++
.../browser/templates/browser/js/messages.js       |    1 +
web/pgadmin/misc/themes/__init__.py                |    2 +-
web/pgadmin/static/js/SchemaView/DataGridView.jsx  |  399 ++++++
web/pgadmin/static/js/SchemaView/FormView.jsx      |  257 ++++
web/pgadmin/static/js/SchemaView/MappedControl.jsx |  199 +++
web/pgadmin/static/js/SchemaView/base_schema.ui.js |   91 ++
web/pgadmin/static/js/SchemaView/index.jsx         |  663 ++++++++++
web/pgadmin/static/js/Theme/dark.js                |   89 ++
web/pgadmin/static/js/Theme/high_contrast.js       |   87 ++
web/pgadmin/static/js/Theme/index.jsx              |  353 ++++++
web/pgadmin/static/js/Theme/standard.js            |   95 ++
web/pgadmin/static/js/api_instance.js              |   45 +
web/pgadmin/static/js/components/Buttons.jsx       |  106 ++
web/pgadmin/static/js/components/CodeMirror.jsx    |   40 +
.../static/js/components/FormComponents.jsx        |  842 +++++++++++++
web/pgadmin/static/js/components/Loader.jsx        |   57 +
web/pgadmin/static/js/components/Privilege.jsx     |  176 +++
web/pgadmin/static/js/components/TabPanel.jsx      |   42 +
web/pgadmin/static/js/custom_prop_types.js         |   22 +
web/pgadmin/static/js/helpers/legacyConnector.js   |   66 +
web/pgadmin/static/js/utils.js                     |    8 +
web/pgadmin/static/js/validators.js                |   70 ++
web/pgadmin/static/scss/_bootstrap.overrides.scss  |    2 +-
web/pgadmin/static/scss/_pgadmin.style.scss        |    1 +
web/pgadmin/static/scss/_webcabin.pgadmin.scss     |    2 +-
.../static/scss/resources/_default.variables.scss  |    2 +-
.../resources/high_contrast/_theme.variables.scss  |    2 +-
web/pgadmin/templates/base.html                    |    3 +-
.../javascript/SchemaView/SchemaView.spec.js       |  501 ++++++++
.../javascript/SchemaView/TestSchema.ui.js         |  190 +++
.../javascript/components/Buttons.spec.js          |   56 +
.../javascript/components/CodeMirror.spec.js       |   46 +
.../javascript/components/FormComponents.spec.js   |  606 +++++++++
.../javascript/components/Loader.spec.js           |   52 +
.../javascript/components/Privilege.spec.js        |  204 +++
.../javascript/components/TabPanel.spec.js         |   48 +
web/regression/javascript/fake_current_user.js     |    1 +
web/regression/javascript/fake_messages.js         |   20 +
.../javascript/fake_supported_servers.js           |   17 +
web/regression/javascript/fake_theme.js            |    9 +
.../javascript/schema_ui_files/database.ui.spec.js |  120 ++
.../schema_ui_files/privilege.ui.spec.js           |  130 ++
.../javascript/schema_ui_files/server.ui.spec.js   |  139 +++
.../schema_ui_files/server_group.ui.spec.js        |   90 ++
.../javascript/schema_ui_files/variable.ui.spec.js |  155 +++
web/webpack.shim.js                                |    2 +
web/webpack.test.config.js                         |    2 +
web/yarn.lock                                      | 1317 +++++++++++++-------
63 files changed, 8493 insertions(+), 1183 deletions(-)


pgadmin-hackers by date:

Previous
From: Khushboo Vashi
Date:
Subject: Re: Refactor: Registry Classes
Next
From: Akshay Joshi
Date:
Subject: Re: [pgAdmin][RM6130] React based framework for properties dialog and port Server Group, Server and Database dialogs