This commit is contained in:
Donald Zou 2025-05-01 22:28:43 +08:00
parent 2bcf24bd84
commit 33942945d0
2 changed files with 187 additions and 188 deletions

View File

@ -63,10 +63,12 @@ const editRawConfigurationFileModal = ref(false)
const backupRestoreModal = ref(false) const backupRestoreModal = ref(false)
const deleteConfigurationModal = ref(false) const deleteConfigurationModal = ref(false)
</script> </script>
<template> <template>
<div class="peerSettingContainer w-100 h-100 position-absolute top-0 start-0 overflow-y-scroll" ref="editConfigurationContainer"> <div class="peerSettingContainer w-100 h-100 position-absolute top-0 start-0" ref="editConfigurationContainer">
<div class="w-100 h-100 overflow-y-scroll">
<TransitionGroup name="zoom"> <TransitionGroup name="zoom">
<EditRawConfigurationFile <EditRawConfigurationFile
name="EditRawConfigurationFile" name="EditRawConfigurationFile"
@ -171,18 +173,19 @@ const deleteConfigurationModal = ref(false)
id="configuration_listen_port"> id="configuration_listen_port">
</div> </div>
<div> <div class="accordion mt-2" id="editConfigurationOptionalAccordion">
<label for="configuration_table" class="form-label"> <div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#editOptionalAccordionCollapse">
<small class="text-muted"> <small class="text-muted">
<LocaleText t="Table"></LocaleText> <LocaleText t="Optional Settings"></LocaleText>
</small> </small>
</label> </button>
<input type="text" class="form-control form-control-sm rounded-3" </h2>
:disabled="saving" <div id="editOptionalAccordionCollapse"
v-model="data.Table" class="accordion-collapse collapse" data-bs-parent="#editConfigurationOptionalAccordion">
id="configuration_table"> <div class="accordion-body d-flex flex-column gap-3">
</div> <div v-for="key in ['Table', 'PreUp', 'PreDown', 'PostUp', 'PostDown']">
<div v-for="key in ['PreUp', 'PreDown', 'PostUp', 'PostDown']">
<label :for="'configuration_' + key" class="form-label"> <label :for="'configuration_' + key" class="form-label">
<small class="text-muted"> <small class="text-muted">
<LocaleText :t="key"></LocaleText> <LocaleText :t="key"></LocaleText>
@ -205,6 +208,13 @@ const deleteConfigurationModal = ref(false)
v-model="data[key]" v-model="data[key]"
:id="'configuration_' + key"> :id="'configuration_' + key">
</div> </div>
</div>
</div>
</div>
</div>
<div class="d-flex align-items-center gap-2 mt-4"> <div class="d-flex align-items-center gap-2 mt-4">
<button class="btn bg-secondary-subtle border-secondary-subtle text-secondary-emphasis rounded-3 shadow ms-auto" <button class="btn bg-secondary-subtle border-secondary-subtle text-secondary-emphasis rounded-3 shadow ms-auto"
@click="resetForm()" @click="resetForm()"
@ -253,6 +263,7 @@ const deleteConfigurationModal = ref(false)
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<style scoped> <style scoped>

View File

@ -343,19 +343,7 @@ export default {
</div> </div>
</div> </div>
</div> </div>
<div class="card rounded-3 shadow">
<div class="card-header">
<LocaleText t="Table"></LocaleText>
</div>
<div class="card-body">
<input type="text" class="form-control" placeholder="Ex: off" id="Table"
v-model="this.newConfiguration.Table"
:disabled="this.loading">
<div class="invalid-feedback">
<div v-if="this.error">{{this.errorMessage}}</div>
</div>
</div>
</div>
<hr> <hr>
<div class="accordion" id="newConfigurationOptionalAccordion"> <div class="accordion" id="newConfigurationOptionalAccordion">
<div class="accordion-item"> <div class="accordion-item">
@ -367,7 +355,7 @@ export default {
<div id="newConfigurationOptionalAccordionCollapse" <div id="newConfigurationOptionalAccordionCollapse"
class="accordion-collapse collapse" data-bs-parent="#newConfigurationOptionalAccordion"> class="accordion-collapse collapse" data-bs-parent="#newConfigurationOptionalAccordion">
<div class="accordion-body d-flex flex-column gap-3"> <div class="accordion-body d-flex flex-column gap-3">
<div class="card rounded-3" v-for="key in ['PreUp', 'PreDown', 'PostUp', 'PostDown']"> <div class="card rounded-3" v-for="key in ['Table', 'PreUp', 'PreDown', 'PostUp', 'PostDown']">
<div class="card-header">{{ key }}</div> <div class="card-header">{{ key }}</div>
<div class="card-body"> <div class="card-body">
<input type="text" <input type="text"