Alireza Ahmadi
153 lines
4.2 KiB
Vue
153 lines
4.2 KiB
Vue
<template>
|
|
<v-card subtitle="ShadowTls">
|
|
<v-row>
|
|
<v-col cols="12" sm="6" md="4">
|
|
<v-select
|
|
hide-details
|
|
:items="[1,2,3]"
|
|
: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="$t('types.pw')"
|
|
hide-details
|
|
v-model="data.password">
|
|
</v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col cols="12" sm="6" md="4">
|
|
<v-text-field
|
|
: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="$t('out.port')"
|
|
type="number"
|
|
min="0"
|
|
hide-details
|
|
v-model="server_port">
|
|
</v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<Dial :dial="Inbound.handshake" :outTags="outTags" />
|
|
<v-row v-if="Inbound.handshake_for_server_name != undefined">
|
|
<v-col cols="12" sm="6" md="4">
|
|
<v-text-field
|
|
:label="$t('types.shdwTls.addHS')"
|
|
hide-details
|
|
append-icon="mdi-plus"
|
|
@click:append="addHandshakeServer()"
|
|
v-model="handshake_server">
|
|
</v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<v-card
|
|
v-for="(value, key) in Inbound.handshake_for_server_name"
|
|
border
|
|
density="compact"
|
|
style="margin: 5px;"
|
|
color="background">
|
|
<v-card-title>
|
|
<v-row>
|
|
<v-col>{{ key }}</v-col>
|
|
<v-spacer></v-spacer>
|
|
<v-col>
|
|
<v-btn @click="Inbound.handshake_for_server_name ? delete Inbound.handshake_for_server_name[key] : null"
|
|
icon="mdi-delete"
|
|
></v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card-title>
|
|
<v-row>
|
|
<v-col cols="12" sm="6" md="4">
|
|
<v-text-field
|
|
: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="$t('out.port')"
|
|
type="number"
|
|
min="0"
|
|
hide-details
|
|
v-model="value.server_port">
|
|
</v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<Dial :dial="value" :outTags="outTags" />
|
|
</v-card>
|
|
</v-card>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { ShadowTLS } from '@/types/inbounds'
|
|
import Dial from '../Dial.vue'
|
|
|
|
export default {
|
|
props: ['data', 'outTags'],
|
|
data() {
|
|
return {
|
|
handshake_server: ''
|
|
}
|
|
},
|
|
methods: {
|
|
addHandshakeServer() {
|
|
this.data.handshake_for_server_name[this.handshake_server] = {}
|
|
// Clear the input field after adding the server
|
|
this.handshake_server = ''
|
|
}
|
|
},
|
|
mounted() {
|
|
this.version = this.Inbound.version
|
|
},
|
|
computed: {
|
|
version: {
|
|
get() { this.version = this.Inbound.version; return this.Inbound.version; },
|
|
set(newValue: any) {
|
|
switch (newValue) {
|
|
case 1:
|
|
this.Inbound.password = undefined
|
|
this.Inbound.users = undefined
|
|
this.Inbound.handshake_for_server_name = undefined
|
|
break;
|
|
case 2:
|
|
if (!this.Inbound.password) {
|
|
this.Inbound.password = ""
|
|
}
|
|
this.Inbound.users = undefined
|
|
if (!this.Inbound.handshake_for_server_name) {
|
|
this.Inbound.handshake_for_server_name = {}
|
|
}
|
|
break;
|
|
case 3:
|
|
this.Inbound.password = undefined
|
|
if (Object.hasOwn(this.Inbound, 'users')) {
|
|
this.Inbound.users = []
|
|
}
|
|
if (!this.Inbound.handshake_for_server_name) {
|
|
this.Inbound.handshake_for_server_name = {}
|
|
}
|
|
break;
|
|
}
|
|
this.Inbound.version = newValue;
|
|
}
|
|
},
|
|
Inbound(): ShadowTLS {
|
|
return <ShadowTLS>this.$props.data;
|
|
},
|
|
server_port: {
|
|
get() { return this.Inbound.handshake.server_port ? this.Inbound.handshake.server_port : 443; },
|
|
set(newValue: any) { this.Inbound.handshake.server_port = newValue.length == 0 || newValue == 0 ? 443 : parseInt(newValue); }
|
|
},
|
|
},
|
|
components: { Dial }
|
|
}
|
|
</script> |