Home Explore Help
Sign In
txlyre
/
3x-ui
mirror of https://github.com/MHSanaei/3x-ui
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

feat(ui): use the host as the browser tab title prefix

MHSanaei 1 day ago
parent
bbefe91011
commit
4e1b597914
15 changed files with 28 additions and 7 deletions
Split View Show Diff Stats
  1. 1 1
      frontend/api-docs.html
  2. 1 1
      frontend/inbounds.html
  3. 1 1
      frontend/index.html
  4. 1 1
      frontend/login.html
  5. 1 1
      frontend/nodes.html
  6. 1 1
      frontend/settings.html
  7. 2 0
      frontend/src/entries/api-docs.js
  8. 2 0
      frontend/src/entries/inbounds.js
  9. 2 0
      frontend/src/entries/index.js
  10. 2 0
      frontend/src/entries/login.js
  11. 2 0
      frontend/src/entries/nodes.js
  12. 2 0
      frontend/src/entries/settings.js
  13. 2 0
      frontend/src/entries/xray.js
  14. 7 0
      frontend/src/utils/index.js
  15. 1 1
      frontend/xray.html

+ 1 - 1
frontend/api-docs.html
View File 

@@ -3,7 +3,7 @@
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <title>3x-ui · API Docs</title>
 
+    <title>API Docs</title>
 
   </head>
 
   <body>
 
     <div id="message"></div>

+ 1 - 1
frontend/inbounds.html
View File 

@@ -3,7 +3,7 @@
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <title>3x-ui · Inbounds</title>
 
+    <title>Inbounds</title>
 
   </head>
 
   <body>
 
     <div id="message"></div>

+ 1 - 1
frontend/index.html
View File 

@@ -3,7 +3,7 @@
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <title>3x-ui</title>
 
+    <title>Overview</title>
 
   </head>
 
   <body>
 
     <div id="message"></div>

+ 1 - 1
frontend/login.html
View File 

@@ -4,7 +4,7 @@
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <meta name="robots" content="noindex,nofollow" />
 
-    <title>3x-ui — Sign in</title>
 
+    <title>Sign in</title>
 
   </head>
 
   <body>
 
     <div id="message"></div>

+ 1 - 1
frontend/nodes.html
View File 

@@ -3,7 +3,7 @@
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <title>3x-ui · Nodes</title>
 
+    <title>Nodes</title>
 
   </head>
 
   <body>
 
     <div id="message"></div>

+ 1 - 1
frontend/settings.html
View File 

@@ -3,7 +3,7 @@
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <title>3x-ui · Settings</title>
 
+    <title>Settings</title>
 
   </head>
 
   <body>
 
     <div id="message"></div>

+ 2 - 0
frontend/src/entries/api-docs.js
View File 

@@ -5,9 +5,11 @@ import 'ant-design-vue/dist/reset.css';
 
 import { setupAxios } from '@/api/axios-init.js';
 
 import '@/composables/useTheme.js';
 
 import { i18n } from '@/i18n/index.js';
 
+import { applyDocumentTitle } from '@/utils';
 
 import ApiDocsPage from '@/pages/api-docs/ApiDocsPage.vue';
 
 
 setupAxios();
 
