From 4b6e7fae283e6954409136ac58502c496532e41e Mon Sep 17 00:00:00 2001
From: "Shishkevich D." <135337715+shishkevichd@users.noreply.github.com>
Date: Mon, 16 Jun 2025 05:13:54 +0000
Subject: [PATCH] chore: add `DNS Presets` modal

---
 web/html/modals/dns_presets_modal.html | 110 +++++++++++++++++++++++++
 web/html/settings/xray/dns.html        |   9 +-
 web/html/xray.html                     |  11 +++
 web/translation/translate.ar_EG.toml   |   3 +
 web/translation/translate.en_US.toml   |   3 +
 web/translation/translate.es_ES.toml   |   3 +
 web/translation/translate.fa_IR.toml   |   3 +
 web/translation/translate.id_ID.toml   |   3 +
 web/translation/translate.ja_JP.toml   |   3 +
 web/translation/translate.pt_BR.toml   |   3 +
 web/translation/translate.ru_RU.toml   |   3 +
 web/translation/translate.tr_TR.toml   |   3 +
 web/translation/translate.uk_UA.toml   |   3 +
 web/translation/translate.vi_VN.toml   |   3 +
 web/translation/translate.zh_CN.toml   |   3 +
 web/translation/translate.zh_TW.toml   |   3 +
 16 files changed, 166 insertions(+), 3 deletions(-)
 create mode 100644 web/html/modals/dns_presets_modal.html

diff --git a/web/html/modals/dns_presets_modal.html b/web/html/modals/dns_presets_modal.html
new file mode 100644
index 00000000..010b973a
--- /dev/null
+++ b/web/html/modals/dns_presets_modal.html
@@ -0,0 +1,110 @@
+{{define "modals/dnsPresetsModal"}}
+<a-modal id="dnsPresets-modal" v-model="dnsPresetsModal.visible" :title="dnsPresetsModal.title" :closable="true"
+  :mask-closable="false" :footer="null" :class="themeSwitcher.currentTheme">
+  <a-list class="ant-dns-presets-list" bordered :style="{ width: '100%' }">
+    <a-list-item v-for="dns in dnsPresetsDatabase" :style="{ padding: '12px 16px' }">
+      <a-row justify="space-between" align="middle">
+        <a-col :span="12">
+          <a-space direction="vertical" size="small">
+            <span class="ant-dns-presets-list-name">[[ dns.name ]]</span>
+            <a-tag :color="dns.family ? 'purple' : 'green'">[[ dns.family ? '{{ i18n "pages.xray.dns.dnsPresetFamily" }}' : 'DNS' ]]</a-tag>
+          </a-space>
+        </a-col>
+        <a-col :span="12" :style="{ textAlign: 'right' }">
+          <a-button type="primary" @click="dnsPresetsModal.install(dns.data)">{{ i18n "install" }}</a-button>
+        </a-col>
+      </a-row>
+    </a-list-item>
+  </a-list>
+</a-modal>
+
+<style>
+  .dark .ant-dns-presets-list {
+    border-color: var(--dark-color-stroke)
+  }
+
+  .dark .ant-dns-presets-list-name {
+    color: var(--dark-color-text-primary);
+  }
+</style>
+
+<script>
+  const dnsPresetsDatabase = [
+    {
+      name: 'Google DNS',
+      family: false,
+      data: [
+        "8.8.8.8",
+        "8.8.4.4",
+        "2001:4860:4860::8888",
+        "2001:4860:4860::8844"
+      ]
+    },
+    {
+      name: 'Cloudflare DNS',
+      family: false,
+      data: [
+        "1.1.1.1",
+        "1.0.0.1",
+        "2606:4700:4700::1111",
+        "2606:4700:4700::1001"
+      ]
+    },
+    {
+      name: 'Adguard DNS',
+      family: false,
+      data: [
+        "94.140.14.14",
+        "94.140.15.15",
+        "2a10:50c0::ad1:ff",
+        "2a10:50c0::ad2:ff"
+      ]
+    },
+    {
+      name: 'Adguard Family DNS',
+      family: true,
+      data: [
+        "94.140.14.14",
+        "94.140.15.15",
+        "2a10:50c0::ad1:ff",
+        "2a10:50c0::ad2:ff"
+      ]
+    },
+    {
+      name: 'Cloudflare Family DNS',
+      family: true,
+      data: [
+        "1.1.1.3",
+        "1.0.0.3",
+        "2606:4700:4700::1113",
+        "2606:4700:4700::1003"
+      ]
+    }
+  ]
+
+  const dnsPresetsModal = {
+    title: '',
+    visible: false,
+    selected: null,
+    install(selectedPreset) {
+      return ObjectUtil.execute(dnsPresetsModal.selected, selectedPreset);
+    },
+    show({ title = '', selected = (selectedPreset) => { }, isEdit = false }) {
+      this.title = title;
+      this.selected = selected;
+      this.visible = true;
+    },
+    close() {
+      dnsPresetsModal.visible = false;
+    },
+  };
+
+  new Vue({
+    delimiters: ['[[', ']]'],
+    el: '#dnsPresets-modal',
+    data: {
+      dnsPresetsModal: dnsPresetsModal,
+    }
+  });
+</script>
+{{end}}
\ No newline at end of file
diff --git a/web/html/settings/xray/dns.html b/web/html/settings/xray/dns.html
index d442ef35..ba768cb8 100644
--- a/web/html/settings/xray/dns.html
+++ b/web/html/settings/xray/dns.html
@@ -110,9 +110,12 @@
             </template>
             <template v-else>
                 <a-empty description='{{ i18n "emptyDnsDesc" }}' :style="{ margin: '10px' }">
