From 8e08c24fb9d2b681d1f482946699c6e595027ad3 Mon Sep 17 00:00:00 2001
From: maliming <malimings@gmail.com>
Date: Tue, 22 Mar 2022 13:49:13 +0800
Subject: [PATCH] Add `Description` to feature UI.

Resolve #12037
---
 .../Components/FeatureManagementModal.razor          | 10 +++++++++-
 .../FeatureManagement/FeatureManagementModal.cshtml  | 12 ++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor/Components/FeatureManagementModal.razor b/modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor/Components/FeatureManagementModal.razor
index 6b9690baa3..e883b23f22 100644
--- a/modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor/Components/FeatureManagementModal.razor
+++ b/modules/feature-management/src/Volo.Abp.FeatureManagement.Blazor/Components/FeatureManagementModal.razor
@@ -43,7 +43,7 @@
                                                       TextChanged="@(async(v) => await OnFeatureValueChangedAsync(v, feature))" />
                                             @if (feature.Description != null)
                                             {
-                                                <span>@feature.Description</span>
+                                                <div class="form-text">@feature.Description</div>
                                             }
                                         </Field>
                                     }
@@ -63,6 +63,10 @@
                                                     </SelectItem>
                                                 }
                                             </Select>
+                                            @if (feature.Description != null)
+                                            {
+                                                <div class="form-text">@feature.Description</div>
+                                            }
                                         </Field>
                                     }
 
@@ -72,6 +76,10 @@
                                             <Check
                                                 TValue="bool" Checked="@ToggleValues[feature.Name]" CheckedChanged="@(async(v) => await OnSelectedValueChangedAsync(v, feature))">@feature.DisplayName</Check>
                                         </Field>
+                                        @if (feature.Description != null)
+                                        {
+                                            <div class="form-text">@feature.Description</div>
+                                        }
                                     }
                                 }
 
diff --git a/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/FeatureManagementModal.cshtml b/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/FeatureManagementModal.cshtml
index 28f8e88d45..167de4943f 100644
--- a/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/FeatureManagementModal.cshtml
+++ b/modules/feature-management/src/Volo.Abp.FeatureManagement.Web/Pages/FeatureManagement/FeatureManagementModal.cshtml
@@ -56,6 +56,10 @@
                                                            group-data-feature-name="@feature.Name"
                                                            group-data-parent-name="@(feature.ParentName ?? "")"
                                                            group-style="margin-left: @(feature.Depth * 20)px"/>
+                                                @if (feature.Description != null)
+                                                {
+                                                    <div class="form-text">@feature.Description</div>
+                                                }
 
                                             }
 
@@ -75,6 +79,10 @@
                                                            group-data-feature-name="@feature.Name"
                                                            group-data-parent-name="@(feature.ParentName ?? "")"
                                                            group-style="margin-left: @(feature.Depth * 25)px"/>
+                                                @if (feature.Description != null)
+                                                {
+                                                    <div class="form-text">@feature.Description</div>
+                                                }
                                             }
 
                                             @if (feature.ValueType is SelectionStringValueType selectType)
@@ -95,6 +103,10 @@
                                                             }
                                                         }
                                                     </select>
+                                                    @if (feature.Description != null)
+                                                    {
+                                                        <div class="form-text">@feature.Description</div>
+                                                    }
                                                 </div>
                                             }