doc: 增加本地化

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor

@@ -1,10 +1,11 @@
 @namespace BootstrapBlazor.Server.Components.Samples.Tutorials
+@inject IStringLocalizer<BarCodeGenerator> Localizer
 @page "/tutorials/barcode"
 
 <div class="bc-main">
     <div class="row g-3">
         <div class="col-12 col-sm-6">
-            <h5>选择一个类型</h5>
+            <h5>@Localizer["SelectType"]</h5>
             <div class="bc-type-list">
                 @foreach (var item in _contents)
                 {
@@ -63,7 +64,8 @@
             </div>
         </div>
         <div class="col-12 col-sm-6">
-            <h5>预览</h5>
+            <h5>@Localizer["Preview"]</h5>
+            <p>@((MarkupString)_desc)</p>
             <div class="bc-qr-content">
                 @if (!string.IsNullOrEmpty(_content))
                 {

src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs

@@ -26,6 +26,15 @@ public partial class BarCodeGenerator
 
     private string? _content;
 
+    private string _desc => _activeContentType switch
+    {
+        "Text" => Localizer["TextDesc"],
+        "Url" => Localizer["UrlDesc"],
+        "Wi-Fi" => Localizer["WiFiDesc"],
+        "Email" => Localizer["EmailDesc"],
+        _ => string.Empty
+    };
+
     private string? GetItemClassString(string item) => CssBuilder.Default("bc-type-item")
         .AddClass("active", _activeContentType == item)
         .Build();

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -7108,5 +7108,13 @@
     "SubTitle": "An implementation TOTP RFC 6238 and HOTP RFC 4226 Authenticator service.",
     "BaseUsageTitle": "Basic usage",
     "BaseUsageIntro": "By calling the <code>Compute</code> method of the <code>ITotpService</code> service instance, you can get the password in the current time window. By calling the <code>Instance.GetRemainingSeconds</code> method, you can display the remaining validity time of the current password. In this example, the progress bar is used for dynamic display."
+  },
+  "BootstrapBlazor.Server.Components.Samples.Tutorials.BarCodeGenerator": {
+    "SelectType": "Select content type",
+    "Preview": "Preview",
+    "TextDesc": "Use your iPhone's camera or the QR code scanning function to scan the QR code below, then open the <code>Safari</code> browser and search for the current text using the default search engine.",
+    "UrlDesc": "Use your iPhone's camera or the QR code scanning function to scan the QR code below, then open the <code>Safari</code> browser and open the current address",
+    "WiFiDesc": "Use your iPhone's camera or the QR code scanner to scan the QR code below to automatically join the <code>WiFi</code> network.",
+    "EmailDesc": "Use your iPhone's camera or the QR code scanner to scan the QR code below, then open the <code>Email</code> app to send an email."
   }
 }

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -7108,5 +7108,13 @@
     "SubTitle": "实现 TOTP RFC 6238 和 HOTP RFC 4226 认证器服务",
     "BaseUsageTitle": "基本用法",
     "BaseUsageIntro": "通过调用 <code>ITotpService</code> 服务实例方法 <code>Compute</code> 得到当前时间窗口内密码, 通过调用 <code>Instance.GetRemainingSeconds</code> 方法可以显示当前密码剩余有效时间，本例中通过进度条进行动态显示"
+  },
+  "BootstrapBlazor.Server.Components.Samples.Tutorials.BarCodeGenerator": {
+    "SelectType": "选择一个类型",
+    "Preview": "预览",
+    "TextDesc": "使用 <code>iPhone</code> 手机相机或者扫描二维码功能扫描下方二维码后，打开 <code>Safari</code> 浏览器使用默认搜索引擎搜索当前文本",
+    "UrlDesc": "使用 <code>iPhone</code> 手机相机或者扫描二维码功能扫描下方二维码后，打开 <code>Safari</code> 浏览器并且打开当前地址",
+    "WiFiDesc": "使用 <code>iPhone</code> 手机相机或者扫描二维码功能扫描下方二维码后，自动加入 <code>WiFi</code> 网络",
+    "EmailDesc": "使用 <code>iPhone</code> 手机相机或者扫描二维码功能扫描下方二维码后，打开 <code>Email</code> 应用发送邮件"
   }
 }