-                    <a-button type="primary" icon="plus" @click="addDNSServer()" :style="{ marginTop: '10px' }">
-                        <span>{{ i18n "pages.xray.dns.add" }}</span>
-                    </a-button>
+                    <a-button-group>
+                        <a-button type="primary" icon="plus" @click="addDNSServer()">
+                            <span>{{ i18n "pages.xray.dns.add" }}</span>
+                        </a-button>
+                        <a-button type="primary" icon="menu" @click="openDNSPresets()"></a-button>
+                    </a-button-group>
                 </a-empty>
             </template>
         </a-collapse-panel>
diff --git a/web/html/xray.html b/web/html/xray.html
index 0a09c399..787d1503 100644
--- a/web/html/xray.html
+++ b/web/html/xray.html
@@ -128,6 +128,7 @@
 {{template "modals/reverseModal"}}
 {{template "modals/balancerModal"}}
 {{template "modals/dnsModal"}}
+{{template "modals/dnsPresetsModal"}}
 {{template "modals/fakednsModal"}}
 {{template "modals/warpModal"}}
 <script>
@@ -817,6 +818,16 @@
                 this.obsSettings = '';
                 this.changeObsCode()
             },
+            openDNSPresets() {
+                dnsPresetsModal.show({
+                    title: '{{ i18n "pages.xray.dns.dnsPresetTitle" }}',
+                    selected: (selectedPreset) => {
+                        this.dnsServers = selectedPreset;
+                        
+                        dnsPresetsModal.close();
+                    }
+                });
+            },
             addDNSServer(){
                 dnsModal.show({
                     title: '{{ i18n "pages.xray.dns.add" }}',
diff --git a/web/translation/translate.ar_EG.toml b/web/translation/translate.ar_EG.toml
index ad653d17..50e1680f 100644
--- a/web/translation/translate.ar_EG.toml
+++ b/web/translation/translate.ar_EG.toml
@@ -521,6 +521,9 @@
 "unexpectIPs" = "عناوين IP غير متوقعة"
 "useSystemHosts" = "استخدام ملف Hosts الخاص بالنظام"
 "useSystemHostsDesc" = "استخدام ملف hosts من نظام مثبت"
+"usePreset" = "استخدام النموذج"
+"dnsPresetTitle" = "قوالب DNS"
+"dnsPresetFamily" = "العائلي"
 
 [pages.xray.fakedns]
 "add" = "أضف Fake DNS"
diff --git a/web/translation/translate.en_US.toml b/web/translation/translate.en_US.toml
index f90a9d9a..33339fa7 100644
--- a/web/translation/translate.en_US.toml
+++ b/web/translation/translate.en_US.toml
@@ -520,6 +520,9 @@
 "unexpectIPs" = "Unexpect IPs"
 "useSystemHosts" = "Use System Hosts"
 "useSystemHostsDesc" = "Use the hosts file from an installed system"
+"usePreset" = "Use Preset"
+"dnsPresetTitle" = "DNS Presets"
+"dnsPresetFamily" = "Family"
 
 [pages.xray.fakedns]
 "add" = "Add Fake DNS"
diff --git a/web/translation/translate.es_ES.toml b/web/translation/translate.es_ES.toml
index f7df1025..0b8d009c 100644
--- a/web/translation/translate.es_ES.toml
+++ b/web/translation/translate.es_ES.toml
@@ -523,6 +523,9 @@
 "unexpectIPs" = "IPs inesperadas"
 "useSystemHosts" = "Usar Hosts del sistema"
 "useSystemHostsDesc" = "Usar el archivo hosts de un sistema instalado"
+"usePreset" = "Usar plantilla"
+"dnsPresetTitle" = "Plantillas DNS"
+"dnsPresetFamily" = "Familiar"
 
 [pages.xray.fakedns]
 "add" = "Agregar DNS Falso"
diff --git a/web/translation/translate.fa_IR.toml b/web/translation/translate.fa_IR.toml
index ed4005da..9d53f47d 100644
--- a/web/translation/translate.fa_IR.toml
+++ b/web/translation/translate.fa_IR.toml
@@ -523,6 +523,9 @@
 "unexpectIPs" = "آی‌پی‌های غیرمنتظره"
 "useSystemHosts" = "استفاده از Hosts سیستم"
 "useSystemHostsDesc" = "استفاده از فایل hosts یک سیستم نصب‌شده"
+"usePreset" = "استفاده از پیش‌تنظیم"
+"dnsPresetTitle" = "پیش‌تنظیم‌های DNS"
+"dnsPresetFamily" = "خانوادگی"
 
 [pages.xray.fakedns]
 "add" = "افزودن دی‌ان‌اس جعلی"
diff --git a/web/translation/translate.id_ID.toml b/web/translation/translate.id_ID.toml
index bb50a3e1..f6a45b92 100644
--- a/web/translation/translate.id_ID.toml
+++ b/web/translation/translate.id_ID.toml
@@ -524,6 +524,9 @@
 "unexpectIPs" = "IP tak terduga"
 "useSystemHosts" = "Gunakan Hosts Sistem"
 "useSystemHostsDesc" = "Gunakan file hosts dari sistem yang terinstal"
+"usePreset" = "Gunakan templat"
+"dnsPresetTitle" = "Templat DNS"
+"dnsPresetFamily" = "Keluarga"
 
 [pages.xray.fakedns]
 "add" = "Tambahkan DNS Palsu"
diff --git a/web/translation/translate.ja_JP.toml b/web/translation/translate.ja_JP.toml
index 60b5b1a1..fa5ed69a 100644
--- a/web/translation/translate.ja_JP.toml
+++ b/web/translation/translate.ja_JP.toml
@@ -523,6 +523,9 @@
 "unexpectIPs" = "予期しないIP"
 "useSystemHosts" = "システムのHostsを使用"
 "useSystemHostsDesc" = "インストール済みシステムのhostsファイルを使用する"
+"usePreset" = "テンプレートを使用"
+"dnsPresetTitle" = "DNSテンプレート"
+"dnsPresetFamily" = "ファミリー"
 
 [pages.xray.fakedns]
 "add" = "フェイクDNS追加"
diff --git a/web/translation/translate.pt_BR.toml b/web/translation/translate.pt_BR.toml
index e37188bc..1c6cadb0 100644
--- a/web/translation/translate.pt_BR.toml
+++ b/web/translation/translate.pt_BR.toml
@@ -523,6 +523,9 @@
 "unexpectIPs" = "IPs inesperados"
 "useSystemHosts" = "Usar Hosts do sistema"
 "useSystemHostsDesc" = "Usar o arquivo hosts de um sistema instalado"
+"usePreset" = "Usar modelo"
+"dnsPresetTitle" = "Modelos DNS"
+"dnsPresetFamily" = "Familiar"
 
 [pages.xray.fakedns]
 "add" = "Adicionar Fake DNS"
diff --git a/web/translation/translate.ru_RU.toml b/web/translation/translate.ru_RU.toml
index 56b6419a..1254087e 100644
--- a/web/translation/translate.ru_RU.toml
+++ b/web/translation/translate.ru_RU.toml
@@ -523,6 +523,9 @@
 "unexpectIPs" = "Неожидаемые IP"
 "useSystemHosts" = "Использовать системные Hosts"
 "useSystemHostsDesc" = "Использовать файл hosts из установленной системы"
+"usePreset" = "Использовать шаблон"
+"dnsPresetTitle" = "Шаблоны DNS"
+"dnsPresetFamily" = "Семейный"
 
 [pages.xray.fakedns]
 "add" = "Создать Fake DNS"
diff --git a/web/translation/translate.tr_TR.toml b/web/translation/translate.tr_TR.toml
index 3ea8ebd0..4ace318a 100644
--- a/web/translation/translate.tr_TR.toml
+++ b/web/translation/translate.tr_TR.toml
@@ -523,6 +523,9 @@
 "unexpectIPs" = "Beklenmeyen IP'ler"
 "useSystemHosts" = "Sistem Hosts'larını Kullan"
 "useSystemHostsDesc" = "Yüklü bir sistemden hosts dosyasını kullan"
+"usePreset" = "Şablon kullan"
+"dnsPresetTitle" = "DNS Şablonları"
+"dnsPresetFamily" = "Aile"
 
 [pages.xray.fakedns]
 "add" = "Sahte DNS Ekle"
diff --git a/web/translation/translate.uk_UA.toml b/web/translation/translate.uk_UA.toml
index d20c613b..a8eb81e2 100644
--- a/web/translation/translate.uk_UA.toml
+++ b/web/translation/translate.uk_UA.toml
@@ -523,6 +523,9 @@
 "unexpectIPs" = "Неочікувані IP"
 "useSystemHosts" = "Використовувати системні Hosts"
 "useSystemHostsDesc" = "Використовувати файл hosts з встановленої системи"
+"usePreset" = "Використати шаблон"
+"dnsPresetTitle" = "Шаблони DNS"
+"dnsPresetFamily" = "Сімейний"
 
 [pages.xray.fakedns]
 "add" = "Додати підроблений DNS"
diff --git a/web/translation/translate.vi_VN.toml b/web/translation/translate.vi_VN.toml
index 672f4937..da5b09a5 100644
--- a/web/translation/translate.vi_VN.toml
+++ b/web/translation/translate.vi_VN.toml
@@ -523,6 +523,9 @@
 "unexpectIPs" = "IP không mong muốn"
 "useSystemHosts" = "Sử dụng Hosts hệ thống"
 "useSystemHostsDesc" = "Sử dụng file hosts từ hệ thống đã cài đặt"
+"usePreset" = "Dùng mẫu"
+"dnsPresetTitle" = "Mẫu DNS"
+"dnsPresetFamily" = "Gia đình"
 
 [pages.xray.fakedns]
 "add" = "Thêm DNS giả"
diff --git a/web/translation/translate.zh_CN.toml b/web/translation/translate.zh_CN.toml
index 191e7b85..7069c825 100644
--- a/web/translation/translate.zh_CN.toml
+++ b/web/translation/translate.zh_CN.toml
@@ -523,6 +523,9 @@
 "unexpectIPs" = "意外IP"
 "useSystemHosts" = "使用系统Hosts"
 "useSystemHostsDesc" = "使用已安装系统的hosts文件"
+"usePreset" = "使用模板"
+"dnsPresetTitle" = "DNS模板"
+"dnsPresetFamily" = "家庭"
 
 [pages.xray.fakedns]
 "add" = "添加假 DNS"
diff --git a/web/translation/translate.zh_TW.toml b/web/translation/translate.zh_TW.toml
index abf9124e..e933f4ce 100644
--- a/web/translation/translate.zh_TW.toml
+++ b/web/translation/translate.zh_TW.toml
@@ -525,6 +525,9 @@
 "unexpectIPs" = "意外IP"
 "useSystemHosts" = "使用系統Hosts"
 "useSystemHostsDesc" = "使用已安裝系統的hosts檔案"
+"usePreset" = "使用範本"
+"dnsPresetTitle" = "DNS範本"
+"dnsPresetFamily" = "家庭"
 
 [pages.xray.fakedns]
 "add" = "新增假 DNS"