Task #20420
Rigel New UI: Intergrate the Figma UI
100%
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
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
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.
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
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.
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
Updated by Adarsh Shukla 9 months ago
- % Done changed from 80 to 90
Today we worked on confirm changes and discard changes logical part.
Updated by Sufiyaan Shaik 9 months ago
Today me and adarsh worked on the responsiveness of the site
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
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
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)
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
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
Updated by Sufiyaan Shaik 5 months ago
Bugs solved regarding to drop-down values and display screen
Updated by Sufiyaan Shaik 4 months ago
Test Cases for Revamped Version of Rigel v2
- Test case for schemalist and schemaDetails API
- Localisation
- Theme change
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
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
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
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))
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)
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
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
Updated by Sufiyaan Shaik 3 months ago
Intergarted exceljs , into rigel application for handling the test case data into excel sheet
Schemalist
Configlist
SchemaData
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 ❌
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