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,44 @@
<script setup>
import { ref } from 'vue'
const props = defineProps([
'platform',
'config',
])
const config = ref(props.config)
</script>
<template>
<div id="videotoolbox-encoder" class="config-page">
<!-- Presets -->
<div class="mb-3">
<label for="vt_coder" class="form-label">{{ $t('config.vt_coder') }}</label>
<select id="vt_coder" class="form-select" v-model="config.vt_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>
<div class="mb-3">
<label for="vt_software" class="form-label">{{ $t('config.vt_software') }}</label>
<select id="vt_software" class="form-select" v-model="config.vt_software">
<option value="auto">{{ $t('_common.auto') }}</option>
<option value="disabled">{{ $t('_common.disabled') }}</option>
<option value="allowed">{{ $t('config.vt_software_allowed') }}</option>
<option value="forced">{{ $t('config.vt_software_forced') }}</option>
</select>
</div>
<div class="mb-3">
<label for="vt_realtime" class="form-label">{{ $t('config.vt_realtime') }}</label>
<select id="vt_realtime" class="form-select" v-model="config.vt_realtime">
<option value="enabled">{{ $t('_common.enabled') }}</option>
<option value="disabled">{{ $t('_common.disabled') }}</option>
</select>
</div>
</div>
</template>
<style scoped>
</style>