Outbound modal

frontend/src/components/protocols/Vless.vue

@@ -0,0 +1,48 @@
+<template>
+  <v-card subtitle="VLESS">
+    <v-row>
+      <v-col cols="12" sm="6">
+        <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-select
+          hide-details
+          label="Flow"
+          :items="['','xtls-rprx-vision']"
+          v-model="data.flow">
+        </v-select>
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col cols="12" sm="6" md="4">
+        <v-select
+          hide-details
+          label="UDP Packet Encoding"
+          :items="['none','packetaddr','xudp']"
+          v-model="packet_encoding">
+        </v-select>
+      </v-col>
+      <v-col cols="12" sm="6" md="4">
+        <Network :data="data" />
+      </v-col>
+    </v-row>
+  </v-card>
+</template>
+
+<script lang="ts">
+import Network from '@/components/Network.vue'
+
+export default {
+  props: ['data'],
+  data() {
+    return {}
+  },
+  computed: {
+    packet_encoding: {
+      get() { return this.$props.data.packet_encoding != undefined ? this.$props.data.packet_encoding : 'none'; },
+      set(newValue:string) { this.$props.data.packet_encoding = newValue != "none" ? newValue : undefined }
+    },
+  },
+  components: { Network }
+}
+</script>