Add advanced option to hide Strict Mode preferences

.github/copilot-instructions.md

@@ -16,6 +16,7 @@ You are a specialized assistant for developers working on Stretchly, a break-tim
 - Maintain accessibility standards in UI components
 - Keep performance in mind, especially for background processes
 - Consider Chrome compatibility only, as Electron is built on Chromium
+- Use `npm run lint` to check for style issues
 
 ## Code Organization
 - Respect the existing project structure

CHANGELOG.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - advanced option to show custom message in Preferences
 - advanced option to hide location of Preferences file in Debug info
 - advanced option to disable app update features
+- advanced option to hide Strict Mode preferences section
 
 ### Changed
 - remove flags in Welcome window

README.md

@@ -387,6 +387,11 @@ This might be useful for corporate installations.
 #### Hide location of preferences file in Debug info
 If you want to hide location of preferences file in Debug info, set `hidePreferencesFileLocation` to `true`. 
 
+This might be useful for corporate installations.
+
+#### Hide Strict Mode preferences
+If you want to hide Strict Mode preferences section from the Preferences window, set `hideStrictModePreferences` to `true`. 
+
 This might be useful for corporate installations. 
 
 ## Contributor Preferences

app/preferences-renderer.js

@@ -14,6 +14,13 @@ window.onload = async (e) => {
     document.querySelector('#checkNewVersion').closest('div').classList.add('hidden')
   }
 
+  if (settings.hideStrictModePreferences) {
+    document.querySelectorAll('[data-strict-mode]').forEach(element => {
+      element.classList.add('hidden')
+    })
+    document.querySelector('#enablePostponeLong').closest('div').style.marginBottom = '56px'
+  }
+
   new HtmlTranslate(document).translate()
   setWindowHeight()
   setTimeout(() => { eventsAttached = true }, 500)

app/preferences.html

@@ -257,22 +257,22 @@
       <input type="checkbox" value="breakPostpone" id="enablePostponeLong">
       <label data-i18next="preferences.schedule.enablePostponeLong" for="enablePostponeLong"></label>
     </div>
-    <div>
+    <div data-strict-mode>
       <hr />
     </div>
-    <div>
+    <div data-strict-mode>
       <span data-i18next="preferences.schedule.strictMode">
       </span>
     </div>
-    <div>
+    <div data-strict-mode>
       <p data-i18next="preferences.schedule.strictModeInfo">
       </p>
     </div>
-    <div>
+    <div data-strict-mode>
       <input type="checkbox" value="microbreakStrictMode" id="enableStrictMini">
       <label data-i18next="preferences.schedule.enableStrictMini" for="enableStrictMini"></label>
     </div>
-    <div>
+    <div data-strict-mode>
       <input type="checkbox" value="breakStrictMode" id="enableStrictLong">
       <label data-i18next="preferences.schedule.enableStrictLong" for="enableStrictLong"></label>
     </div>

app/utils/defaultSettings.js

@@ -77,5 +77,6 @@ export default {
   showTrayMenuInStrictMode: false,
   customPreferencesMessage: '',
   disableAppUpdateFeatures: false,
-  hidePreferencesFileLocation: false
+  hidePreferencesFileLocation: false,
+  hideStrictModePreferences: false
 }