kccsl/s-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

translations #106

Browse Source
This commit is contained in:
Alireza Ahmadi
2024-05-15 00:08:50 +02:00
parent b4fcec9477
commit 7d39252fec
44 changed files with 1254 additions and 323 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Dial.vue
+21 -21
View File
@@ -1,17 +1,17 @@
<template>
<v-card subtitle="Dial" style="background-color: inherit;">
<v-card :subtitle="$t('objects.dial')" style="background-color: inherit;">
<v-row>
<v-col cols="12" sm="6" md="4" v-if="optionDetour">
<v-select
hide-details
label="Forward to Outbound tag"
:label="$t('listen.detourText')"
:items="outTags"
v-model="dial.detour">
</v-select>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="optionBind">
<v-text-field
label="Bind to Network Interface"
:label="$t('dial.bindIf')"
hide-details
v-model="dial.bind_interface"></v-text-field>
</v-col>
@@ -19,13 +19,13 @@
<v-row>
<v-col cols="12" sm="6" md="4" v-if="optionIPV4">
<v-text-field
label="Bind to IPv4"
:label="$t('dial.bindIp4')"
hide-details
v-model="dial.inet4_bind_address"></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="optionIPV6">
<v-text-field
label="Bind to IPv6"
:label="$t('dial.bindIp6')"
hide-details
v-model="dial.inet6_bind_address"></v-text-field>
</v-col>
@@ -40,7 +40,7 @@
v-model.number="routingMark"></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="optionRA">
<v-switch v-model="dial.reuse_addr" color="primary" label="Reuse listener address" hide-details></v-switch>
<v-switch v-model="dial.reuse_addr" color="primary" :label="$t('dial.reuseAddr')" hide-details></v-switch>
</v-col>
</v-row>
<v-row v-if="optionTCP">
@@ -57,11 +57,11 @@
</v-col>
<v-col cols="12" sm="6" md="4" v-if="optionCT">
<v-text-field
label="Connection Timeout"
:label="$t('dial.connTimeout')"
hide-details
type="number"
min="1"
suffix="s"
:suffix="$t('date.s')"
v-model.number="connectTimeout"></v-text-field>
</v-col>
</v-row>
@@ -72,19 +72,19 @@
clearable
@click:clear="delete dial.domain_strategy"
width="100"
label="Domain to IP Strategy"
:label="$t('listen.domainStrategy')"
:items="['prefer_ipv4','prefer_ipv6','ipv4_only','ipv6_only']"
v-model="dial.domain_strategy">
</v-select>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Fallback Timeout"
:label="$t('dial.fbTimeout')"
hide-details
type="number"
min="50"
step="50"
suffix="ms"
:suffix="$t('date.ms')"
v-model.number="fallbackDelay"></v-text-field>
</v-col>
</v-row>
@@ -92,39 +92,39 @@
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details>Dial Options</v-btn>
<v-btn v-bind="props" hide-details>{{ $t('dial.options') }}</v-btn>
</template>
<v-card>
<v-list>
<v-list-item>
<v-switch v-model="optionDetour" color="primary" label="Detour" hide-details></v-switch>
<v-switch v-model="optionDetour" color="primary" :label="$t('listen.detour')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionBind" color="primary" label="Bind Interface" hide-details></v-switch>
<v-switch v-model="optionBind" color="primary" :label="$t('dial.bindIf')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionIPV4" color="primary" label="Bind to IPv4" hide-details></v-switch>
<v-switch v-model="optionIPV4" color="primary" :label="$t('dial.bindIp4')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionIPV6" color="primary" label="Bind to IPv6" hide-details></v-switch>
<v-switch v-model="optionIPV6" color="primary" :label="$t('dial.bindIp6')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionRM" color="primary" label="Routing Mark" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionRA" color="primary" label="Reuse Address" hide-details></v-switch>
<v-switch v-model="optionRA" color="primary" :label="$t('dial.reuseAddr')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionTCP" color="primary" label="TCP Options" hide-details></v-switch>
<v-switch v-model="optionTCP" color="primary" :label="$t('listen.tcpOptions')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionUDP" color="primary" label="UDP Options" hide-details></v-switch>
<v-switch v-model="optionUDP" color="primary" :label="$t('listen.udpOptions')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionCT" color="primary" label="Connection Timeout" hide-details></v-switch>
<v-switch v-model="optionCT" color="primary" :label="$t('dial.connTimeout')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionDS" color="primary" label="Domain Strategy" hide-details></v-switch>
<v-switch v-model="optionDS" color="primary" :label="$t('listen.domainStrategy')" hide-details></v-switch>
</v-list-item>
</v-list>
</v-card>
frontend/src/components/Headers.vue
+7 -7
View File
@@ -1,9 +1,13 @@
<template>
<v-card subtitle="Headers">
<v-card>
<v-card-subtitle>
{{ $t('objects.headers') }}
<v-icon @click="add_header" icon="mdi-plus"></v-icon>
</v-card-subtitle>
<v-row v-for="(header, index) in hdrs">
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Key"
:label="$t('objects.key')"
hide-details
@input="update_key(index,$event.target.value)"
v-model="header.name">
@@ -11,7 +15,7 @@
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Value"
:label="$t('objects.value')"
hide-details
@input="update_value(index,$event.target.value)"
append-icon="mdi-delete"
@@ -20,10 +24,6 @@
</v-text-field>
</v-col>
</v-row>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn hide-details @click="add_header" density="compact" icon="mdi-plus"></v-btn>
</v-card-actions>
</v-card>
</template>
frontend/src/components/InTLS.vue
+8 -8
View File
@@ -1,5 +1,5 @@
<template>
<v-card :subtitle="$t('in.tls')">
<v-card :subtitle="$t('objects.tls')">
<v-row v-if="tlsOptional">
<v-col cols="auto">
<v-switch color="primary" :label="$t('tls.enable')" v-model="tlsEnable" hide-details></v-switch>
@@ -77,7 +77,7 @@
<v-col cols="12" sm="6" md="4" v-if="tls.min_version">
<v-select
hide-details
label="Minimum Version"
:label="$t('tls.minVer')"
:items="tlsVersions"
v-model="tls.min_version">
</v-select>
@@ -85,7 +85,7 @@
<v-col cols="12" sm="6" md="4" v-if="tls.max_version">
<v-select
hide-details
label="Maximum Version"
:label="$t('tls.maxVer')"
:items="tlsVersions"
v-model="tls.max_version">
</v-select>
@@ -95,7 +95,7 @@
<v-col cols="12" md="8" v-if="tls.cipher_suites != undefined">
<v-select
hide-details
label="Cipher Suites"
:label="$t('tls.cs')"
multiple
:items="cipher_suites"
v-model="tls.cipher_suites">
@@ -107,7 +107,7 @@
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start" v-if="tls.enabled">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details>TLS Options</v-btn>
<v-btn v-bind="props" hide-details>{{ $t('tls.options') }}</v-btn>
</template>
<v-card>
<v-list>
@@ -118,13 +118,13 @@
<v-switch v-model="optionALPN" color="primary" label="ALPN" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionMinV" color="primary" label="Min Version" hide-details></v-switch>
<v-switch v-model="optionMinV" color="primary" :label="$t('tls.minVer')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionMaxV" color="primary" label="Max Version" hide-details></v-switch>
<v-switch v-model="optionMaxV" color="primary" :label="$t('tls.maxVer')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionCS" color="primary" label="Cipher Suites" hide-details></v-switch>
<v-switch v-model="optionCS" color="primary" :label="$t('tls.cs')" hide-details></v-switch>
</v-list-item>
</v-list>
</v-card>
frontend/src/components/Listen.vue
+13 -13
View File
@@ -1,5 +1,5 @@
<template>
<v-card subtitle="Listen">
<v-card :subtitle="$t('objects.listen')">
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
@@ -21,28 +21,28 @@
<v-row>
<v-col cols="12" sm="6" md="4" v-if="optionDetour">
<v-select
label="Detour"
:label="$t('listen.detourText')"
hide-details
:items="inTags"
v-model="inbound.detour">
</v-select>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-switch v-model="inbound.sniff" color="primary" :label="$t('in.sniffing')" hide-details></v-switch>
<v-switch v-model="inbound.sniff" color="primary" :label="$t('listen.sniffing')" hide-details></v-switch>
</v-col>
</v-row>
<v-row v-if="inbound.sniff">
<v-col cols="12" sm="6" md="4">
<v-switch v-model="inbound.sniff_override_destination" color="primary" label="Override Sniffed Domain" hide-details></v-switch>
<v-switch v-model="inbound.sniff_override_destination" color="primary" :label="$t('listen.sniffingOverride')" hide-details></v-switch>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Sniffing Timeout"
:label="$t('listen.sniffingTimeout')"
hide-details
type="number"
min="50"
step="50"
suffix="ms"
:suffix="$t('date.ms')"
v-model.number="sniffTimeout"></v-text-field>
</v-col>
</v-row>
@@ -64,7 +64,7 @@
hide-details
type="number"
min="1"
suffix="Min"
:suffix="$t('date.m')"
v-model.number="udpTimeout"></v-text-field>
</v-col>
</v-row>
@@ -73,7 +73,7 @@
<v-select
hide-details
width="100"
label="Domain to IP Strategy"
:label="$t('listen.domainStrategy')"
:items="['prefer_ipv4','prefer_ipv6','ipv4_only','ipv6_only']"
v-model="inbound.domain_strategy">
</v-select>
@@ -83,21 +83,21 @@
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details>Listen Options</v-btn>
<v-btn v-bind="props" hide-details>{{ $t('listen.options') }}</v-btn>
</template>
<v-card>
<v-list>
<v-list-item>
<v-switch v-model="optionTCP" color="primary" label="TCP Options" hide-details></v-switch>
<v-switch v-model="optionDetour" color="primary" :label="$t('listen.detour')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionUDP" color="primary" label="UDP Options" hide-details></v-switch>
<v-switch v-model="optionTCP" color="primary" :label="$t('listen.tcpOptions')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionDetour" color="primary" label="Detour" hide-details></v-switch>
<v-switch v-model="optionUDP" color="primary" :label="$t('listen.udpOptions')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionDS" color="primary" label="Domain Strategy" hide-details></v-switch>
<v-switch v-model="optionDS" color="primary" :label="$t('listen.domainStrategy')" hide-details></v-switch>
</v-list-item>
</v-list>
</v-card>
frontend/src/components/Multiplex.vue
+12 -12
View File
@@ -1,8 +1,8 @@
<template>
<v-card :subtitle="$t('in.multiplex')">
<v-card :subtitle="$t('objects.multiplex')">
<v-row>
<v-col cols="12" sm="6" md="4">
<v-switch color="primary" label="Enable Multiplex" v-model="muxEnable" hide-details></v-switch>
<v-switch color="primary" :label="$t('mux.enable')" v-model="muxEnable" hide-details></v-switch>
</v-col>
<template v-if="mux.enabled">
<template v-if="direction=='out'">
@@ -10,7 +10,7 @@
<v-select
hide-details
:items="[ 'smux', 'yamux', 'h2mux']"
label="Protocol"
:label="$t('protocol')"
clearable
@click:clear="mux.protocol=undefined"
v-model="mux.protocol">
@@ -18,7 +18,7 @@
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Max Connections"
:label="$t('mux.maxConn')"
hide-details
type="number"
min=0
@@ -27,7 +27,7 @@
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Min Streams"
:label="$t('mux.minStr')"
hide-details
type="number"
min=0
@@ -36,7 +36,7 @@
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Max Streams"
:label="$t('mux.maxStr')"
hide-details
type="number"
:min="min_streams"
@@ -45,29 +45,29 @@
</v-col>
</template>
<v-col cols="12" sm="6" md="4">
<v-switch color="primary" label="Reject Non-Padded" v-model="mux.padding" hide-details></v-switch>
<v-switch color="primary" :label="$t('mux.padding')" v-model="mux.padding" hide-details></v-switch>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-switch color="primary" label="Enable Brutal" v-model="burtalEnable" hide-details></v-switch>
<v-switch color="primary" :label="$t('mux.enableBrutal')" v-model="burtalEnable" hide-details></v-switch>
</v-col>
</template>
</v-row>
<v-row v-if="mux.brutal?.enabled">
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Uplink Bandwidth"
:label="$t('stats.upload')"
hide-details
type="number"
suffix="Mbps"
:suffix="$t('stats.Mbps')"
v-model.number="up_mbps">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Downlink Bandwidth"
:label="$t('stats.download')"
hide-details
type="number"
suffix="Mbps"
:suffix="$t('stats.Mbps')"
min="0"
v-model.number="down_mbps">
</v-text-field>
frontend/src/components/OutTLS.vue
+12 -12
View File
@@ -1,5 +1,5 @@
<template>
<v-card :subtitle="$t('in.tls')">
<v-card :subtitle="$t('objects.tls')">
<v-row v-if="tlsOptional">
<v-col cols="12" sm="6" md="4">
<v-switch color="primary" :label="$t('tls.enable')" v-model="tlsEnable" hide-details></v-switch>
@@ -8,10 +8,10 @@
<template v-if="tls.enabled">
<v-row>
<v-col cols="12" sm="6" md="4">
<v-switch color="primary" label="Disable SNI" v-model="disable_sni" hide-details></v-switch>
<v-switch color="primary" :label="$t('tls.disableSni')" v-model="disable_sni" hide-details></v-switch>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-switch color="primary" label="Allow Insecure" v-model="insecure" hide-details></v-switch>
<v-switch color="primary" :label="$t('tls.insecure')" v-model="insecure" hide-details></v-switch>
</v-col>
</v-row>
<template v-if="optionCert">
@@ -73,7 +73,7 @@
<v-col cols="12" sm="6" md="4" v-if="tls.min_version">
<v-select
hide-details
label="Minimum Version"
:label="$t('tls.minVer')"
:items="tlsVersions"
v-model="tls.min_version">
</v-select>
@@ -81,7 +81,7 @@
<v-col cols="12" sm="6" md="4" v-if="tls.max_version">
<v-select
hide-details
label="Maximum Version"
:label="$t('tls.maxVer')"
:items="tlsVersions"
v-model="tls.max_version">
</v-select>
@@ -91,7 +91,7 @@
<v-col cols="12" md="8">
<v-select
hide-details
label="Cipher Suites"
:label="$t('tls.cs')"
multiple
:items="cipher_suites"
v-model="tls.cipher_suites">
@@ -111,7 +111,7 @@
<v-row v-if="tls.reality != undefined">
<v-col cols="12" md="6">
<v-text-field
label="Public Key"
:label="$t('tls.pubKey')"
hide-details
v-model="tls.reality.public_key">
</v-text-field>
@@ -177,12 +177,12 @@
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details>TLS Options</v-btn>
<v-btn v-bind="props" hide-details>{{ $t('tls.options') }}</v-btn>
</template>
<v-card>
<v-list>
<v-list-item>
<v-switch v-model="optionCert" color="primary" label="Certificate" hide-details></v-switch>
<v-switch v-model="optionCert" color="primary" :label="$t('tls.cert')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionSNI" color="primary" label="SNI" hide-details></v-switch>
@@ -191,13 +191,13 @@
<v-switch v-model="optionALPN" color="primary" label="ALPN" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionMinV" color="primary" label="Min Version" hide-details></v-switch>
<v-switch v-model="optionMinV" color="primary" :label="$t('tls.minVer')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionMaxV" color="primary" label="Max Version" hide-details></v-switch>
<v-switch v-model="optionMaxV" color="primary" :label="$t('tls.maxVer')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionCS" color="primary" label="Cipher Suites" hide-details></v-switch>
<v-switch v-model="optionCS" color="primary" :label="$t('tls.cs')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionFP" color="primary" label="UTLS" hide-details></v-switch>
frontend/src/components/Rule.vue
+24 -24
View File
@@ -24,7 +24,7 @@
<v-col cols="12" sm="6" md="4" v-if="optionIPver">
<v-select
hide-details
label="IP Version"
:label="$t('rule.ipVer')"
:items="[4,6]"
v-model.number="rule.ip_version">
</v-select>
@@ -33,7 +33,7 @@
<v-combobox
v-model="rule.protocol"
:items="['http','tls', 'quic', 'stun', 'dns']"
label="Protocols"
:label="$t('protocol')"
multiple
chips
hide-details
@@ -51,36 +51,36 @@
</v-col>
<v-col cols="12" sm="6" v-if="rule.domain != undefined">
<v-text-field
label="Domains (comma separated)"
:label="$t('rule.domain') + ' ' + $t('commaSeparated')"
hide-details
v-model="domain"></v-text-field>
</v-col>
<v-col cols="12" sm="6" v-if="rule.domain_suffix != undefined">
<v-text-field
label="Domain Suffixes (comma separated)"
:label="$t('rule.domainSufix') + ' ' + $t('commaSeparated')"
hide-details
v-model="domain_suffix"></v-text-field>
</v-col>
<v-col cols="12" sm="6" v-if="rule.domain_keyword != undefined">
<v-text-field
label="Domain Keywords (comma separated)"
:label="$t('rule.domainKw') + ' ' + $t('commaSeparated')"
hide-details
v-model="domain_keyword"></v-text-field>
</v-col>
<v-col cols="12" sm="6" v-if="rule.domain_regex != undefined">
<v-text-field
label="Domain Regexes (comma separated)"
:label="$t('rule.domainRgx') + ' ' + $t('commaSeparated')"
hide-details
v-model="domain_regex"></v-text-field>
</v-col>
<v-col cols="12" sm="6" v-if="rule.ip_cidr != undefined">
<v-text-field
label="IP CIDRs (comma separated)"
:label="$t('rule.ip') + ' ' + $t('commaSeparated')"
hide-details
v-model="ip_cidr"></v-text-field>
</v-col>
<v-col cols="12" sm="6" v-if="rule.ip_is_private != undefined">
<v-switch v-model="rule.ip_is_private" color="primary" label="Private IP" hide-details></v-switch>
<v-switch v-model="rule.ip_is_private" color="primary" :label="$t('rule.privateIp')" hide-details></v-switch>
</v-col>
</v-row>
<v-row v-if="optionPort">
@@ -94,13 +94,13 @@
</v-col>
<v-col cols="12" sm="6" v-if="rule.port != undefined">
<v-text-field
label="Ports (comma separated)"
:label="$t('rule.port') + ' ' + $t('commaSeparated')"
hide-details
v-model="port"></v-text-field>
</v-col>
<v-col cols="12" sm="6" v-if="rule.port_range != undefined">
<v-text-field
label="Port Ranges (comma separated)"
:label="$t('rule.portRange') + ' ' + $t('commaSeparated')"
hide-details
v-model="port_range"></v-text-field>
</v-col>
@@ -116,12 +116,12 @@
</v-col>
<v-col cols="12" sm="6" v-if="rule.source_ip_cidr != undefined">
<v-text-field
label="Source IP CIDRs (comma separated)"
:label="$t('rule.srcIp') + ' ' + $t('commaSeparated')"
hide-details
v-model="source_ip_cidr"></v-text-field>
</v-col>
<v-col cols="12" sm="6" v-if="rule.source_ip_is_private != undefined">
<v-switch v-model="rule.source_ip_is_private" color="primary" label="Private Source IP" hide-details></v-switch>
<v-switch v-model="rule.source_ip_is_private" color="primary" :label="$t('rule.srcPrivateIp')" hide-details></v-switch>
</v-col>
</v-row>
<v-row v-if="optionSrcPort">
@@ -135,13 +135,13 @@
</v-col>
<v-col cols="12" sm="6" v-if="rule.source_port != undefined">
<v-text-field
label="Source Ports (comma separated)"
:label="$t('rule.srcPort') + ' ' + $t('commaSeparated')"
hide-details
v-model="source_port"></v-text-field>
</v-col>
<v-col cols="12" sm="6" v-if="rule.source_port_range != undefined">
<v-text-field
label="Source Port Ranges (comma separated)"
:label="$t('rule.srcPortRange') + ' ' + $t('commaSeparated')"
hide-details
v-model="source_port_range"></v-text-field>
</v-col>
@@ -151,21 +151,21 @@
<v-combobox
v-model="rule.rule_set"
:items="rsTags"
label="Rulesets"
:label="$t('rule.ruleset')"
multiple
chips
hide-details
></v-combobox>
</v-col>
<v-col cols="12" sm="6">
<v-switch v-model="rule.rule_set_ipcidr_match_source" color="primary" label="Ruleset IPcidr Match Source" hide-details></v-switch>
<v-switch v-model="rule.rule_set_ipcidr_match_source" color="primary" :label="$t('rule.rulesetMatchSrc')" hide-details></v-switch>
</v-col>
</v-row>
<v-card-actions>
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details variant="tonal">Rule Options</v-btn>
<v-btn v-bind="props" hide-details variant="tonal">{{ $t('rule.options') }}</v-btn>
</template>
<v-card>
<v-list>
@@ -176,25 +176,25 @@
<v-switch v-model="optionClient" color="primary" :label="$t('pages.clients')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionIPver" color="primary" label="IP Version" hide-details></v-switch>
<v-switch v-model="optionIPver" color="primary" :label="$t('rule.ipVer')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionProtocol" color="primary" label="Protocol" hide-details></v-switch>
<v-switch v-model="optionProtocol" color="primary" :label="$t('protocol')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionDomain" color="primary" label="Domain/IP" hide-details></v-switch>
<v-switch v-model="optionDomain" color="primary" :label="$t('rule.domainRules')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionPort" color="primary" label="Port" hide-details></v-switch>
<v-switch v-model="optionPort" color="primary" :label="$t('in.port')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionSrcIP" color="primary" label="Source IP" hide-details></v-switch>
<v-switch v-model="optionSrcIP" color="primary" :label="$t('rule.srcIpRules')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionSrcPort" color="primary" label="Source Port" hide-details></v-switch>
<v-switch v-model="optionSrcPort" color="primary" :label="$t('rule.srcPortRules')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionRuleSet" color="primary" label="Rule Set" hide-details></v-switch>
<v-switch v-model="optionRuleSet" color="primary" :label="$t('rule.ruleset')" hide-details></v-switch>
</v-list-item>
</v-list>
</v-card>
frontend/src/components/Transport.vue
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<v-card :subtitle="$t('in.transport')">
<v-card :subtitle="$t('objects.transport')">
<v-row>
<v-col cols="12" sm="6" md="4">
<v-switch color="primary" :label="$t('transport.enable')" v-model="tpEnable" hide-details></v-switch>
frontend/src/components/Users.vue
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<v-card subtitle="Clients">
<v-card :subtitle="$t('pages.clients')">
<v-row>
<v-col cols="12" sm="6" md="4">
<v-switch
frontend/src/components/WgPeer.vue
+10 -10
View File
@@ -2,14 +2,14 @@
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Server Address"
:label="$t('out.addr')"
hide-details
v-model="data.server">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Server Port"
:label="$t('out.port')"
type="number"
min="0"
hide-details
@@ -18,19 +18,19 @@
</v-col>
</v-row>
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="data.public_key" label="Public Key" hide-details></v-text-field>
<v-col cols="12" sm="6">
<v-text-field v-model="data.public_key" :label="$t('types.wg.pubKey')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="data.pre_shared_key" label="Pre-Shared Key" hide-details></v-text-field>
<v-col cols="12" sm="6">
<v-text-field v-model="data.pre_shared_key" :label="$t('types.wg.psk')" hide-details></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="allowed_ips" label="Allowed IPs (comma separated)" hide-details></v-text-field>
<v-col cols="12" sm="6">
<v-text-field v-model="allowed_ips" :label="$t('types.wg.allowedIp') + ' ' + $t('commaSeparated')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="reserved" label="Reserved (comma separated)" hide-details></v-text-field>
<v-col cols="12" sm="6">
<v-text-field v-model="reserved" :label="'Reserved ' + $t('commaSeparated')" hide-details></v-text-field>
</v-col>
</v-row>
</template>
frontend/src/components/protocols/Direct.vue
+10 -14
View File
@@ -6,29 +6,29 @@
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Override Address"
:label="$t('types.direct.overrideAddr')"
hide-details
v-model="data.override_address">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Override Port"
:label="$t('types.direct.overridePort')"
type="number"
min="0"
hide-details
v-model="override_port">
v-model.number="override_port">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="direction == 'out'">
<v-text-field
label="Proxy Protocol"
type="number"
min="0"
max="2"
<v-select
:label="$t('types.direct.proxyProtocol')"
:items="[1,2]"
hide-details
v-model="proxy_protocol">
</v-text-field>
clearable
@click:clear="delete data.proxy_protocol"
v-model.number="data.proxy_protocol">
</v-select>
</v-col>
</v-row>
</v-card>
@@ -47,10 +47,6 @@ export default {
get() { return this.$props.data.override_port ? this.$props.data.override_port : ''; },
set(newValue: any) { this.$props.data.override_port = newValue.length == 0 || newValue == 0 ? undefined : parseInt(newValue); }
},
proxy_protocol: {
get() { return this.$props.data.proxy_protocol ? this.$props.data.proxy_protocol : ''; },
set(newValue: any) { this.$props.data.proxy_protocol = newValue.length == 0 || newValue == 0 ? undefined : parseInt(newValue); }
},
},
components: { Network }
}
frontend/src/components/protocols/Http.vue
+3 -3
View File
@@ -3,21 +3,21 @@
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Username"
:label="$t('types.un')"
hide-details
v-model="username">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Password"
:label="$t('types.pw')"
hide-details
v-model="password">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Path"
:label="$t('transport.path')"
hide-details
v-model="data.path">
</v-text-field>
frontend/src/components/protocols/Hysteria.vue
+8 -8
View File
@@ -3,19 +3,19 @@
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Uplink Limit"
:label="$t('stats.upload')"
hide-details
type="number"
suffix="Mbps"
:suffix="$t('stats.Mbps')"
v-model.number="up_mbps">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Downlink Limit"
:label="$t('stats.download')"
hide-details
type="number"
suffix="Mbps"
:suffix="$t('stats.Mbps')"
min="0"
v-model.number="down_mbps">
</v-text-field>
@@ -24,14 +24,14 @@
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="obfs Password"
:label="$t('types.hy.obfs')"
hide-details
v-model="data.obfs">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="direction=='out'">
<v-text-field
label="Authentication String"
:label="$t('types.hy.auth')"
hide-details
v-model="data.auth_str">
</v-text-field>
@@ -87,7 +87,7 @@
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details>Hysteria Options</v-btn>
<v-btn v-bind="props" hide-details>{{ $t('types.hy.hyOptions') }}</v-btn>
</template>
<v-card>
<v-list>
@@ -101,7 +101,7 @@
<v-switch v-model="optionRsvClnt" color="primary" label="Recv window client" hide-details></v-switch>
</v-list-item>
<v-list-item v-if="direction=='in'">
<v-switch v-model="optionMaxConn" color="primary" label="Max connection" hide-details></v-switch>
<v-switch v-model="optionMaxConn" color="primary" label="Max conn client" hide-details></v-switch>
</v-list-item>
</v-list>
</v-card>
frontend/src/components/protocols/Hysteria2.vue
+10 -10
View File
@@ -3,19 +3,19 @@
<v-row v-if="direction == 'in'">
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Masquerade"
label="HTTP3 server on auth fail"
hide-details
v-model="data.masquerade">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-switch v-model="data.ignore_client_bandwidth" color="primary" label="Ignore Client Bandwidth" hide-details></v-switch>
<v-switch v-model="data.ignore_client_bandwidth" color="primary" :label="$t('types.hy.ignoreBw')" hide-details></v-switch>
</v-col>
</v-row>
<v-row v-else>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Password"
:label="$t('types.pw')"
hide-details
v-model="data.password">
</v-text-field>
@@ -27,20 +27,20 @@
<v-row v-if="!data.ignore_client_bandwidth">
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Uplink Limit"
:label="$t('stats.upload')"
hide-details
type="number"
suffix="Mbps"
:suffix="$t('stats.Mbps')"
min="0"
v-model.number="up_mbps">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Downlink Limit"
:label="$t('stats.download')"
hide-details
type="number"
suffix="Mbps"
:suffix="$t('stats.Mbps')"
min="0"
v-model.number="down_mbps">
</v-text-field>
@@ -49,7 +49,7 @@
<v-row v-if="data.obfs">
<v-col cols="12" sm="6" md="4">
<v-text-field
label="obfs Password"
:label="$t('types.hy.obfs')"
hide-details
v-model="data.obfs.password">
</v-text-field>
@@ -59,12 +59,12 @@
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details>Hysteria2 Options</v-btn>
<v-btn v-bind="props" hide-details>{{ $t('types.hy.hy2Options') }}</v-btn>
</template>
<v-card>
<v-list>
<v-list-item>
<v-switch v-model="optionObfs" color="primary" label="Obfs" hide-details></v-switch>
<v-switch v-model="optionObfs" color="primary" :label="$t('types.hy.obfs')" hide-details></v-switch>
</v-list-item>
</v-list>
</v-card>
frontend/src/components/protocols/OutShadowTls.vue
+2 -2
View File
@@ -5,13 +5,13 @@
<v-select
hide-details
:items="[1,2,3]"
label="Version"
:label="$t('version')"
v-model="version">
</v-select>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="data.version > 1">
<v-text-field
label="Password"
:label="$t('types.pw')"
hide-details
v-model="data.password">
</v-text-field>
frontend/src/components/protocols/Selector.vue
+2 -2
View File
@@ -16,13 +16,13 @@
<v-combobox
v-model="data.default"
:items="data.outbounds"
label="Default"
:label="$t('types.lb.defaultOut')"
clearable
hide-details
></v-combobox>
</v-col>
<v-col cols="12" sm="6">
<v-switch v-model="data.interrupt_exist_connections" color="primary" label="Interrupt exist connections" hide-details></v-switch>
<v-switch v-model="data.interrupt_exist_connections" color="primary" :label="$t('types.lb.interruptConn')" hide-details></v-switch>
</v-col>
</v-row>
</v-card>
frontend/src/components/protocols/ShadowTls.vue
+7 -7
View File
@@ -5,13 +5,13 @@
<v-select
hide-details
:items="[1,2,3]"
label="Version"
:label="$t('version')"
v-model="version">
</v-select>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="data.password != undefined">
<v-text-field
label="Password"
:label="$t('types.pw')"
hide-details
v-model="data.password">
</v-text-field>
@@ -20,14 +20,14 @@
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Handshake Server"
:label="$t('types.shdwTls.hs')"
hide-details
v-model="Inbound.handshake.server">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Server Port"
:label="$t('out.port')"
type="number"
min="0"
hide-details
@@ -39,7 +39,7 @@
<v-row v-if="Inbound.handshake_for_server_name != undefined">
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Add Hanshake Server"
:label="$t('types.shdwTls.adHS')"
hide-details
append-icon="mdi-plus"
@click:append="addHandshakeServer()"
@@ -67,14 +67,14 @@
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Handshake Server"
:label="$t('types.shdwTls.hs')"
hide-details
v-model="value.server">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Server Port"
:label="$t('out.port')"
type="number"
min="0"
hide-details
frontend/src/components/protocols/Shadowsocks.vue
+2 -2
View File
@@ -4,13 +4,13 @@
<v-col cols="12" sm="6" md="4">
<v-select
hide-details
label="Method"
:label="$t('in.ssMethod')"
:items="ssMethods"
v-model="data.method">
</v-select>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="data.password" label="Password" hide-details></v-text-field>
<v-text-field v-model="data.password" :label="$t('types.pw')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<Network :data="data" />
frontend/src/components/protocols/Socks.vue
+3 -3
View File
@@ -3,14 +3,14 @@
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Username"
:label="$t('types.un')"
hide-details
v-model="username">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Password"
:label="$t('types.pw')"
hide-details
v-model="password">
</v-text-field>
@@ -21,7 +21,7 @@
<v-select
hide-details
:items="['4','4a','5']"
label="Version"
:label="$t('version')"
v-model="data.version">
</v-select>
</v-col>
frontend/src/components/protocols/Ssh.vue
+10 -10
View File
@@ -39,7 +39,7 @@
<v-row>
<v-col cols="12" sm="6">
<v-text-field
label="Passphrase"
:label="$t('types.ssh.passphrase')"
hide-details
v-model="data.private_key_passphrase">
</v-text-field>
@@ -49,17 +49,17 @@
<template v-else>
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="data.user" label="SSH User" hide-details></v-text-field>
<v-text-field v-model="data.user" :label="$t('types.un')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="data.password" label="Password" hide-details></v-text-field>
<v-text-field v-model="data.password" :label="$t('types.pw')" hide-details></v-text-field>
</v-col>
</v-row>
</template>
<v-row v-if="optionHostKey">
<v-col cols="12" sm="6">
<v-textarea
label="Host Keys"
:label="$t('types.ssh.hostKey')"
hide-details
v-model="host_key">
</v-textarea>
@@ -67,17 +67,17 @@
</v-row>
<v-row>
<v-col cols="12" sm="6" md="4" v-if="data.host_key_algorithms != undefined">
<v-text-field v-model="algorithms" label="Key Algorithms (comma separated)" hide-details></v-text-field>
<v-text-field v-model="algorithms" :label="$t('types.ssh.algorithm') + ' ' + $t('commaSeparated')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="data.client_version != undefined">
<v-text-field v-model="data.client_version" label="Client Version" hide-details></v-text-field>
<v-text-field v-model="data.client_version" :label="$t('types.ssh.clientVer')" hide-details></v-text-field>
</v-col>
</v-row>
<v-card-actions>
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details>SSH Options</v-btn>
<v-btn v-bind="props" hide-details>{{ $t('types.ssh.options') }}</v-btn>
</template>
<v-card>
<v-list>
@@ -85,13 +85,13 @@
<v-switch v-model="optionKey" color="primary" label="SSH Key" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionHostKey" color="primary" label="Host Key" hide-details></v-switch>
<v-switch v-model="optionHostKey" color="primary" :label="$t('types.ssh.hostKey')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionAlgorithms" color="primary" label="Key Algorithms" hide-details></v-switch>
<v-switch v-model="optionAlgorithms" color="primary" :label="$t('types.ssh.algorithm')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionVer" color="primary" label="Client Version" hide-details></v-switch>
<v-switch v-model="optionVer" color="primary" :label="$t('types.ssh.clientVer')" hide-details></v-switch>
</v-list-item>
</v-list>
</v-card>
frontend/src/components/protocols/Tor.vue
+3 -3
View File
@@ -2,15 +2,15 @@
<v-card subtitle="Tor">
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="data.executable_path" label="Executable Path" hide-details></v-text-field>
<v-text-field v-model="data.executable_path" :label="$t('types.tor.execPath')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="data.data_directory" label="Data Directory" hide-details></v-text-field>
<v-text-field v-model="data.data_directory" :label="$t('types.tor.dataDir')" hide-details></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="extra_args" label="Extra Args (comma separated)" hide-details></v-text-field>
<v-text-field v-model="extra_args" :label="$t('types.tor.extArgs') + ' ' + $t('commaSeparated')" hide-details></v-text-field>
</v-col>
</v-row>
</v-card>
frontend/src/components/protocols/Trojan.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<v-card subtitle="Trojan">
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="data.password" label="Password" hide-details></v-text-field>
<v-text-field v-model="data.password" :label="$t('types.pw')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<Network :data="data" />
frontend/src/components/protocols/Tuic.vue
+6 -6
View File
@@ -5,7 +5,7 @@
<v-text-field v-model="data.uuid" label="UUID" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field v-model="data.password" label="Password" hide-details></v-text-field>
<v-text-field v-model="data.password" :label="$t('types.pw')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<Network :data="data" />
@@ -28,7 +28,7 @@
<v-col cols="12" sm="6" md="4">
<v-select
hide-details
label="Congestion Control"
:label="$t('types.tuic.congControl')"
:items="congestion_controls"
v-model="data.congestion_control">
</v-select>
@@ -40,20 +40,20 @@
<v-row>
<v-col cols="12" sm="6" md="4" v-if="direction == 'in'">
<v-text-field
label="Authentication Timeout"
:label="$t('types.tuic.authTimeout')"
hide-details
type="number"
suffix="s"
:suffix="$t('date.s')"
min="1"
v-model.number="auth_timeout">
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Heartbeat"
:label="$t('types.tuic.hb')"
hide-details
type="number"
suffix="s"
:suffix="$t('date.s')"
min="1"
v-model.number="heartbeat">
</v-text-field>
frontend/src/components/protocols/UrlTest.vue
+13 -13
View File
@@ -14,62 +14,62 @@
</v-row>
<v-row>
<v-col cols="12" sm="6" v-if="optionUrl">
<v-select v-model="data.url" label="URL" hide-details></v-select>
<v-text-field v-model="data.url" :label="$t('types.lb.testUrl')" hide-details></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12" sm="6" md="4" v-if="optionInterval">
<v-text-field
label="Interval"
:label="$t('types.lb.interval')"
hide-details
type="number"
min="3"
suffix="s"
:suffix="$t('date.s')"
v-model.number="interval"></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="optionTolerance">
<v-text-field
label="Tolerance"
:label="$t('types.lb.tolerance')"
hide-details
type="number"
min="0"
suffix="ms"
:suffix="$t('date.ms')"
v-model.number="tolerance"></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="optionIdle">
<v-text-field
label="Idle Timeout"
:label="$t('transport.idleTimeout')"
hide-details
type="number"
min="0"
suffix="m"
:suffix="$t('date.m')"
v-model.number="idle_timeout"></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12" sm="6">
<v-switch v-model="data.interrupt_exist_connections" color="primary" label="Interrupt exist connections" hide-details></v-switch>
<v-switch v-model="data.interrupt_exist_connections" color="primary" :label="$t('types.lb.interruptConn')" hide-details></v-switch>
</v-col>
</v-row>
<v-card-actions>
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details>SSH Options</v-btn>
<v-btn v-bind="props" hide-details>{{ $t('types.lb.urlTestOptions') }}</v-btn>
</template>
<v-card>
<v-list>
<v-list-item>
<v-switch v-model="optionUrl" color="primary" label="Test URL" hide-details></v-switch>
<v-switch v-model="optionUrl" color="primary" :label="$t('types.lb.testUrl')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionInterval" color="primary" label="Interval" hide-details></v-switch>
<v-switch v-model="optionInterval" color="primary" :label="$t('types.lb.interval')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionTolerance" color="primary" label="Tolerance" hide-details></v-switch>
<v-switch v-model="optionTolerance" color="primary" :label="$t('types.lb.tolerance')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionIdle" color="primary" label="Idle Timeout" hide-details></v-switch>
<v-switch v-model="optionIdle" color="primary" :label="$t('transport.idleTimeout')" hide-details></v-switch>
</v-list-item>
</v-list>
</v-card>
frontend/src/components/protocols/Vless.vue
+2 -2
View File
@@ -7,7 +7,7 @@
<v-col cols="12" sm="6" md="4">
<v-select
hide-details
label="Flow"
:label="$t('types.vless.flow')"
:items="['','xtls-rprx-vision']"
v-model="data.flow">
</v-select>
@@ -17,7 +17,7 @@
<v-col cols="12" sm="6" md="4">
<v-select
hide-details
label="UDP Packet Encoding"
:label="$t('types.vless.udpEnc')"
:items="['none','packetaddr','xudp']"
v-model="packet_encoding">
</v-select>
frontend/src/components/protocols/Vmess.vue
+4 -4
View File
@@ -18,7 +18,7 @@
<v-col cols="12" sm="6" md="4">
<v-select
hide-details
label="Security"
:label="$t('types.vmess.security')"
:items="securities"
v-model="data.security">
</v-select>
@@ -26,7 +26,7 @@
<v-col cols="12" sm="6" md="4">
<v-select
hide-details
label="UDP Packet Encoding"
:label="$t('types.vless.udpEnc')"
:items="['none','packetaddr','xudp']"
v-model="packet_encoding">
</v-select>
@@ -35,10 +35,10 @@
<Network :data="data" />
</v-col>
<v-col cols="12" sm="6" md="4">
<v-switch v-model="data.global_padding" color="primary" label="Global Padding" hide-details></v-switch>
<v-switch v-model="data.global_padding" color="primary" :label="$t('types.vmess.globalPadding')" hide-details></v-switch>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-switch v-model="data.authenticated_length" color="primary" label="Encryptrd Length" hide-details></v-switch>
<v-switch v-model="data.authenticated_length" color="primary" :label="$t('types.vmess.authLen')" hide-details></v-switch>
</v-col>
</v-row>
</v-card>
frontend/src/components/protocols/Wireguard.vue
+24 -24
View File
@@ -2,25 +2,25 @@
<v-card subtitle="Wireguard">
<v-row>
<v-col cols="12" sm="8">
<v-text-field v-model="data.private_key" label="Private Key" hide-details></v-text-field>
<v-text-field v-model="data.private_key" :label="$t('types.wg.privKey')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="8">
<v-text-field v-model="data.peer_public_key" label="Peer Public Key" hide-details></v-text-field>
<v-text-field v-model="data.peer_public_key" :label="$t('types.wg.pubKey')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="8" v-if="data.pre_shared_key != undefined">
<v-text-field v-model="data.pre_shared_key" label="Pre-Shared Key" hide-details></v-text-field>
<v-text-field v-model="data.pre_shared_key" :label="$t('types.wg.psk')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="8">
<v-text-field v-model="local_ips" label="Local IPs (comma separated)" hide-details></v-text-field>
<v-text-field v-model="local_ips" :label="$t('types.wg.localIp') + ' ' + $t('commaSeparated')" hide-details></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12" sm="6" md="4" v-if="data.reserved != undefined">
<v-text-field v-model="reserved" label="Reserved (comma separated)" hide-details></v-text-field>
<v-text-field v-model="reserved" :label="'Reserved ' + $t('commaSeparated')" hide-details></v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4" v-if="data.workers != undefined">
<v-text-field
label="Workers"
:label="$t('types.wg.worker')"
hide-details
type="number"
min=1
@@ -43,7 +43,7 @@
</v-col>
<v-col cols="12" sm="6" md="4" v-if="data.interface_name != undefined">
<v-text-field
label="Interface Name"
:label="$t('types.wg.ifName')"
hide-details
v-model.number="data.interface_name">
</v-text-field>
@@ -51,55 +51,55 @@
</v-row>
<v-row>
<v-col cols="12" sm="6" md="4">
<v-switch v-model="data.system_interface" color="primary" label="System Interface" hide-details></v-switch>
<v-switch v-model="data.system_interface" color="primary" :label="$t('types.wg.sysIf')" hide-details></v-switch>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-switch v-model="data.gso" color="primary" label="Segmentation Offload" hide-details></v-switch>
<v-switch v-model="data.gso" color="primary" :label="$t('types.wg.gso')" hide-details></v-switch>
</v-col>
</v-row>
<v-card-actions>
<v-spacer></v-spacer>
<v-menu v-model="menu" :close-on-content-click="false" location="start">
<template v-slot:activator="{ props }">
<v-btn v-bind="props" hide-details>Wireguard Options</v-btn>
<v-btn v-bind="props" hide-details>{{ $t('types.wg.options') }}</v-btn>
</template>
<v-card>
<v-list>
<v-list-item>
<v-switch v-model="optionPsk" color="primary" label="Pre-shared Key" hide-details></v-switch>
<v-switch v-model="optionPsk" color="primary" :label="$t('types.wg.psk')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionRsrv" color="primary" label="Reserved" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionWorker" color="primary" label="Worker" hide-details></v-switch>
<v-switch v-model="optionWorker" color="primary" :label="$t('types.wg.worker')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionMtu" color="primary" label="MTU" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionInterface" color="primary" label="Interface Name" hide-details></v-switch>
<v-switch v-model="optionInterface" color="primary" :label="$t('types.wg.ifName')" hide-details></v-switch>
</v-list-item>
<v-list-item>
<v-switch v-model="optionPeers" color="primary" label="Multi Peer" hide-details></v-switch>
<v-switch v-model="optionPeers" color="primary" :label="$t('types.wg.multiPeer')" hide-details></v-switch>
</v-list-item>
</v-list>
</v-card>
</v-menu>
</v-card-actions>
</v-card>
<v-card subtitle="Peers" v-if="data.peers != undefined">
<v-card v-if="data.peers != undefined">
<v-card-subtitle>
{{ $t('types.wg.peers') }} <v-icon @click="addPeer" icon="mdi-plus" />
</v-card-subtitle>
<template v-for="(p, index) in data.peers">
Peer {{ index+1 }} <v-icon icon="mdi-delete" @click="data.peers.splice(index,1)" />
<v-divider></v-divider>
<Peer :data="p" />
<v-card style="margin-top: 1rem;">
<v-card-subtitle>
{{ $t('types.wg.peer') + ' ' + (index+1) }} <v-icon icon="mdi-delete" @click="data.peers.splice(index,1)" />
</v-card-subtitle>
<Peer :data="p" />
</v-card>
</template>
<v-card-actions class="pt-0">
<v-spacer></v-spacer>
<v-btn @click="addPeer" rounded>
<v-icon icon="mdi-plus" />Peer
</v-btn>
</v-card-actions>
</v-card>
</template>
frontend/src/components/transports/Http.vue
+9 -5
View File
@@ -15,17 +15,20 @@
</v-text-field>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Method"
<v-select
:label="$t('transport.httpMethod')"
hide-details
clearable
@click:clear="delete transport.method"
:items="methodList"
v-model="transport.method">
</v-text-field>
</v-select>
</v-col>
</v-row>
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Idle Timeout"
:label="$t('transport.idleTimeout')"
hide-details
type="number"
suffix="s"
@@ -35,7 +38,7 @@
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Ping Timeout"
:label="$t('transport.pingTimeout')"
hide-details
type="number"
suffix="s"
@@ -54,6 +57,7 @@ export default {
props: ['transport'],
data() {
return {
methodList: ['POST', 'GET', 'PUT', 'PATCH', 'DELETE']
}
},
computed: {
frontend/src/components/transports/gRPC.vue
+4 -4
View File
@@ -2,7 +2,7 @@
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Service Name"
:label="$t('transport.grpcServiceName')"
hide-details
v-model="transport.service_name">
</v-text-field>
@@ -11,7 +11,7 @@
<v-switch
color="primary"
v-model="transport.permit_without_stream"
label="Permit Without Stream"
:label="$t('transport.grpcPws')"
hide-details>
</v-switch>
</v-col>
@@ -19,7 +19,7 @@
<v-row>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Idle Timeout"
:label="$t('transport.idleTimeout')"
hide-details
type="number"
suffix="s"
@@ -29,7 +29,7 @@
</v-col>
<v-col cols="12" sm="6" md="4">
<v-text-field
label="Ping Timeout"
:label="$t('transport.pingTimeout')"
hide-details
type="number"
suffix="s"