Project

General

Profile

Task #20420

Rigel New UI: Intergrate the Figma UI

Added by Sufiyaan Shaik 10 months ago. Updated about 2 months ago.

Status:
Closed
Priority:
Normal
Target version:
-
Start date:
05/07/2024
Due date:
% Done:

100%

Estimated time:

Description

In this issue we need to change the navbar from the previous one, and we need to implement the side view for the app/module/config as provided by the figma developer

#1

Updated by Sufiyaan Shaik 10 months ago

  • % Done changed from 0 to 30
  • Status changed from New to In Progress

Today me and Adarsh discussed about the design and started implementing

Restructured the Top menu according to the figma provided
Changed the structure of the dropdowns of App/ Module/ Config as provided by the figma developer
Even handling the dark/light theme accordingly

Not fully responsive, but handled some scenarios as of now, Slowly with the redesigning we will make it responsive

#2

Updated by Adarsh Shukla 10 months ago

  • % Done changed from 30 to 40

Today me and Sufiyaan worked on Config list screen integration as per figma design.

#3

Updated by Sufiyaan Shaik 10 months ago

  • % Done changed from 40 to 50

Today me and Aadarsh worked on Integration of config screen design and pagination

#4

Updated by Adarsh Shukla 10 months ago

  • % Done changed from 50 to 70

Today me and sufiyaan worked on the logical changes of config screen based on Figma designs.

#5

Updated by Sufiyaan Shaik 9 months ago

  • % Done changed from 70 to 80

Today me and Adarsh worked on adding the history feature to see the previous config values

#6

Updated by Adarsh Shukla 9 months ago

Today we worked on pagination and i18n localization.

#7

Updated by Adarsh Shukla 9 months ago

  • % Done changed from 80 to 90

Today we worked on confirm changes and discard changes logical part.

#8

Updated by Sufiyaan Shaik 9 months ago

Today me and adarsh worked on the responsiveness of the site

#9

Updated by Sufiyaan Shaik 8 months ago

Worked on responsiveness of website
IPads only

#10

Updated by Sufiyaan Shaik 8 months ago

Today me and adarsh worked on UI design of new feature called Alert(impactAlertMsg) modal for each config parameters.
Fixed some UI bugs

#11

Updated by Sufiyaan Shaik 7 months ago

Today we successfully integrated impactAlert attribute in getSchema() WS through mockoon and displayed the impactAlert message on a confirmation modal before saving eacg config parameter.
Changed the style of displaying the Date/Time in the history modal
Added i18n localization

#12

Updated by Sufiyaan Shaik 7 months ago

Designed a login page for Rigel(which might be used in future)
Added guards so that the user cannot enter without login

Started integrating the login api in mockoon for testing purpose(which might be used with keycloak in future)

#13

Updated by Sufiyaan Shaik 6 months ago

Designed login page for Rigel by integrating it with keycloak in angular project, created realm called test(testing purpose) with client-id=rigel
Added custom-theme to keycloak called rigel-theme and designed it using ftl and pattern-fly css

#14

Updated by Sufiyaan Shaik 6 months ago

worked on responsivness of the website(ipads and above), added toggle to hide and show the sidebar, during ipad mode for better UI experience

#15

Updated by Sufiyaan Shaik 6 months ago

Added miscellaneous feature
Code pushed

#16

Updated by Sufiyaan Shaik 5 months ago

Bugs solved regarding to drop-down values and display screen

#17

Updated by Sufiyaan Shaik 4 months ago

Test Cases for Revamped Version of Rigel v2

  1. Test case for schemalist and schemaDetails API
  2. Localisation
  3. Theme change
#18

Updated by Sufiyaan Shaik 4 months ago

Test case to handle positive scenario to change config parameter value
Int -- transactionTimeout
Float -- maxEmailSize
String(enum) -- currencyType
boolean -- logLevel

#19

Updated by Sufiyaan Shaik 3 months ago

Code pushed to git new_ui/ux_rigel branch. Issue number #20420

Cypress code to test the functionality of the rigel flow, including the fieldType check for int,float,string and boolean config values

#20

Updated by Sufiyaan Shaik 3 months ago

Code pushed to git new_ui/ux_rigel branch. Issue number #20420

Modified the rigel test case in-order to meet the validation for config parameters

#21

Updated by Sufiyaan Shaik 3 months ago

Code pushed to git new_ui/ux_rigel branch. Issue number #20420

Some modification regarding the validation for config values(field type string(enum))

#22

Updated by Sufiyaan Shaik 3 months ago

Code pushed to git new_ui/ux_rigel branch. Issue number #20420

Functional testing done for rigel flow

Started with API testing, SCHEMALIST API

Handled scenario of req,res in expected manner, and added a scenario for invalid-endpoint given

For example
http://localhost:3002/api/v1/schemalist (This is successfully run with expected response)

http://localhost:3002/api/v1/invalid-endpoint (This is fail and if the expected structure is not present in the response, it will fail too)

#23

Updated by Sufiyaan Shaik 3 months ago

Code pushed to git new_ui/ux_rigel branch. Issue number #20420

Started with API testing, CONFIGLIST API

Handled scenario of req,res in expected manner, and added a scenario for invalid-endpoint given

#24

Updated by Sufiyaan Shaik 3 months ago

Code pushed to git new_ui/ux_rigel branch. Issue number #20420

Started with API testing, getSchemDetails API

Handled scenario of req,res in expected manner, and added a scenario for invalid-endpoint given

#25

Updated by Sufiyaan Shaik 3 months ago

Intergarted exceljs , into rigel application for handling the test case data into excel sheet

Schemalist
Configlist
SchemaData

#26

Updated by Sufiyaan Shaik 2 months ago

Tested 5 scenarios for each API (schemaList, configList, schemaDetails)

1 Test SchemaList API Passed Data Fetched Successfully 11/2/2025 11:30:35 am 7 ms 200 200 ✅
2 Test Invalid SchemaList Endpoint Failed Unexpected Error 11/2/2025 11:30:35 am 4 ms 404 404 ❌
3 Test SchemaList API - FinanaceApp Passed Data Fetched Successfully 11/2/2025 11:30:35 am 5 ms 200 200 ✅
4 Test Missing Query Params Failed Expected 400 but got 200 11/2/2025 11:30:35 am 5 ms 400 200 ❌
5 Test Unsupported Method Failed Expected 405 but got 404 11/2/2025 11:30:35 am 4 ms 405 404 ❌

#27

Updated by Sufiyaan Shaik about 2 months ago

  • % Done changed from 90 to 100
  • Status changed from In Progress to Closed

Commited and pushed all the code to the task id #20420

Even pushed the rigel mockoon data

Also available in: Atom PDF