#817 Implemented.

src/i18n/README.md

@@ -199,4 +199,12 @@ Update 20/3/2022 00:01 UTC
 * `term.creditDesignedBy`: Added for `en_US`
 
 Update 29/3/2022 04:00 UTC
-* `settings.option.audio.enableAdvancedFunctionality.ciderPPE.description`: Changed for `en_US` (Deleted for all language files)
+* `settings.option.audio.enableAdvancedFunctionality.ciderPPE.description`: Changed for `en_US` (Deleted for all language files)
+
+Update 04/06/2022 0830 UTC 
+* `settings.option.general.customizeSidebar`: Added for `en_US`
+* `settings.option.general.customizeSidebar.customize`: Added for `en_US`
+* `settings.option.window.useNativeTitleBar`: Added for `en_US`
+* `settings.option.window.windowControlStyle.right`: Added for `en_US`
+* `settings.option.window.windowControlStyle.left`: Added for `en_US`
+

src/i18n/en_US.json

@@ -265,6 +265,8 @@
   "settings.option.general.updateCider.branch.description": "Select the branch to update Cider to",
   "settings.option.general.updateCider.branch.main": "Stable",
   "settings.option.general.updateCider.branch.develop": "Development",
+  "settings.option.general.customizeSidebar": "Customize Sidebar Items",
+  "settings.option.general.customizeSidebar.customize": "Customize",
   "settings.notyf.updateCider.update-not-available": "No update available",
   "settings.notyf.updateCider.update-downloaded": "Update has been downloaded, restart to apply",
   "settings.notyf.updateCider.update-error": "Error updating Cider",
@@ -359,6 +361,10 @@
   "settings.header.window.description": "Adjust the window settings for Cider.",
   "settings.option.window.openOnStartup": "Open Cider on Startup",
   "settings.option.window.openOnStartup.hidden": "Open Hidden",
+  "settings.option.window.useNativeTitleBar": "Use Native Title Bar",
+  "settings.option.window.windowControlStyle": "Window Control Style",
+  "settings.option.window.windowControlStyle.right": "Right",
+  "settings.option.window.windowControlStyle.left": "Left",
   "settings.header.lyrics": "Lyrics",
   "settings.header.lyrics.description": "Adjust the lyrics settings for Cider.",
   "settings.option.lyrics.enableMusixmatch": "Enable Musixmatch Lyrics",

src/i18n/source/en_US.json

@@ -175,6 +175,7 @@
   "term.topGenres": "Top Genres",
   "term.confirmLogout": "Are you sure you want to logout?",
   "term.creditDesignedBy": "Designed by ${authorUsername}",
+  "term.discNumber": "Disc ${discNumber}",
   "home.title": "Home",
   "home.recentlyPlayed": "Recently Played",
   "home.recentlyAdded": "Recently Added",
@@ -264,6 +265,8 @@
   "settings.option.general.updateCider.branch.description": "Select the branch to update Cider to",
   "settings.option.general.updateCider.branch.main": "Stable",
   "settings.option.general.updateCider.branch.develop": "Development",
+  "settings.option.general.customizeSidebar": "Customize Sidebar Items",
+  "settings.option.general.customizeSidebar.customize": "Customize",
   "settings.notyf.updateCider.update-not-available": "No update available",
   "settings.notyf.updateCider.update-downloaded": "Update has been downloaded, restart to apply",
   "settings.notyf.updateCider.update-error": "Error updating Cider",
@@ -358,6 +361,10 @@
   "settings.header.window.description": "Adjust the window settings for Cider.",
   "settings.option.window.openOnStartup": "Open Cider on Startup",
   "settings.option.window.openOnStartup.hidden": "Open Hidden",
+  "settings.option.window.useNativeTitleBar": "Use Native Title Bar",
+  "settings.option.window.windowControlStyle": "Window Control Style",
+  "settings.option.window.windowControlStyle.right": "Right",
+  "settings.option.window.windowControlStyle.left": "Left",
   "settings.header.lyrics": "Lyrics",
   "settings.header.lyrics.description": "Adjust the lyrics settings for Cider.",
   "settings.option.lyrics.enableMusixmatch": "Enable Musixmatch Lyrics",

src/renderer/views/pages/settings.ejs

@@ -63,14 +63,14 @@
                         </div>
                         <div class="md-option-line">
                             <div class="md-option-segment">
-                                Customize Sidebar Items
+                                {{$root.getLz('settings.option.general.customizeSidebar')}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
                                 <button class="md-btn" v-b-modal.modal-1>
-                                    Customize
+                                    {{$root.getLz('settings.option.general.customizeSidebar.customize')}}
                                 </button>
                             </div>
-                            <b-modal id="modal-1" centered  size="lg" title="Customize Sidebar Items">
+                            <b-modal id="modal-1" centered  size="lg" title="$root.getLz('settings.option.general.customizeSidebar')">
                                 <div class="settings-option-body">
                                     <div class="md-option-line">
                                         <div class="md-option-segment">
@@ -351,8 +351,8 @@
                         </div>
                         <div class="md-option-line" v-show="app.platform !== 'darwin'">
                             <div class="md-option-segment">
-                                Use Native Title Bar<br>
+                                {{$root.getLz("settings.option.window.useNativeTitleBar")}}<br>
-                                <small>Requires relaunch</small>
+                                <small>{{$root.getLz("settings.option.visual.hardwareAcceleration.description")}}</small>
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
                                 <input type="checkbox" v-model="app.cfg.visual.nativeTitleBar" switch/>
@@ -360,12 +360,12 @@
                         </div>
                         <div class="md-option-line" v-show="app.platform !== 'darwin'">
                             <div class="md-option-segment">
-                                Window Control Style
+                                {{$root.getLz("settings.option.window.windowControlStyle")}}
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
                                 <select class="md-select" v-model="app.cfg.visual.windowControlPosition">
-                                    <option value="0">Right</option>
+                                    <option value="0">{{$root.getLz("settings.option.window.windowControlStyle.right")}}</option>
-                                    <option value="1">Left</option>
+                                    <option value="1">{{$root.getLz("settings.option.window.windowControlStyle.left")}}</option>
                                 </select>
                             </div>
                         </div>