+applyDocumentTitle();
 
 
 const messageContainer = document.getElementById('message');
 
 if (messageContainer) {

+ 2 - 0
frontend/src/entries/inbounds.js
View File 

@@ -5,9 +5,11 @@ import 'ant-design-vue/dist/reset.css';
 
 import { setupAxios } from '@/api/axios-init.js';
 
 import '@/composables/useTheme.js';
 
 import { i18n } from '@/i18n/index.js';
 
+import { applyDocumentTitle } from '@/utils';
 
 import InboundsPage from '@/pages/inbounds/InboundsPage.vue';
 
 
 setupAxios();
 
+applyDocumentTitle();
 
 
 const messageContainer = document.getElementById('message');
 
 if (messageContainer) {

+ 2 - 0
frontend/src/entries/index.js
View File 

@@ -7,9 +7,11 @@ import { setupAxios } from '@/api/axios-init.js';
 
 // stored theme to <body>/<html> before Vue mounts.
 
 import '@/composables/useTheme.js';
 
 import { i18n } from '@/i18n/index.js';
 
+import { applyDocumentTitle } from '@/utils';
 
 import IndexPage from '@/pages/index/IndexPage.vue';
 
 
 setupAxios();
 
+applyDocumentTitle();
 
 
 const messageContainer = document.getElementById('message');
 
 if (messageContainer) {

+ 2 - 0
frontend/src/entries/login.js
View File 

@@ -7,9 +7,11 @@ import { setupAxios } from '@/api/axios-init.js';
 
 // stored theme to <body>/<html> before Vue renders anything.
 
 import '@/composables/useTheme.js';
 
 import { i18n } from '@/i18n/index.js';
 
+import { applyDocumentTitle } from '@/utils';
 
 import LoginPage from '@/pages/login/LoginPage.vue';
 
 
 setupAxios();
 
+applyDocumentTitle();
 
 
 // Toasts attach to a #message div the page provides — keeps theme
 
 // styling in sync with the rest of the panel.

+ 2 - 0
frontend/src/entries/nodes.js
View File 

@@ -5,9 +5,11 @@ import 'ant-design-vue/dist/reset.css';
 
 import { setupAxios } from '@/api/axios-init.js';
 
 import '@/composables/useTheme.js';
 
 import { i18n } from '@/i18n/index.js';
 
+import { applyDocumentTitle } from '@/utils';
 
 import NodesPage from '@/pages/nodes/NodesPage.vue';
 
 
 setupAxios();
 
+applyDocumentTitle();
 
 
 const messageContainer = document.getElementById('message');
 
 if (messageContainer) {

+ 2 - 0
frontend/src/entries/settings.js
View File 

@@ -7,9 +7,11 @@ import { setupAxios } from '@/api/axios-init.js';
 
 // stored theme to <body>/<html> before Vue mounts.
 
 import '@/composables/useTheme.js';
 
 import { i18n } from '@/i18n/index.js';
 
+import { applyDocumentTitle } from '@/utils';
 
 import SettingsPage from '@/pages/settings/SettingsPage.vue';
 
 
 setupAxios();
 
+applyDocumentTitle();
 
 
 const messageContainer = document.getElementById('message');
 
 if (messageContainer) {

+ 2 - 0
frontend/src/entries/xray.js
View File 

@@ -5,9 +5,11 @@ import 'ant-design-vue/dist/reset.css';
 
 import { setupAxios } from '@/api/axios-init.js';
 
 import '@/composables/useTheme.js';
 
 import { i18n } from '@/i18n/index.js';
 
+import { applyDocumentTitle } from '@/utils';
 
 import XrayPage from '@/pages/xray/XrayPage.vue';
 
 
 setupAxios();
 
+applyDocumentTitle();
 
 
 const messageContainer = document.getElementById('message');
 
 if (messageContainer) {

+ 7 - 0
frontend/src/utils/index.js
View File 

@@ -75,6 +75,13 @@ export class HttpUtil {
 
     }
 
 }
 
 
+export function applyDocumentTitle() {
 
+    const host = window.location.hostname;
 
+    if (!host) return;
 
+    const current = document.title.trim();
 
+    document.title = current ? `${host} - ${current}` : host;
 
+}
 
+
 
 export class PromiseUtil {
 
     static async sleep(timeout) {
 
         await new Promise(resolve => {

+ 1 - 1
frontend/xray.html
View File 

@@ -3,7 +3,7 @@
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <title>3x-ui · Xray</title>
 
+    <title>Xray Config</title>
 
   </head>
 
   <body>
 
     <div id="message"></div>