Migrate virtual display config to new Display Device API

src_assets/common/assets/web/apps.html

@@ -277,16 +277,9 @@
                   id="virtualDisplay"
                   label="apps.virtual_display"
                   desc="apps.virtual_display_desc"
-                  v-model="editForm['exclude-global-prep-cmd']"
+                  v-model="editForm['virtual-display']"
                   default="false"
         ></Checkbox>
-        <!-- set virtual display to primary -->
-        <div class="mb-3 form-check" v-if="platform === 'windows' && editForm['virtual-display'] == 'true'">
-          <label for="virtualDisplayPrimary" class="form-check-label">{{ $t('apps.virtual_display_primary') }}</label>
-          <input type="checkbox" class="form-check-input" id="virtualDisplayPrimary" v-model="editForm['virtual-display-primary']"
-          true-value="true" false-value="false" />
-          <div class="form-text">{{ $t('apps.virtual_display_primary_desc') }}</div>
-        </div>
         <!-- use app identity -->
         <div class="mb-3 form-check">
           <label for="useAppIdentity" class="form-check-label">{{ $t('apps.use_app_identity') }}</label>
@@ -414,7 +407,6 @@
     "prep-cmd": [],
     detached: [],
     "image-path": "",
-    "virtual-display-primary": true,
     "scale-factor": "100",
     "use-app-identity": false
   }

src_assets/common/assets/web/config.html

@@ -183,9 +183,7 @@
               "auto_capture_sink": "enabled",
               "adapter_name": "",
               "output_name": "",
-              "headless_mode": "disabled",
               "fallback_mode": "",
-              "set_vdisplay_primary": "enabled",
               "dd_configuration_option": "verify_only",
               "dd_resolution_option": "auto",
               "dd_manual_resolution": "",

src_assets/common/assets/web/configs/tabs/AudioVideo.vue

@@ -125,23 +125,17 @@ const validateFallbackMode = (event) => {
     <!-- Fallback Display Mode -->
     <div class="mb-3">
       <label for="fallback_mode" class="form-label">{{ $t('config.fallback_mode') }}</label>
-      <input 
-        type="text" 
-        class="form-control" 
-        id="fallback_mode" 
-        v-model="config.fallback_mode" 
+      <input
+        type="text"
+        class="form-control"
+        id="fallback_mode"
+        v-model="config.fallback_mode"
         placeholder="1920x1080x60"
         @input="validateFallbackMode"
       />
       <div class="form-text">{{ $t('config.fallback_mode_desc') }}</div>
     </div>
 
-    <div class="mb-3 form-check" v-if="platform === 'windows'">
-      <input type="checkbox" class="form-check-input" id="follow_client_hdr" v-model="config.follow_client_hdr" true-value="enabled" false-value="disabled"/>
-      <label for="follow_client_hdr" class="form-check-label">{{ $t('config.follow_client_hdr') }}</label>
-      <div class="form-text pre-wrap">{{ $t('config.follow_client_hdr_desc') }}</div>
-    </div>
-
     <!-- Headless Mode -->
     <div class="mb-3 form-check" v-if="platform === 'windows'">
       <input type="checkbox" class="form-check-input" id="headless_mode" v-model="config.headless_mode" true-value="enabled" false-value="disabled"/>
@@ -149,13 +143,6 @@ const validateFallbackMode = (event) => {
       <div class="form-text">{{ $t('config.headless_mode_desc') }}</div>
     </div>
 
-    <!-- Set VDisplay Primary -->
-    <div class="mb-3 form-check" v-if="platform === 'windows'">
-      <input type="checkbox" class="form-check-input" id="set_vdisplay_primary" v-model="config.set_vdisplay_primary" true-value="enabled" false-value="disabled"/>
-      <label for="set_vdisplay_primary" class="form-check-label">{{ $t('config.set_vdisplay_primary') }}</label>
-      <div class="form-text">{{ $t('config.set_vdisplay_primary_desc') }}</div>
-    </div>
-
     <!-- SudoVDA Driver Status -->
     <div class="alert" :class="[vdisplay === '0' ? 'alert-success' : 'alert-warning']" v-if="platform === 'windows'">
       <i class="fa-solid fa-xl fa-circle-info"></i> SudoVDA Driver status: {{currentDriverStatus}}

src_assets/common/assets/web/configs/tabs/audiovideo/DisplayDeviceOptions.vue

@@ -55,12 +55,15 @@ function addRemappingEntry() {
           <h2 class="accordion-header">
             <button class="accordion-button" type="button" data-bs-toggle="collapse"
                     data-bs-target="#panelsStayOpen-collapseOne">
-              {{ $t('config.dd_options_header') }} {{ $t('dd_options_header_vdd_na') }}
+              {{ $t('config.dd_options_header') }}
             </button>
           </h2>
           <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show"
                aria-labelledby="panelsStayOpen-headingOne">
             <div class="accordion-body">
+              <div class="alert alert-info" v-if="platform === 'windows'">
+                <i class="fa-solid fa-xl fa-circle-info"></i>{{ $t('config.dd_resolution_option_vdisplay_desc') }}
+              </div>
 
               <!-- Configuration option -->
               <div class="mb-3">