feat: Add UI update logic when initialize or event occur

- Show challenges and completed challenges dynamically.
- Update challenge process when event occur.
- Add value change listener for nickname.
- Add ScrollPane into dashboard.

Author: ByteAurora

src/main/kotlin/com/github/ilovegamecoding/intellijcodexp/toolWindow/CodeXPToolWindowFactory.kt

@@ -1,14 +1,18 @@
 package com.github.ilovegamecoding.intellijcodexp.toolWindow
 
 import com.github.ilovegamecoding.intellijcodexp.StringUtil
+import com.github.ilovegamecoding.intellijcodexp.form.CodeXPChallengeForm
 import com.github.ilovegamecoding.intellijcodexp.form.CodeXPDashboard
 import com.github.ilovegamecoding.intellijcodexp.listeners.CodeXPListener
+import com.github.ilovegamecoding.intellijcodexp.model.CodeXPChallenge
 import com.github.ilovegamecoding.intellijcodexp.services.CodeXPService
 import com.intellij.openapi.application.ApplicationManager
 import com.intellij.openapi.project.Project
 import com.intellij.openapi.wm.ToolWindow
 import com.intellij.openapi.wm.ToolWindowFactory
+import com.intellij.ui.components.JBScrollPane
 import com.intellij.ui.content.ContentFactory
+import java.awt.BorderLayout
 import java.awt.Font
 import java.awt.GridBagConstraints
 import java.awt.GridLayout
@@ -31,7 +35,10 @@ class CodeXPToolWindowFactory : ToolWindowFactory {
 
         // Add the dashboard to the tool window
         val contentFactory = ContentFactory.SERVICE.getInstance()
-        val content = contentFactory.createContent(codeXPDashboard.pMain, null, false)
+        val scrollPane = JBScrollPane(codeXPDashboard.pMain)
+        val rootPanel = JPanel(BorderLayout())
+        rootPanel.add(BorderLayout.CENTER, scrollPane)
+        val content = contentFactory.createContent(rootPanel, null, false)
         toolWindow.contentManager.addContent(content)
     }
 
