refact: web desktop, web_id_input_tip (#9490)

* refact: web desktop, web_id_input_tip

Signed-off-by: fufesou <linlong1266@gmail.com>

* Update en.rs

* Update cn.rs

* Update en.rs

---------

Signed-off-by: fufesou <linlong1266@gmail.com>
Co-authored-by: RustDesk <71636191+rustdesk@users.noreply.github.com>

flutter/lib/common/widgets/connection_page_title.dart

@@ -0,0 +1,38 @@
+import 'package:auto_size_text/auto_size_text.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+import '../../common.dart';
+
+Widget getConnectionPageTitle(BuildContext context, bool isWeb) {
+  return Row(
+    children: [
+      Expanded(
+          child: Row(
+        children: [
+          AutoSizeText(
+            translate('Control Remote Desktop'),
+            maxLines: 1,
+            style: Theme.of(context)
+                .textTheme
+                .titleLarge
+                ?.merge(TextStyle(height: 1)),
+          ).marginOnly(right: 4),
+          Tooltip(
+            waitDuration: Duration(milliseconds: 300),
+            message: translate(isWeb ? "web_id_input_tip" : "id_input_tip"),
+            child: Icon(
+              Icons.help_outline_outlined,
+              size: 16,
+              color: Theme.of(context)
+                  .textTheme
+                  .titleLarge
+                  ?.color
+                  ?.withOpacity(0.5),
+            ),
+          ),
+        ],
+      )),
+    ],
+  );
+}

flutter/lib/desktop/pages/connection_page.dart

@@ -3,8 +3,8 @@
 import 'dart:async';
 import 'dart:convert';
 
-import 'package:auto_size_text/auto_size_text.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_hbb/common/widgets/connection_page_title.dart';
 import 'package:flutter_hbb/consts.dart';
 import 'package:flutter_hbb/models/state_model.dart';
 import 'package:get/get.dart';
@@ -323,36 +323,7 @@ class _ConnectionPageState extends State<ConnectionPage>
       child: Ink(
         child: Column(
           children: [
-            Row(
-              children: [
-                Expanded(
-                    child: Row(
-                  children: [
-                    AutoSizeText(
-                      translate('Control Remote Desktop'),
-                      maxLines: 1,
-                      style: Theme.of(context)
-                          .textTheme
-                          .titleLarge
-                          ?.merge(TextStyle(height: 1)),
-                    ).marginOnly(right: 4),
-                    Tooltip(
-                      waitDuration: Duration(milliseconds: 300),
-                      message: translate("id_input_tip"),
-                      child: Icon(
-                        Icons.help_outline_outlined,
-                        size: 16,
-                        color: Theme.of(context)
-                            .textTheme
-                            .titleLarge
-                            ?.color
-                            ?.withOpacity(0.5),
-                      ),
-                    ),
-                  ],
-                )),
-              ],
-            ).marginOnly(bottom: 15),
+            getConnectionPageTitle(context, false).marginOnly(bottom: 15),
             Row(
               children: [
                 Expanded(

flutter/lib/mobile/pages/connection_page.dart

@@ -3,6 +3,7 @@ import 'dart:async';
 import 'package:auto_size_text_field/auto_size_text_field.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hbb/common/formatter/id_formatter.dart';
+import 'package:flutter_hbb/common/widgets/connection_page_title.dart';
 import 'package:get/get.dart';
 import 'package:provider/provider.dart';
 import 'package:url_launcher/url_launcher.dart';
@@ -349,9 +350,14 @@ class _ConnectionPageState extends State<ConnectionPage> {
         ),
       ),
     );
+    final child = Column(children: [
+      if (isWebDesktop)
+        getConnectionPageTitle(context, true).marginOnly(bottom: 10, top: 15, left: 12),
+      w
+    ]);
     return Align(
         alignment: Alignment.topCenter,
-        child: Container(constraints: kMobilePageConstraints, child: w));
+        child: Container(constraints: kMobilePageConstraints, child: child));
   }
 
   @override

src/lang/ar.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/be.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/bg.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/ca.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/cn.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "被控端启用了单向文件传输"),
         ("Authentication Required", "需要身份验证"),
         ("Authenticate", "认证"),
+        ("web_id_input_tip", "可以输入同一个服务器内的 ID, web 客户端不支持直接 IP 访问。\n要访问另一台服务器上的设备，请附加服务器地址（<ID>@<服务器地址>?key=<密钥>）。比如，\n9123456234@192.168.16.1:21117?key=5Qbwsde3unUcJBtrx9ZkvUmwFNoExHzpryHuPUdqlWM=。\n要访问公共服务器上的设备，请输入 \"<ID>@public\", 无需密钥。"),
     ].iter().cloned().collect();
 }

