Create badge for changelog

Developer.md

@@ -36,8 +36,8 @@ This article is written for internal use, just for convenience.
 - Utility : Some data-process helper.
 - Youtube : Any video upload in youtube.
 
-## Prefix
-- [Close duplicated] : Old issue, not implemented or fixed in the current milestone.
+## Badge
+- [outdated] : Old issue, not implemented or fixed in the current milestone.
 
 ## Example link
 

content/changelog/2022.0212/index.md

@@ -16,7 +16,7 @@ date: 2022-02-12
 - Add primary key into lyric object. [karaoke](#1078@andy840119)
 - Record HUE instead of Hex in the singer(for not let user to select the dirty color). [karaoke](#1042@andy840119)
 - Remove all layout index in the lyric. [karaoke](#1079#1089#1090#1091#1092#1093@andy840119)
-- [Close duplicated] Change `ruby`/`romaji` from `bindable` to `bindable list` in the lyric object. [karaoke](#891@andy840119)
+- [outdated] Change `ruby`/`romaji` from `bindable` to `bindable list` in the lyric object. [karaoke](#891@andy840119)
 
 ## Code quality
 
@@ -33,20 +33,20 @@ date: 2022-02-12
 - Separate karaoke beatmap skin from karaoke skin. [karaoke](#1065@andy840119)
 - Refactor caret position algorithm interface. Use better interface instead of call method be reflection. [karaoke](#1074@andy840119)
 - Editor screen should have its own editor click for able to control the track time. [karaoke](#1104#1106@andy840119)
-- [Close duplicated] Make some improvement about lyric editor. [karaoke](#960@andy840119)
-- [Close duplicated] Implement input feature in lyric edit mode. [karaoke](#958@andy840119)
-- [Close duplicated] Improve lyric importor. [karaoke](#731@andy840119)
-- [Close duplicated] Should deal with the case if singer name is tooooooo long. [karaoke](#773@andy840119)
-- [Close duplicated] Should have config button in auto-generate area. [karaoke](#759@andy840119)
-- [Close duplicated] Create generate manager. [karaoke](#730@andy840119)
-- [Close duplicated] Implement typing feature in lyric editor. [karaoke](#668@andy840119)
-- [Close duplicated] Fix typing caret position is weird. [karaoke](#664@andy840119)
-- [Close duplicated] Fix non-english text input. [karaoke](#504@andy840119)
-- [Close duplicated] Implement note auto-generator. [karaoke](#501@andy840119)
-- [Close duplicated] Should add textbox to handle input in text edit mode. [karaoke](#487@andy840119)
-- [Close duplicated] Able to get the config directly in lyric editor. [karaoke](#476@andy840119)
-- [Close duplicated] Make shadow offset smaller in lyric editor. [karaoke](#351@andy840119)
-- [Close duplicated] Implement singer editor. [karaoke](#214@andy840119)
+- [outdated] Make some improvement about lyric editor. [karaoke](#960@andy840119)
+- [outdated] Implement input feature in lyric edit mode. [karaoke](#958@andy840119)
+- [outdated] Improve lyric importor. [karaoke](#731@andy840119)
+- [outdated] Should deal with the case if singer name is tooooooo long. [karaoke](#773@andy840119)
+- [outdated] Should have config button in auto-generate area. [karaoke](#759@andy840119)
+- [outdated] Create generate manager. [karaoke](#730@andy840119)
+- [outdated] Implement typing feature in lyric editor. [karaoke](#668@andy840119)
+- [outdated] Fix typing caret position is weird. [karaoke](#664@andy840119)
+- [outdated] Fix non-english text input. [karaoke](#504@andy840119)
+- [outdated] Implement note auto-generator. [karaoke](#501@andy840119)
+- [outdated] Should add textbox to handle input in text edit mode. [karaoke](#487@andy840119)
+- [outdated] Able to get the config directly in lyric editor. [karaoke](#476@andy840119)
+- [outdated] Make shadow offset smaller in lyric editor. [karaoke](#351@andy840119)
+- [outdated] Implement singer editor. [karaoke](#214@andy840119)
 
 ## Fix
 
@@ -55,7 +55,7 @@ date: 2022-02-12
 - Fix the issue that cannot enter the editor. [karaoke](#1103@andy840119)
 - Invest the reason why cannot enter the editor in release lezer. [karaoke](#1102@andy840119)
 - Fix internal skin is not loaded well in release build. [karaoke](#1099@andy840119)
-- [Close duplicated] Fix lyric font broken if playback. [karaoke](#772@andy840119)
+- [outdated] Fix lyric font broken if playback. [karaoke](#772@andy840119)
 
 ## Setting
 
@@ -70,4 +70,4 @@ date: 2022-02-12
 - Should have default beatmap if from legacy skin. [karaoke](#1083@andy840119)
 - Have ApplyTo() function in the skin element for able to adjust skin effect by the skin element. [karaoke](#1081#1084@andy840119)
 - Remove continuous property in lyric layout. [karaoke](#1089@andy840119)
-- [Close duplicated] Refactor layout structor in karaoke skin. [karaoke](#901@andy840119)
+- [outdated] Refactor layout structor in karaoke skin. [karaoke](#901@andy840119)

content/changelog/2022.0416/index.md

@@ -35,9 +35,9 @@ date: 2022-04-16
 - Should merge the `time-tag modes` in the lyric editor modes. [karaoke](#1246#1247@andy840119)
 - Move all sub edit mode into state namespace. [karaoke](#1248@andy840119)
 - Some improvement about `time-tag mode` in the lyric editor. [karaoke](#1113@andy840119)
-- [Close duplicated] Add waveform and ticks in `time-tag edit` extra area. [karaoke](#671@andy840119)
-- [Close duplicated] Some improvement about lyric editor. [karaoke](#1052@andy840119)
-- [Close duplicated] Handle the case that add/remove lyric in `singer` and `translate` editor. [karaoke](#1050@andy840119)
+- [outdated] Add waveform and ticks in `time-tag edit` extra area. [karaoke](#671@andy840119)
+- [outdated] Some improvement about lyric editor. [karaoke](#1052@andy840119)
+- [outdated] Handle the case that add/remove lyric in `singer` and `translate` editor. [karaoke](#1050@andy840119)
 
 ## Fix
 
@@ -46,16 +46,16 @@ date: 2022-04-16
 - Fix wrong `lyric order` in the tralslate and singer screen. [karaoke](#1239#1250@andy840119)
 - Fix cannot submit the text if only contains spacing. [karaoke](#1254#1255@andy840119)
 - Fix back button issue in the import lyric screen. [karaoke](#1256@andy840119)
-- [Close duplicated] Fix screen broken after add new text in lyric importer. [karaoke](#1004@andy840119)]
+- [outdated] Fix screen broken after add new text in lyric importer. [karaoke](#1004@andy840119)]
 
 ## Localization
 
 - Add some translation. [karaoke](#1268@andy840119)
 
 ## Skinning
 
-- [Close duplicated] Design new skin roles. [karaoke](#37@andy840119)
+- [outdated] Design new skin roles. [karaoke](#37@andy840119)
 
 ### UX
 
-- [Close duplicated] Language dropdown should show same language as what current language is. [karaoke](#831@andy840119)
+- [outdated] Language dropdown should show same language as what current language is. [karaoke](#831@andy840119)

content/changelog/2022.0604/index.md

@@ -27,9 +27,9 @@ date: 2022-06-04
 
 ## Editor
 
-- [Close duplicated] Change edit singer info into pop-over. [karaoke](#897@andy840119)
+- [outdated] Change edit singer info into pop-over. [karaoke](#897@andy840119)
 - Clearify the selection state strategy in the lyric editor. [karaoke](#1327@andy840119)
-- [Close duplicated] Define time-tag behavior. Closed due to time-tag in the karaoke editor should be always sorted in the changer handler. [karaoke](#1207@andy840119)
+- [outdated] Define time-tag behavior. Closed due to time-tag in the karaoke editor should be always sorted in the changer handler. [karaoke](#1207@andy840119)
 - Update `lyric editor` style to follow the `latest design`. [karaoke](#1346@andy840119)  
   ![](res/2022-06-03-23-13-20.png)
 - Implement caret for select language mode. [karaoke](#1352@andy840119)

content/changelog/2022.0625/index.md

@@ -63,4 +63,4 @@ date: 2022-06-25
 
 ## Tooling
 
-- [Close duplicated] Add github action for upload the localisation to crowdin. [karaoke](#1368#1369#1370@andy840119)
+- [outdated] Add github action for upload the localisation to crowdin. [karaoke](#1368#1369#1370@andy840119)

content/changelog/2022.0716/index.md

@@ -33,7 +33,7 @@ date: 2022-07-16
 
 ## Tooling
 
-- [Close duplicated] Make a CI for checking if user generated the localization resource file. [karaoke](#1269@andy840119)
+- [outdated] Make a CI for checking if user generated the localization resource file. [karaoke](#1269@andy840119)
 
 ## UI/UX
 

content/changelog/2022.1231/index.md

@@ -69,7 +69,7 @@ date: 2022-12-31
   - Improve the page editor. [karaoke](#1802@andy840119)
   - Implement page auto generator. [karaoke](#1806@andy840119)
   - Apply auto generator into editor. [karaoke](#1811@andy840119)
-- [Close duplicated] Add loading animation if lyric haven't loaded. [karaoke](#938@andy840119)
+- [outdated] Add loading animation if lyric haven't loaded. [karaoke](#938@andy840119)
 
 ## Fix
 

content/changelog/2023.0707/index.md

@@ -15,11 +15,11 @@ date: 2023-07-07
 
 ## Beatmap
 
-- [Close duplicated] Write `karaoke`'s own `reference resolver`. [karaoke](#1108@andy840119)
+- [outdated] Write `karaoke`'s own `reference resolver`. [karaoke](#1108@andy840119)
   > because `karaoke beatmap processor` will fill all the reference value, So there's no need to implement it in the json beatmap.
-- [Close duplicated] Link between lyric and note. [karaoke](#569@andy840119)
+- [outdated] Link between lyric and note. [karaoke](#569@andy840119)
   > Already has better way to do that.
-- [Close duplicated] Implement note checker. [karaoke](#565@andy840119)
+- [outdated] Implement note checker. [karaoke](#565@andy840119)
   > Implemented already.
 - Use `string with hex` format to replace the `number` format as primary key for the object in the karoake beatmap. [karaoke](#2045@andy840119)
   > The main benefit is that there's no need to write lots of logic to create the new primary key.
@@ -38,7 +38,7 @@ date: 2023-07-07
 ## Code quality
 
 - Regular clean up code. [karaoke](#2035@andy840119)
-- [Close duplicated] Remove all `AllowNull` attribute eventually. [karaoke](#1411@andy840119)
+- [outdated] Remove all `AllowNull` attribute eventually. [karaoke](#1411@andy840119)
 - Remove nullable disable annotation in the remaining class. [karaoke](#2041@andy840119)
 - Move hit-object related `utils` into the `Objects` namespace. [karaoke](#2042#2043@andy840119)
 - Use `IEnumerable` instead of `Array` to make the method more easy to override. [karaoke](#2044@andy840119)
@@ -55,11 +55,11 @@ date: 2023-07-07
     > It means that we need to revert the change in the #2025, part of #2023 and #2022.
   - Refactor drawable caret layer for able to receive the release caret event. [karaoke](#2031@andy840119)
   - Refactor the drawable input caret. [karaoke](#2032@andy840119)
-  - [Close duplicated] Implement select range of text in lyric editor. [karaoke](#321@andy840119)
-  - [Close duplicated] Able right-click to create new ruby/romaji object. [karaoke](#618@andy840119)
+  - [outdated] Implement select range of text in lyric editor. [karaoke](#321@andy840119)
+  - [outdated] Able right-click to create new ruby/romaji object. [karaoke](#618@andy840119)
     > Have better UX instead.
 - Adjus the change handler. `ILyricTextChangeHandler` should be able to delete the range of the text. [karaoke](#2033@andy840119)
-- [Close duplicated] Implement change handler method to offset the list of the lyrics. [karaoke](#1443@andy840119)
+- [outdated] Implement change handler method to offset the list of the lyrics. [karaoke](#1443@andy840119)
 
 ## Result
 
@@ -68,6 +68,6 @@ date: 2023-07-07
 
 ## Skinning
 
-- [Close duplicated] Apply new skin structure(old). [karaoke](#1073@andy840119)  
+- [outdated] Apply new skin structure(old). [karaoke](#1073@andy840119)  
   ![](res/2023-07-09-22-03-42.png)
   > Close this issue because already come out better structure.

content/changelog/2023.0806/index.md

@@ -10,20 +10,20 @@ date: 2023-08-06
 ## Beatmap
 
 - Should change the id after `DeepClone()` the lyric. [karaoke](#2054@andy840119)
-- [Close duplicated] Use Grid instead of int as primary key. [karaoke](#2040@andy840119)
+- [outdated] Use Grid instead of int as primary key. [karaoke](#2040@andy840119)
 - Add romaji text into time tag. [karaoke](#2070@andy840119)
 
 ## Code quality
 
-- [Close duplicated] Remove all `AllowNull` using. [karaoke](#1511@andy840119)
-- [Close duplicated] Remove all #nullable disabled annotation. [karaoke](#1986@andy840119)
+- [outdated] Remove all `AllowNull` using. [karaoke](#1511@andy840119)
+- [outdated] Remove all #nullable disabled annotation. [karaoke](#1986@andy840119)
 - Remove nullable disable annotation in the graphic namespace. [karaoke](#2064@andy840119)
 - Close `Enable NRT by default` issue because most part of class already removed nullable disable annotation. [karaoke](#1390@andy840119)
 - Create `dotnet-format.yml` for able to check the file format(but it's still not working ;\_;). [karaoke](#2065@andy840119)
 - Sync the dotnet setting from osu project. [karaoke](#2066@andy840119)
 - (Finally) Normalise trailing commas in code. [karaoke](#991#2067@andy840119)
-- [Close duplicated] Move some utils to the `Objects` namespace. `Utils` in the root namespace should be global enough, like `processing the enum`. [karaoke](#1206@andy840119)
-- [Close duplicated] Use `EqualityComparer<CultureInfo>.Default` to compare the language. [karaoke](#1117@andy840119)
+- [outdated] Move some utils to the `Objects` namespace. `Utils` in the root namespace should be global enough, like `processing the enum`. [karaoke](#1206@andy840119)
+- [outdated] Use `EqualityComparer<CultureInfo>.Default` to compare the language. [karaoke](#1117@andy840119)
 - Regular clean up code. [karaoke](#2068@andy840119)
 - Refactor the test case helper for able to re-use the regex. [karaoke](#2073@andy840119)
 - Use `<br/>` to change new line in the comment. [karaoke](#2072#2074@andy840119)
@@ -36,13 +36,13 @@ date: 2023-08-06
 
 ## Editor
 
-- [Close duplicated] Implement issue table in the lyric editor composer. [karaoke](#1728@andy840119)
+- [outdated] Implement issue table in the lyric editor composer. [karaoke](#1728@andy840119)
 - Add more cases for handle the `ruby text` in the `time-tag tag helper`. [karaoke](#2076@andy840119)
 - Implement the `romaji generator` for fill the property inside the `time-tag`. [karaoke](#2077@andy840119)
   - Change romaji generator return type from array to the dictionaty. [karaoke](#2078@andy840119)
 - Add method in the `change handler` for able to change the `romaji text` and the `initial state` in the `time-tag`. [karaoke](#2079@andy840119)
 
 ## Gameplay
 
-- [Close duplicated] Fix lyric display issue. [karaoke](#1641@andy840119)
+- [outdated] Fix lyric display issue. [karaoke](#1641@andy840119)
 - Create `Gameplay is not working.` issue due to mis-understanding. [karaoke](#2071@andy840119)

content/changelog/2023.0909/index.md

@@ -37,11 +37,11 @@ date: 2023-09-09
 - Moving index caret position should be only in the editable lyric. [karaoke](#2114@andy840119)  
   ![](res/2023-09-09-13-45-33.png)
   > Should not change the caret index in here.
-- [Close duplicated] Should be able drag to select the lyric text in the typing. [karaoke](#2008@andy840119)
+- [outdated] Should be able drag to select the lyric text in the typing. [karaoke](#2008@andy840119)
 
 ## Fix
 
-- [Close duplicated] Refactor the issue tooltip.
+- [outdated] Refactor the issue tooltip.
 - Fix drag in range of text in the lyric editor might have performance issue. [karaoke](#2119#2120@andy840119)
 
 ## Tooling

content/changelog/2024.0228/index.md

@@ -36,7 +36,7 @@ I dont't want to back to work now ;\_;
 
 ## Fix
 
-- [Close duplicated] Fix ruby generator not work due to packing tool. [karaoke](#1319@andy840119)
+- [outdated] Fix ruby generator not work due to packing tool. [karaoke](#1319@andy840119)
 - Upgrade the project to `.net8`, includes:
   - The main project. [karaoke](#2171@andy840119)
   - Project for display karaoke font. [font-package](#440@andy840119)

layouts/changelog/single.html

@@ -110,4 +110,5 @@ <h3 class="single__subtitle">{{ .Params.subtitle }}</h3>
 </script>
 {{ partial "script/single-script" . }}
 {{ partial "script/github-mention-link" . }}
+{{ partial "script/badge" . }}
 {{ end }}

layouts/partials/script/badge.html

@@ -0,0 +1,29 @@
+<script> 
+    // replace [text] to badge style.
+    function replaceBadge(innerHtml, mappings) {
+        return innerHtml.replace(/\[(.*?)\]/, (match, p1) => {
+            const mapping = mappings[p1];
+            if(!mapping) {
+                return match;
+            }
+
+            const color = mappings[p1].color;
+            const style = 'background-color: ' + color + '; color: white; padding: 4px 8px; text-align: center; border-radius: 5px; font-family: Arial, Helvetica, sans-serif;'
+            const replaceWith = '<span style="' + style + '">' + p1 + '</span>'
+
+            return replaceWith;
+        });
+    }
+
+    const liList = document.getElementsByTagName('li');
+
+    for (var i = 0; i<liList.length; i++) {  
+        const li = liList[i]; 
+
+        li.innerHTML = replaceBadge(li.innerHTML, {
+            outdated: {
+                color: 'Red',
+            }
+        });
+    }
+</script>