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:
@@ -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>
|
||||
Reference in New Issue
Block a user