141 lines
5.2 KiB
Vue
141 lines
5.2 KiB
Vue
<script setup>
|
|
import Checkbox from '../../Checkbox.vue'
|
|
import { ref } from 'vue'
|
|
|
|
const props = defineProps({
|
|
platform: String,
|
|
config: Object
|
|
})
|
|
const config = ref(props.config)
|
|
|
|
function addCmd() {
|
|
let template = {
|
|
do: "",
|
|
undo: "",
|
|
};
|
|
|
|
if (props.platform === 'windows') {
|
|
template = { ...template, elevated: false };
|
|
}
|
|
config.value.global_prep_cmd.push(template);
|
|
}
|
|
|
|
function removeCmd(index) {
|
|
config.value.global_prep_cmd.splice(index,1)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div id="general" class="config-page">
|
|
<!-- Locale -->
|
|
<div class="mb-3">
|
|
<label for="locale" class="form-label">{{ $t('config.locale') }}</label>
|
|
<select id="locale" class="form-select" v-model="config.locale">
|
|
<option value="bg">Български (Bulgarian)</option>
|
|
<option value="cs">Čeština (Czech)</option>
|
|
<option value="de">Deutsch (German)</option>
|
|
<option value="en">English</option>
|
|
<option value="en_GB">English, UK</option>
|
|
<option value="en_US">English, US</option>
|
|
<option value="es">Español (Spanish)</option>
|
|
<option value="fr">Français (French)</option>
|
|
<option value="hu">Magyar (Hungarian)</option>
|
|
<option value="it">Italiano (Italian)</option>
|
|
<option value="ja">日本語 (Japanese)</option>
|
|
<option value="ko">한국어 (Korean)</option>
|
|
<option value="pl">Polski (Polish)</option>
|
|
<option value="pt">Português (Portuguese)</option>
|
|
<option value="pt_BR">Português, Brasileiro (Portuguese, Brazilian)</option>
|
|
<option value="ru">Русский (Russian)</option>
|
|
<option value="sv">svenska (Swedish)</option>
|
|
<option value="tr">Türkçe (Turkish)</option>
|
|
<option value="uk">Українська (Ukranian)</option>
|
|
<option value="vi">Tiếng Việt (Vietnamese)</option>
|
|
<option value="zh">简体中文 (Chinese Simplified)</option>
|
|
<option value="zh_TW">繁體中文 (Chinese Traditional)</option>
|
|
</select>
|
|
<div class="form-text">{{ $t('config.locale_desc') }}</div>
|
|
</div>
|
|
|
|
<!-- Sunshine Name -->
|
|
<div class="mb-3">
|
|
<label for="sunshine_name" class="form-label">{{ $t('config.sunshine_name') }}</label>
|
|
<input type="text" class="form-control" id="sunshine_name" placeholder="Sunshine"
|
|
v-model="config.sunshine_name" />
|
|
<div class="form-text">{{ $t('config.sunshine_name_desc') }}</div>
|
|
</div>
|
|
|
|
<!-- Log Level -->
|
|
<div class="mb-3">
|
|
<label for="min_log_level" class="form-label">{{ $t('config.min_log_level') }}</label>
|
|
<select id="min_log_level" class="form-select" v-model="config.min_log_level">
|
|
<option value="0">{{ $t('config.min_log_level_0') }}</option>
|
|
<option value="1">{{ $t('config.min_log_level_1') }}</option>
|
|
<option value="2">{{ $t('config.min_log_level_2') }}</option>
|
|
<option value="3">{{ $t('config.min_log_level_3') }}</option>
|
|
<option value="4">{{ $t('config.min_log_level_4') }}</option>
|
|
<option value="5">{{ $t('config.min_log_level_5') }}</option>
|
|
<option value="6">{{ $t('config.min_log_level_6') }}</option>
|
|
</select>
|
|
<div class="form-text">{{ $t('config.min_log_level_desc') }}</div>
|
|
</div>
|
|
|
|
<!-- Global Prep Commands -->
|
|
<div id="global_prep_cmd" class="mb-3 d-flex flex-column">
|
|
<label class="form-label">{{ $t('config.global_prep_cmd') }}</label>
|
|
<div class="form-text">{{ $t('config.global_prep_cmd_desc') }}</div>
|
|
<table class="table" v-if="config.global_prep_cmd.length > 0">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col"><i class="fas fa-play"></i> {{ $t('_common.do_cmd') }}</th>
|
|
<th scope="col"><i class="fas fa-undo"></i> {{ $t('_common.undo_cmd') }}</th>
|
|
<th scope="col" v-if="platform === 'windows'">
|
|
<i class="fas fa-shield-alt"></i> {{ $t('_common.run_as') }}
|
|
</th>
|
|
<th scope="col"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="(c, i) in config.global_prep_cmd">
|
|
<td>
|
|
<input type="text" class="form-control monospace" v-model="c.do" />
|
|
</td>
|
|
<td>
|
|
<input type="text" class="form-control monospace" v-model="c.undo" />
|
|
</td>
|
|
<td v-if="platform === 'windows'" class="align-middle">
|
|
<Checkbox :id="'prep-cmd-admin-' + i"
|
|
label="_common.elevated"
|
|
desc=""
|
|
v-model="c.elevated"
|
|
></Checkbox>
|
|
</td>
|
|
<td>
|
|
<button class="btn btn-danger" @click="removeCmd(i)">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
<button class="btn btn-success" @click="addCmd">
|
|
<i class="fas fa-plus"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<button class="ms-0 mt-2 btn btn-success" style="margin: 0 auto" @click="addCmd">
|
|
+ {{ $t('config.add') }}
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Notify Pre-Releases -->
|
|
<Checkbox class="mb-3"
|
|
id="notify_pre_releases"
|
|
locale-prefix="config"
|
|
v-model="config.notify_pre_releases"
|
|
default="false"
|
|
></Checkbox>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|