Continuing the task from last week, I successfully create a Sequence Generator page with a CRUD functions. In the page, I show the sequence name and the pattern in a table form. To create or edit the sequence, it will pop up a panel form to ask the user fill up the name, pattern and the count. After I complete this task, Mr. Peter told me the purpose of creating the sequence generator is used to connect to the “Store” to generate the sequence.
Therefore, I modify the Store detail panel to add sequence name input but it is just read only. The user can search the sequence name by clicking the “Search” button provided. Once it is clicked, it will pop up a panel to show the sequence name and the pattern like the Sequence Generator page to let the user select the sequence he/she wants. When the sequence is selected by the user, it will close the panel and display the sequence name in the input field of the store detail panel. When the user clicks the “Save” button to save the store detail, the system will auto generate the sequence generator id which will bind with the SequenceId in the Dto.
Besides that, my colleague also created a “General Alert” for this project which will alert the message to showing an error, Yes or No, Confirm or Cancel and success message to the user. I apply this component into my CRUD functions which are in the Sequence Generator page as well as Store page and their detail panel. On the other hand, I also fix the CSS style file what I use “.className” method instead of directly use “body” method, so when I refresh the page, the style will not disappear.
In the end of this week, Mr. Peter check my work, he suggests me clean the code and create a page layout for all my tasks. He also told me prevent used any magic strings as it will hard to maintain it later.
Sharing About Technology