FrmQuickSetup: disable setting ShouldUseExplorerSortOrder for Standard user profile

Author: d2phap

Source/Components/ImageGlass.Settings/WebUI/FrmQuickSetup.html

@@ -61,6 +61,12 @@ <h2 lang-html="FrmQuickSetup._StepInfo">[Step <span id="LblStepInfo">1/3</span>]
               <div lang-text="FrmSettings._ColorManagement">[Color management]</div>
             </label>
           </div>
+          <div class="mb-2">
+            <label class="ig-checkbox">
+              <input id="ChkShouldUseExplorerSortOrder" type="checkbox" disabled />
+              <div lang-text="FrmSettings._ShouldUseExplorerSortOrder">[ShouldUseExplorerSortOrder]</div>
+            </label>
+          </div>
           <div class="mb-3">
             <label class="ig-checkbox">
               <input id="ChkUseEmbeddedThumbnailRawFormats" type="checkbox" disabled checked />

Source/Components/ImageGlass.Settings/WebUI/FrmSettings.html

@@ -316,12 +316,6 @@
             <div lang-text="FrmSettings._ShowImagePreview">[ShowImagePreview]</div>
           </label>
         </div>
-        <div class="mb-2">
-          <label class="ig-checkbox">
-            <input type="checkbox" name="EnableImageTransition" />
-            <div lang-text="FrmSettings._EnableImageTransition">[EnableImageTransition]</div>
-          </label>
-        </div>
         <div class="mb-2">
           <label class="ig-checkbox">
             <input type="checkbox" name="EnableImageAsyncLoading" />

Source/Components/ImageGlass.Settings/WebUI/src/FrmQuickSetup.ts

@@ -85,8 +85,9 @@ queryAll<HTMLInputElement>('[name="_SettingProfile"]').forEach(el => {
     const profileName = query<HTMLInputElement>('[name="_SettingProfile"]:checked').value;
     const isProfessional = profileName === 'professional';
 
-    query<HTMLInputElement>('#ChkUseEmbeddedThumbnailRawFormats').checked = !isProfessional;
     query<HTMLInputElement>('#ChkColorProfile').checked = isProfessional;
+    query<HTMLInputElement>('#ChkShouldUseExplorerSortOrder').checked = isProfessional;
+    query<HTMLInputElement>('#ChkUseEmbeddedThumbnailRawFormats').checked = !isProfessional;
   });
 });
 
@@ -111,11 +112,13 @@ query('#BtnBack').addEventListener('click', () => {
 query('#BtnNext').addEventListener('click', () => {
   if (_currentStep >= _stepCount) {
     const enableColorProfile = query<HTMLInputElement>('#ChkColorProfile').checked;
+    const shouldUseExplorerSortOrder = query<HTMLInputElement>('#ChkShouldUseExplorerSortOrder').checked;
     const useThumbnailRawFormats = query<HTMLInputElement>('#ChkUseEmbeddedThumbnailRawFormats').checked;
 
     post('APPLY_SETTINGS', {
       Language: _currentLang,
       ColorProfile: enableColorProfile,
+      ShouldUseExplorerSortOrder: shouldUseExplorerSortOrder,
       UseEmbeddedThumbnailRawFormats: useThumbnailRawFormats,
     }, true);
   }

Source/Components/ImageGlass.Settings/WebUI/src/FrmSettings/TabAppearance.ts

@@ -14,7 +14,7 @@ export default class TabAppearance {
    * Loads settings for tab Appearance.
    */
   static loadSettings() {
-    if (!_page.isWindows10) {
+    if (_page.isWindows10) {
       query(`[name="WindowBackdrop"]`).setAttribute('disabled', 'true');
     }
 

Source/igcmd/Tools/FrmQuickSetup.cs

@@ -201,6 +201,13 @@ private async Task ApplySettingsAsync(string settingJson)
                 : nameof(ColorProfileOption.None);
         }
 
+        if (dict.TryGetValue(nameof(Config.ShouldUseExplorerSortOrder), out var useExplorerSortOrder))
+        {
+            Config.ShouldUseExplorerSortOrder = useExplorerSortOrder
+                ?.ToString()
+                .Equals("true", StringComparison.InvariantCultureIgnoreCase) ?? true;
+        }
+
         if (dict.TryGetValue(nameof(Config.UseEmbeddedThumbnailRawFormats), out var useThumbnailRawFormatsObj))
         {
             Config.UseEmbeddedThumbnailRawFormats = useThumbnailRawFormatsObj