@@ -40,32 +47,50 @@ class CodeXPToolWindowFactory : ToolWindowFactory {
     /**
      * Initializes the UI of the dashboard.
      *
-     * @param codeXPService The CodeXP service.
-     * @param codeXPDashboard The CodeXP dashboard.
+     * @param codeXPService CodeXP service.
+     * @param codeXPDashboard CodeXP dashboard.
      */
     private fun initializeUI(codeXPService: CodeXPService, codeXPDashboard: CodeXPDashboard) {
         // Listen to events from the CodeXP service
         val connection = ApplicationManager.getApplication().messageBus.connect()
 
-        val constraints = GridBagConstraints()
-        constraints.weightx = 1.0
-        constraints.fill = GridBagConstraints.HORIZONTAL
-        val eventStatics = HashMap<CodeXPService.Event, JPanel>()
+        // Set nickname and listen changes from the text field
+        codeXPDashboard.tfNickname.text = codeXPService.state.nickname
+        codeXPDashboard.tfNickname.document.addDocumentListener(object : DocumentListener {
+            override fun insertUpdate(e: DocumentEvent) {
+                updateNickname(codeXPService, codeXPDashboard)
+            }
+
+            override fun removeUpdate(e: DocumentEvent) {
+                updateNickname(codeXPService, codeXPDashboard)
+            }
+
+            override fun changedUpdate(e: DocumentEvent) {
+                updateNickname(codeXPService, codeXPDashboard)
+            }
+        })
+
+        // GridBagConstraints for the event statistics and challenges
+        val gridBagConstraints = GridBagConstraints()
+        gridBagConstraints.weightx = 1.0
+        gridBagConstraints.fill = GridBagConstraints.HORIZONTAL
+
+        val eventStaticForms = HashMap<CodeXPService.Event, JPanel>()
+        val challengeForms = HashMap<CodeXPService.Event, CodeXPChallengeForm>()
+
         CodeXPService.Event.values().forEachIndexed { index, event -> // Add ui for each event
             if (event != CodeXPService.Event.NONE) { // Ignore the NONE event type
-                constraints.gridy = index
+                // Initialize event statistics
+                gridBagConstraints.gridy = index
 
                 val pEvent = JPanel(GridLayout(1, 3))
                 pEvent.border = BorderFactory.createEmptyBorder(0, 16, 8, 0)
-
                 val lblEventName = JLabel(event.name)
                 lblEventName.font = Font("Noto Sans SemiBold", Font.PLAIN, 14)
                 lblEventName.border = BorderFactory.createEmptyBorder(0, 32, 0, 0)
-
                 val lblEventReward = JLabel("+" + StringUtil.numberToStringWithCommas(event.xpValue) + " XP")
                 lblEventReward.font = Font("Noto Sans SemiBold", Font.PLAIN, 14)
                 lblEventReward.border = BorderFactory.createEmptyBorder(0, 32, 0, 0)
-
                 val lblEventCount =
                     JLabel(StringUtil.numberToStringWithCommas(codeXPService.state.getEventCount(event)))
                 lblEventCount.font = Font("Noto Sans Medium", Font.PLAIN, 14)
@@ -74,46 +99,77 @@ class CodeXPToolWindowFactory : ToolWindowFactory {
                 pEvent.add(lblEventName)
                 pEvent.add(lblEventReward)
                 pEvent.add(lblEventCount)
-                codeXPDashboard.pEventStatistics.add(pEvent, constraints)
+                codeXPDashboard.pEventStatistics.add(pEvent, gridBagConstraints)
 
-                eventStatics[event] = pEvent
+                eventStaticForms[event] = pEvent
+
+                // Initialize challenges
+                val challengeForm = createChallengeForm(codeXPService.state.challenges[event]!!)
+                codeXPDashboard.pChallenges.add(challengeForm.pChallenge, gridBagConstraints)
+                challengeForms[event] = challengeForm
             }
         }
 
+        // Initialize completed challenges
+        codeXPService.state.completedChallenges.forEach { completedChallenge ->
+            gridBagConstraints.gridy = codeXPDashboard.pCompletedChallenges.componentCount
+
+            val challengeForm = createChallengeForm(completedChallenge)
+            codeXPDashboard.pCompletedChallenges.add(challengeForm.pChallenge, gridBagConstraints)
+        }
+        codeXPDashboard.lblCompletedChallengesCount.text =
+            StringUtil.numberToStringWithCommas(codeXPService.state.completedChallenges.size.toLong())
+
         // Update the dashboard when events occur
         connection.subscribe(CodeXPListener.CODEXP_EVENT, object : CodeXPListener {
             override fun eventOccurred(event: CodeXPService.Event) {
-                (eventStatics[event]!!.getComponent(2) as JLabel).text =
+                (eventStaticForms[event]!!.getComponent(2) as JLabel).text =
                     StringUtil.numberToStringWithCommas(codeXPService.state.getEventCount(event))
-                updateXPInfo(codeXPService, codeXPDashboard)
-            }
-        })
 
-        codeXPDashboard.tfNickname.text = codeXPService.state.nickname
-        codeXPDashboard.tfNickname.document.addDocumentListener(object : DocumentListener {
-            override fun insertUpdate(e: DocumentEvent) {
-                codeXPService.state.nickname = codeXPDashboard.tfNickname.text
-            }
+                val currentChallenge = codeXPService.state.challenges[event]!!
+                val beforeChallengeForm = challengeForms[event]!!
 
-            override fun removeUpdate(e: DocumentEvent) {
-                codeXPService.state.nickname = codeXPDashboard.tfNickname.text
-            }
+                if (currentChallenge.id == beforeChallengeForm.challengeID) { // Challenge is not completed
+                    updateChallengeProgress(currentChallenge, beforeChallengeForm)
+                } else {  // Before challenge is completed
+                    gridBagConstraints.gridy = codeXPDashboard.pCompletedChallenges.componentCount
+                    codeXPService.state.completedChallenges.find { it.id == beforeChallengeForm.challengeID }
+                        ?.let { createChallengeForm(it).pChallenge }?.let {
+                            codeXPDashboard.pCompletedChallenges.add(
+                                it,
+                                gridBagConstraints
+                            )
+                        }
 
-            override fun changedUpdate(e: DocumentEvent) {
-                codeXPService.state.nickname = codeXPDashboard.tfNickname.text
+                    setChallengeToForm(currentChallenge, challengeForms[event]!!)
+                    codeXPDashboard.lblCompletedChallengesCount.text =
+                        StringUtil.numberToStringWithCommas(codeXPService.state.completedChallenges.size.toLong())
+                }
+
+                updateXPInfo(codeXPService, codeXPDashboard)
             }
         })
 
         updateXPInfo(codeXPService, codeXPDashboard)
     }
 
+    /**
+     * Updates user nickname on the dashboard.
+     *
+     * @param codeXPService CodeXP service.
+     * @param codeXPDashboard CodeXP dashboard.
+     */
+    private fun updateNickname(codeXPService: CodeXPService, codeXPDashboard: CodeXPDashboard) {
+        codeXPDashboard.tfNickname.text = codeXPService.state.nickname
+    }
+
     /**
      * Updates the XP info on the dashboard.
      *
-     * @param codeXPService The CodeXP service.
-     * @param codeXPDashboard The CodeXP dashboard.
+     * @param codeXPService CodeXP service.
+     * @param codeXPDashboard CodeXP dashboard.
      */
-    fun updateXPInfo(codeXPService: CodeXPService, codeXPDashboard: CodeXPDashboard) {
+    private fun updateXPInfo(codeXPService: CodeXPService, codeXPDashboard: CodeXPDashboard) {
         val totalXP = codeXPService.state.xp
         codeXPDashboard.lblTotalXP.text = StringUtil.numberToStringWithCommas(totalXP)
         val (currentLevel, xpIntoCurrentLevel, progressToNextLevel) = calculateLevelAndProgress(
@@ -128,6 +184,66 @@ class CodeXPToolWindowFactory : ToolWindowFactory {
         codeXPDashboard.lblLevel.text = StringUtil.numberToStringWithCommas(currentLevel.toLong())
     }
 
+    /**
+     * Updates challenge progress on the challenge item.
+     *
+     * @param challenge Challenge.
+     * @param challengeForm Challenge form.
+     */
+    private fun updateChallengeProgress(challenge: CodeXPChallenge, challengeForm: CodeXPChallengeForm) {
+        val progressPercentage = ((challenge.progress.toDouble() / challenge.goal) * 100).toInt()
+        challengeForm.lblChallengeProgress.text = progressPercentage.toString()
+        challengeForm.pbChallengeProgress.value = progressPercentage
+    }
+
+    /**
+     * Creates a challenge form.
+     *
+     * @param challenge Challenge to create the form for.
+     * @return Challenge form.
+     */
+    private fun createChallengeForm(challenge: CodeXPChallenge): CodeXPChallengeForm {
+        val challengeForm = CodeXPChallengeForm()
+        challengeForm.challengeID = challenge.id
+        challengeForm.pChallenge.border = BorderFactory.createEmptyBorder(16, 32, 0, 32)
+        challengeForm.lblChallengeName.text = challenge.name
+        challengeForm.lblChallengeReward.text = StringUtil.numberToStringWithCommas(challenge.rewardXP)
+        challengeForm.lblChallengeDescription.text =
+            challenge.description.replace("[goal]", StringUtil.numberToStringWithCommas(challenge.goal))
+
+        if (challenge.progress >= challenge.goal) {
+            challengeForm.lblChallengeProgress.isVisible = false
+            challengeForm.pbChallengeProgress.isVisible = false
+            challengeForm.lblChallengePercentageIcon.isVisible = false
+        } else {
+            updateChallengeProgress(challenge, challengeForm)
+        }
+        return challengeForm
+    }
+
+    /**
+     * Sets challenge to the form.
+     *
+     * @param challenge Challenge to set.
+     * @param challengeForm Challenge form.
+     */
+    private fun setChallengeToForm(challenge: CodeXPChallenge, challengeForm: CodeXPChallengeForm) {
+        challengeForm.challengeID = challenge.id
+        challengeForm.pChallenge.border = BorderFactory.createEmptyBorder(16, 32, 0, 32)
+        challengeForm.lblChallengeName.text = challenge.name
+        challengeForm.lblChallengeReward.text = StringUtil.numberToStringWithCommas(challenge.rewardXP)
+        challengeForm.lblChallengeDescription.text =
+            challenge.description.replace("[goal]", StringUtil.numberToStringWithCommas(challenge.goal))
+
+        if (challenge.progress >= challenge.goal) {
+            challengeForm.lblChallengeProgress.isVisible = false
+            challengeForm.pbChallengeProgress.isVisible = false
+            challengeForm.lblChallengePercentageIcon.isVisible = false
+        } else {
+            updateChallengeProgress(challenge, challengeForm)
+        }
+    }
+
     /**
      * Level info data class.
      */
@@ -151,10 +267,10 @@ class CodeXPToolWindowFactory : ToolWindowFactory {
     /**
      * Calculates the level and progress to the next level.
      *
-     * @param totalXP The total XP.
-     * @return The level info.
+     * @param totalXP Total XP.
+     * @return Level info data class.
      */
-    fun calculateLevelAndProgress(totalXP: Long): LevelInfo {
+    private fun calculateLevelAndProgress(totalXP: Long): LevelInfo {
         var level = 1
         var currentLevelXP = 300.0
         var xp = 300.0