refactor(ui): break down config.html into smaller pieces (#2491)

Co-authored-by: ReenigneArcher <42013603+ReenigneArcher@users.noreply.github.com>
This commit is contained in:
Vithorio Polten
2024-05-13 14:08:13 -03:00
committed by GitHub
parent 81c2ecfc07
commit 4b6ff3797e
30 changed files with 1636 additions and 1081 deletions

View File

@@ -0,0 +1,53 @@
<script setup>
import { ref } from 'vue'
const props = defineProps([
'platform',
'config',
])
const config = ref(props.config)
</script>
<template>
<div id="intel-quicksync-encoder" class="config-page">
<!-- QuickSync Preset -->
<div class="mb-3">
<label for="qsv_preset" class="form-label">{{ $t('config.qsv_preset') }}</label>
<select id="qsv_preset" class="form-select" v-model="config.qsv_preset">
<option value="veryfast">{{ $t('config.qsv_preset_veryfast') }}</option>
<option value="faster">{{ $t('config.qsv_preset_faster') }}</option>
<option value="fast">{{ $t('config.qsv_preset_fast') }}</option>
<option value="medium">{{ $t('config.qsv_preset_medium') }}</option>
<option value="slow">{{ $t('config.qsv_preset_slow') }}</option>
<option value="slower">{{ $t('config.qsv_preset_slower') }}</option>
<option value="slowest">{{ $t('config.qsv_preset_slowest') }}</option>
</select>
</div>
<!-- QuickSync Coder (H264) -->
<div class="mb-3">
<label for="qsv_coder" class="form-label">{{ $t('config.qsv_coder') }}</label>
<select id="qsv_coder" class="form-select" v-model="config.qsv_coder">
<option value="auto">{{ $t('config.ffmpeg_auto') }}</option>
<option value="cabac">{{ $t('config.coder_cabac') }}</option>
<option value="cavlc">{{ $t('config.coder_cavlc') }}</option>
</select>
</div>
<!-- Allow Slow HEVC Encoding -->
<div class="mb-3">
<label for="qsv_slow_hevc" class="form-label">{{ $t('config.qsv_slow_hevc') }}</label>
<select id="qsv_slow_hevc" class="form-select" v-model="config.qsv_slow_hevc">
<option value="disabled">{{ $t('_common.disabled_def') }}</option>
<option value="enabled">{{ $t('_common.enabled') }}</option>
</select>
<div class="form-text">{{ $t('config.qsv_slow_hevc_desc') }}</div>
</div>
</div>
</template>
<style scoped>
</style>