127 lines
5.9 KiB
Vue
127 lines
5.9 KiB
Vue
<script setup>
|
|
import { ref } from 'vue'
|
|
import PlatformLayout from '../../../PlatformLayout.vue'
|
|
import Checkbox from "../../../Checkbox.vue";
|
|
|
|
const props = defineProps({
|
|
platform: String,
|
|
config: Object
|
|
})
|
|
|
|
const config = ref(props.config)
|
|
</script>
|
|
|
|
<template>
|
|
<PlatformLayout :platform="platform">
|
|
<template #windows>
|
|
<div class="mb-3 accordion">
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button" type="button" data-bs-toggle="collapse"
|
|
data-bs-target="#panelsStayOpen-collapseOne">
|
|
{{ $t('config.dd_options_header') }}
|
|
</button>
|
|
</h2>
|
|
<div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show"
|
|
aria-labelledby="panelsStayOpen-headingOne">
|
|
<div class="accordion-body">
|
|
|
|
<!-- Configuration option -->
|
|
<div class="mb-3">
|
|
<label for="dd_configuration_option" class="form-label">
|
|
{{ $t('config.dd_config_label') }}
|
|
</label>
|
|
<select id="dd_configuration_option" class="form-select" v-model="config.dd_configuration_option">
|
|
<option value="disabled">{{ $t('_common.disabled') }}</option>
|
|
<option value="verify_only">{{ $t('config.dd_config_verify_only') }}</option>
|
|
<option value="ensure_active">{{ $t('config.dd_config_ensure_active') }}</option>
|
|
<option value="ensure_primary">{{ $t('config.dd_config_ensure_primary') }}</option>
|
|
<option value="ensure_only_display">{{ $t('config.dd_config_ensure_only_display') }}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- Resolution option -->
|
|
<div class="mb-3" v-if="config.dd_configuration_option !== 'disabled'">
|
|
<label for="dd_resolution_option" class="form-label">
|
|
{{ $t('config.dd_resolution_option') }}
|
|
</label>
|
|
<select id="dd_resolution_option" class="form-select" v-model="config.dd_resolution_option">
|
|
<option value="disabled">{{ $t('config.dd_resolution_option_disabled') }}</option>
|
|
<option value="auto">{{ $t('config.dd_resolution_option_auto') }}</option>
|
|
<option value="manual">{{ $t('config.dd_resolution_option_manual') }}</option>
|
|
</select>
|
|
<div class="form-text"
|
|
v-if="config.dd_resolution_option === 'auto' || config.dd_resolution_option === 'manual'">
|
|
{{ $t('config.dd_resolution_option_ogs_desc') }}
|
|
</div>
|
|
|
|
<!-- Manual resolution -->
|
|
<div class="mt-2 ps-4" v-if="config.dd_resolution_option === 'manual'">
|
|
<div class="form-text">
|
|
{{ $t('config.dd_resolution_option_manual_desc') }}
|
|
</div>
|
|
<input type="text" class="form-control" id="dd_manual_resolution" placeholder="2560x1440"
|
|
v-model="config.dd_manual_resolution" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Refresh rate option -->
|
|
<div class="mb-3" v-if="config.dd_configuration_option !== 'disabled'">
|
|
<label for="dd_refresh_rate_option" class="form-label">
|
|
{{ $t('config.dd_refresh_rate_option') }}
|
|
</label>
|
|
<select id="dd_refresh_rate_option" class="form-select" v-model="config.dd_refresh_rate_option">
|
|
<option value="disabled">{{ $t('config.dd_refresh_rate_option_disabled') }}</option>
|
|
<option value="auto">{{ $t('config.dd_refresh_rate_option_auto') }}</option>
|
|
<option value="manual">{{ $t('config.dd_refresh_rate_option_manual') }}</option>
|
|
</select>
|
|
|
|
<!-- Manual refresh rate -->
|
|
<div class="mt-2 ps-4" v-if="config.dd_refresh_rate_option === 'manual'">
|
|
<div class="form-text">
|
|
{{ $t('config.dd_refresh_rate_option_manual_desc') }}
|
|
</div>
|
|
<input type="text" class="form-control" id="dd_manual_refresh_rate" placeholder="59.9558"
|
|
v-model="config.dd_manual_refresh_rate" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- HDR option -->
|
|
<div class="mb-3" v-if="config.dd_configuration_option !== 'disabled'">
|
|
<label for="dd_hdr_option" class="form-label">
|
|
{{ $t('config.dd_hdr_option') }}
|
|
</label>
|
|
<select id="dd_hdr_option" class="mb-3 form-select" v-model="config.dd_hdr_option">
|
|
<option value="disabled">{{ $t('config.dd_hdr_option_disabled') }}</option>
|
|
<option value="auto">{{ $t('config.dd_hdr_option_auto') }}</option>
|
|
</select>
|
|
<!-- HDR toggle -->
|
|
<Checkbox id="dd_wa_hdr_toggle"
|
|
locale-prefix="config"
|
|
v-model="config.dd_wa_hdr_toggle"
|
|
default="false"
|
|
></Checkbox>
|
|
</div>
|
|
|
|
<!-- Config revert delay -->
|
|
<div class="mb-3" v-if="config.dd_configuration_option !== 'disabled'">
|
|
<label for="dd_config_revert_delay" class="form-label">
|
|
{{ $t('config.dd_config_revert_delay') }}
|
|
</label>
|
|
<input type="number" class="form-control" id="dd_config_revert_delay" placeholder="3000" min="0"
|
|
v-model="config.dd_config_revert_delay" />
|
|
<div class="form-text">
|
|
{{ $t('config.dd_config_revert_delay_desc') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template #linux>
|
|
</template>
|
|
<template #macos>
|
|
</template>
|
|
</PlatformLayout>
|
|
</template>
|