src/lang/cs.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/da.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/de.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "Die einseitige Dateiübertragung ist auf der kontrollierten Seite aktiviert."),
         ("Authentication Required", "Authentifizierung erforderlich"),
         ("Authenticate", "Authentifizieren"),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/el.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/en.rs

@@ -235,5 +235,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("network_error_tip", "Please check your network connection, then click retry."),
         ("enable-trusted-devices-tip", "Skip 2FA verification on trusted devices"),
         ("one-way-file-transfer-tip", "One-way file transfer is enabled on the controlled side."),
+        ("web_id_input_tip", "You can input an ID in the same server, direct IP access is not supported in web client.\nIf you want to access a device on another server, please append the server address (<id>@<server_address>?key=<key_value>), for example,\n9123456234@192.168.16.1:21117?key=5Qbwsde3unUcJBtrx9ZkvUmwFNoExHzpryHuPUdqlWM=.\nIf you want to access a device on a public server, please input \"<id>@public\", the key is not needed for public server."),
     ].iter().cloned().collect();
 }

src/lang/eo.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/es.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "La transferencia en un sentido está habilitada en el lado controlado."),
         ("Authentication Required", "Se requiere autenticación"),
         ("Authenticate", "Autenticar"),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/et.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/eu.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/fa.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/fr.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/he.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/hr.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/hu.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/id.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/it.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "Sul lato controllato  è abilitato il trasferimento file unidirezionale."),
         ("Authentication Required", "Richiesta autenticazione"),
         ("Authenticate", "Autentica"),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/ja.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/ko.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "단방향 파일 전송은 제어되는 쪽에서 활성화됩니다."),
         ("Authentication Required", "인증 필요함"),
         ("Authenticate", "인증"),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/kz.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/lt.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/lv.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "Kontrolējamajā pusē ir iespējota vienvirziena failu pārsūtīšana."),
         ("Authentication Required", "Nepieciešama autentifikācija"),
         ("Authenticate", "Autentificēt"),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/nb.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/nl.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "Eenzijdige bestandsoverdracht is ingeschakeld aan de gecontroleerde kant."),
         ("Authentication Required", "Verificatie vereist"),
         ("Authenticate", "Verificatie"),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/pl.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/pt_PT.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/ptbr.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/ro.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/ru.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "На управляемой стороне включена односторонняя передача файлов."),
         ("Authentication Required", "Требуется аутентификация"),
         ("Authenticate", "Аутентификация"),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/sk.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/sl.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/sq.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/sr.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/sv.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/template.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/th.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/tr.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/tw.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "被控端啟用了單向文件傳輸"),
         ("Authentication Required", "需要身分驗證"),
         ("Authenticate", "認證"),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/uk.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", "На керованій стороні ввімкнено одностороннє передавання файлів."),
         ("Authentication Required", "Потрібна автентифікація"),
         ("Authenticate", "Автентифікувати"),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }

src/lang/vn.rs

@@ -647,5 +647,6 @@ pub static ref T: std::collections::HashMap<&'static str, &'static str> =
         ("one-way-file-transfer-tip", ""),
         ("Authentication Required", ""),
         ("Authenticate", ""),
+        ("web_id_input_tip", ""),
     ].iter().cloned().collect();
 }