Ticket #891 : Can add grid component

habarthierry-hue · habarthierry-hue · commit fa7a1244797f · 2025-06-17T14:52:21.000+02:00
diff --git a/formbuilder/FormBuilder.Tailwindcss/TailwindCssTemplate.cs b/formbuilder/FormBuilder.Tailwindcss/TailwindCssTemplate.cs
@@ -36,7 +36,7 @@ public static Template DefaultTemplate
                 .SetImageClasses(string.Empty, "h-auto mx-auto")
                 .SetDividerClasses("my-4 flex items-center before:mt-0.5 before:flex-1 before:border-t before:border-neutral-300 after:mt-0.5 after:flex-1 after:border-t after:border-neutral-300 dark:before:border-neutral-500 dark:after:border-neutral-500", "absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-800")
                 .SetInputTextFieldClasses("mb-4 w-full", "w-full block mb-2 text-sm font-medium text-gray-900 dark:text-white", "w-full bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500")
-                .SetPasswordFieldClasses("mb-4 w-full", "w-full block mb-2 text-sm font-medium text-gray-900 dark:text-white", "w-full bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500")
+                .SetPasswordFieldClasses("mb-4 w-full", "w-full block mb-2 text-sm font-medium text-gray-900 dark:text-white", "w-full bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500", "", "")
                 .SetCheckboxClass("flex items-center mb-4", "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded-sm focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600", "ms-2 text-sm font-medium text-gray-900 dark:text-gray-300")
                 .SetBackClass("w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800")
                 .SetButtonClass("w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800")
diff --git a/formbuilder/FormBuilder/Builders/TemplateBuilder.cs b/formbuilder/FormBuilder/Builders/TemplateBuilder.cs
@@ -8,6 +8,7 @@
 using FormBuilder.Components.FormElements.Divider;
 using FormBuilder.Components.FormElements.Image;
 using FormBuilder.Components.FormElements.Input;
+using FormBuilder.Components.FormElements.Paragraph;
 using FormBuilder.Components.FormElements.Password;
 using FormBuilder.Models;
 
@@ -129,11 +130,13 @@ public TemplateBuilder SetInputTextFieldClasses(string containerClass, string la
         return this;
     }
 
-    public TemplateBuilder SetPasswordFieldClasses(string containerClass, string labelClass, string textBoxClass)
+    public TemplateBuilder SetPasswordFieldClasses(string containerClass, string labelClass, string textBoxClass, string viewPasswordContainer, string viewPasswordBtn)
     {
         SetClass(nameof(FormPasswordFieldRecord), FormPasswordElementNames.Container, containerClass);
         SetClass(nameof(FormPasswordFieldRecord), FormPasswordElementNames.Label, labelClass);
         SetClass(nameof(FormPasswordFieldRecord), FormPasswordElementNames.Password, textBoxClass);
+        SetClass(nameof(FormPasswordFieldRecord), FormPasswordElementNames.ViewPasswordContainer, viewPasswordContainer);
+        SetClass(nameof(FormPasswordFieldRecord), FormPasswordElementNames.ViewPasswordBtn, viewPasswordBtn);
         return this;
     }
 
@@ -171,6 +174,12 @@ public TemplateBuilder SetCheckboxClass(string containerClass, string checkboxCl
         return this;
     }
 
+    public TemplateBuilder SetParagraphClass(string containerClass)
+    {
+        SetClass(nameof(ParagraphRecord), ParagraphElementNames.Container, containerClass);
+        return this;
+    }
+
     public TemplateBuilder SetImageClasses(string containerClass, string imgClass)
     {
         SetClass(nameof(ImageRecord), ImageElementNames.Container, containerClass);
diff --git a/formbuilder/FormBuilder/Components/FormElements/Anchor/FormAnchor.razor b/formbuilder/FormBuilder/Components/FormElements/Anchor/FormAnchor.razor
@@ -7,14 +7,15 @@
     <Children>
         @if(Value.ActAsButton)
         {
-            <button class="@BtnClass" 
+            <button id="@CssId" class="@BtnClass" 
                     @onclick=@(async (e) => await Navigate())>
                 @translationHelper.Translate(Value, IsEditModeEnabled ? "Please provide a name" : string.Empty, !IsEditModeEnabled)
             </button>
         }
         else
         {
             <a href="#"
+                id="@CssId"
                 class="@AnchorClass"
                 @onclick:stopPropagation="true" 
                 @onclick:preventDefault="true" 
diff --git a/formbuilder/FormBuilder/Components/FormElements/Anchor/FormAnchor.razor.cs b/formbuilder/FormBuilder/Components/FormElements/Anchor/FormAnchor.razor.cs
@@ -12,6 +12,13 @@ public partial class FormAnchor : IGenericFormElement<FormAnchorRecord>
     [Parameter] public FormAnchorRecord Value { get; set; }
     [Parameter] public bool IsEditModeEnabled { get; set; }
     [Parameter] public WorkflowContext Context { get; set; }
+    public string CssId
+    {
+        get
+        {
+            return Value.CssId ?? string.Empty;
+        }
+    }
     [Inject] private IWorkflowLinkActionFactory WorkflowLinkActionFactory { get; set; }
     [Inject] private IHtmlClassResolver htmlClassResolver { get; set; }
     public JsonNode InputData
diff --git a/formbuilder/FormBuilder/Components/FormElements/Paragraph/ParagraphComponent.razor b/formbuilder/FormBuilder/Components/FormElements/Paragraph/ParagraphComponent.razor
@@ -4,7 +4,7 @@
 
 <DraggableFormElement IsEditModeEnabled=@IsEditModeEnabled ParentContext="@ParentContext" Context="@Context" TDialog="ParagraphDialog" TRecord="ParagraphRecord" Record="@Value">
     <Children>
-        <p>
+        <p class="@ContainerClass">
             @translationHelper.Translate(Value, (IsEditModeEnabled ? "Please provide a description" : string.Empty), InputData, !IsEditModeEnabled)
         </p>
     </Children>
diff --git a/formbuilder/FormBuilder/Components/FormElements/Paragraph/ParagraphComponent.razor.cs b/formbuilder/FormBuilder/Components/FormElements/Paragraph/ParagraphComponent.razor.cs
@@ -1,4 +1,5 @@
 ﻿using FormBuilder.Components.Drag;
+using FormBuilder.Helpers;
 using Microsoft.AspNetCore.Components;
 using System.Text.Json.Nodes;
 
@@ -10,6 +11,15 @@ public partial class ParagraphComponent : IGenericFormElement<ParagraphRecord>
     [Parameter] public ParentEltContext ParentContext { get; set; }
     [Parameter] public WorkflowContext Context { get; set; }
     [Parameter] public bool IsEditModeEnabled { get; set; }
+    [Inject] private IHtmlClassResolver htmlClassResolver { get; set; }
+    public string ContainerClass
+    {
+        get
+        {
+            return htmlClassResolver.Resolve(Value, ParagraphElementNames.Container, Context);
+        }
+    }
+
     public JsonNode InputData
     {
         get
diff --git a/formbuilder/FormBuilder/Components/FormElements/Paragraph/ParagraphElementNames.cs b/formbuilder/FormBuilder/Components/FormElements/Paragraph/ParagraphElementNames.cs
@@ -0,0 +1,6 @@
+﻿namespace FormBuilder.Components.FormElements.Paragraph;
+
+public static class ParagraphElementNames
+{
+    public const string Container = "Container";
+}
diff --git a/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordDialog.razor b/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordDialog.razor
@@ -3,11 +3,27 @@
 @inject DialogService dialogService
 
 <RadzenStack>
-    <EditLabelsComponent Labels="@CopyRecord.Labels" />
+    <RadzenTabs @bind-SelectedIndex=@selectedIndex>
+        <Tabs>
+            <RadzenTabsItem Text="Properties">
+                <RadzenStack>
+                    <!-- Can view the password -->
+                    <div>
+                        <RadzenCheckBox @bind-Value="CopyRecord.CanViewPassword" />
+                        <RadzenLabel>Can view the password ?</RadzenLabel>
+                    </div>
+                </RadzenStack>
+            </RadzenTabsItem>
+            <RadzenTabsItem Text="Label">
+                <EditLabelsComponent Labels="@CopyRecord.Labels" />
+            </RadzenTabsItem>
+        </Tabs>
+    </RadzenTabs>
     <RadzenButton Text="Save" Click="@HandleSave"></RadzenButton>
 </RadzenStack>
 
 @code {
+    public int selectedIndex { get; set; } = 0;
     FormPasswordFieldRecord CopyRecord { get; set; } = new FormPasswordFieldRecord();
     [Parameter] public FormPasswordFieldRecord Record { get; set; }
     [Parameter] public WorkflowContext WorkflowContext { get; set; }
@@ -24,6 +40,7 @@
     private void HandleSave()
     {
         Record.Labels = CopyRecord.Labels;
+        Record.CanViewPassword = CopyRecord.CanViewPassword;
         dialogService.Close();
     }
 }
diff --git a/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordElementNames.cs b/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordElementNames.cs
@@ -5,4 +5,6 @@ public static class FormPasswordElementNames
     public const string Container = "Container";
     public const string Label = "Label";
     public const string Password = "Password";
+    public const string ViewPasswordContainer = "ViewPasswordContainer";
+    public const string ViewPasswordBtn = "ViewPasswordBtn";
 }
diff --git a/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordField.razor b/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordField.razor
@@ -3,10 +3,28 @@
 @inject ITranslationHelper translationHelper
 
 <DraggableFormElement IsEditModeEnabled=@IsEditModeEnabled ParentContext="@ParentContext" Context="@Context" TDialog="FormPasswordDialog" TRecord="FormPasswordFieldRecord" Record="@Value">
-     <Children>
+    <Children>
         <div class="@ContainerClass">
             <RadzenLabel class="@LabelClass" Text="@translationHelper.Translate(Value, InputData, !IsEditModeEnabled)"></RadzenLabel>
-            <RadzenPassword class="@PasswordClass" @bind-Value="@Value.Value"></RadzenPassword>
+            @if (Value.CanViewPassword)
+            {
+                <div class="@ViewPasswordContainerClass">
+                    @if(isPasswordVisible)
+                    {
+                        <RadzenTextBox class="@PasswordClass" @bind-Value="@Value.Value"></RadzenTextBox>
+                    }
+                    else
+                    {
+                        <RadzenPassword class="@PasswordClass" @bind-Value="@Value.Value"></RadzenPassword>
+                    }
+
+                    <RadzenButton Variant="Variant.Outlined" ButtonStyle="ButtonStyle.Base" class="@ViewPasswordBtnClass" Click="TogglePasswordVisibility" Icon="@(isPasswordVisible ? "visibility_off" : "visibility")"></RadzenButton>
+                </div>
+            }
+            else
+            {
+                <RadzenPassword class="@PasswordClass" @bind-Value="@Value.Value"></RadzenPassword>
+            }
         </div>
      </Children>
 </DraggableFormElement>
diff --git a/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordField.razor.cs b/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordField.razor.cs
@@ -7,6 +7,7 @@ namespace FormBuilder.Components.FormElements.Password;
 
 public partial class FormPasswordField : IGenericFormElement<FormPasswordFieldRecord>
 {
+    private bool isPasswordVisible = false;
     [Parameter] public FormPasswordFieldRecord Value { get; set; }
     [Parameter] public WorkflowContext Context { get; set; }
     [Parameter] public bool IsEditModeEnabled { get; set; }
@@ -52,4 +53,25 @@ public string PasswordClass
             return HtmlClassResolver.Resolve(Value, FormPasswordElementNames.Password, Context);
         }
     }
+
+    public string ViewPasswordContainerClass
+    {
+        get
+        {
+            return HtmlClassResolver.Resolve(Value, FormPasswordElementNames.ViewPasswordContainer, Context);
+        }
+    }
+
+    public string ViewPasswordBtnClass
+    {
+        get
+        {
+            return HtmlClassResolver.Resolve(Value, FormPasswordElementNames.ViewPasswordBtn, Context);
+        }
+    }
+
+    private void TogglePasswordVisibility()
+    {
+        isPasswordVisible = !isPasswordVisible;
+    }
 }
diff --git a/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordFieldRecord.cs b/formbuilder/FormBuilder/Components/FormElements/Password/FormPasswordFieldRecord.cs
@@ -5,7 +5,15 @@ namespace FormBuilder.Components.FormElements.Password;
 
 public class FormPasswordFieldRecord : BaseFormFieldRecord
 {
-    public string Value { get; set; }
+    public string Value 
+    { 
+        get; set; 
+    }
+
+    public bool CanViewPassword
+    {
+        get; set;
+    }
 
     public override string Type => FormPasswordFieldDefinition.TYPE;
 
diff --git a/formbuilder/FormBuilder/DefaultTemplate/RadzenTemplate.cs b/formbuilder/FormBuilder/DefaultTemplate/RadzenTemplate.cs
@@ -9,7 +9,7 @@ internal class RadzenTemplate
 {
     public const string Name = "Radzen";
 
-    private static string _cssContent = ":root {\r\n    --prompt-width: 600px;\r\n    --outer-padding: 80px;\r\n    --bg-color: #F7F7F6;\r\n    --from-bg-color: white;\r\n    --from-shadow: 0 12px 40px rgba(0,0,0,0.12);\r\n    --from-radius: 5px;\r\n    --divider-bg: gray;\r\n}\r\n\r\n@media (min-width:375px) and (max-width:768px) {\r\n   :root {\r\n    --prompt-width: 400px;\r\n  }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n   :root {\r\n    --prompt-width: 150px;\r\n  }\r\n}\r\n\r\n.form {\r\n    padding: var(--outer-padding);\r\n    background-color: var(--bg-color);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n}\r\n\r\n.form-content {\r\n    width: var(--prompt-width);\r\n    background-color: var(--from-bg-color);\r\n    box-shadow: var(--from-shadow);\r\n    border-radius: var(--from-radius);\r\n}\r\n\r\n.form-content.view {\r\n    padding: 10px;\r\n}\r\n\r\n/* Divider */\r\n.divider {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.divider::before, .divider::after {\r\n    content: \"\";\r\n    height: 1px;\r\n    background: var(--divider-bg);\r\n    flex: 1;\r\n}\r\n\r\n.divider .text {\r\n    margin-right: 1rem;\r\n    margin-left: 1rem;\r\n    margin-top: 0px;\r\n    margin-bottom: 0px;\r\n    color: var(--divider-color);\r\n}\r\n\r\n.picture-container {\r\n    text-align: center;\r\n}\r\n\r\n.picture-container .picture {\r\n    width: 150px;\r\n}\r\n\r\n/*Stepper*/\r\n.steps {\r\n    flex-direction: row !important;\r\n    padding: 0px;\r\n}\r\n\r\n.steps .steps-item:not(:last-child) {\r\n    flex: auto;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.steps .steps-item:not(:last-child):after {\r\n    display: \"block\";\r\n    content: \"\";\r\n    flex: auto;\r\n    height: 1px;\r\n    margin-inline-end: 16px;\r\n    background-color: var(--rz-base-300);\r\n}";
+    private static string _cssContent = ":root {\r\n    --prompt-width: 600px;\r\n    --outer-padding: 80px;\r\n    --bg-color: #F7F7F6;\r\n    --from-bg-color: white;\r\n    --from-shadow: 0 12px 40px rgba(0,0,0,0.12);\r\n    --from-radius: 5px;\r\n    --divider-bg: gray;\r\n}\r\n\r\n@media (min-width:375px) and (max-width:768px) {\r\n   :root {\r\n    --prompt-width: 400px;\r\n  }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n   :root {\r\n    --prompt-width: 150px;\r\n  }\r\n}\r\n\r\n.form {\r\n    padding: var(--outer-padding);\r\n    background-color: var(--bg-color);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: 100%;\r\n}\r\n\r\n.form-content {\r\n    width: var(--prompt-width);\r\n    background-color: var(--from-bg-color);\r\n    box-shadow: var(--from-shadow);\r\n    border-radius: var(--from-radius);\r\n}\r\n\r\n.form-content.view {\r\n    padding: 10px;\r\n}\r\n\r\n/* Divider */\r\n.divider {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.divider::before, .divider::after {\r\n    content: \"\";\r\n    height: 1px;\r\n    background: var(--divider-bg);\r\n    flex: 1;\r\n}\r\n\r\n.divider .text {\r\n    margin-right: 1rem;\r\n    margin-left: 1rem;\r\n    margin-top: 0px;\r\n    margin-bottom: 0px;\r\n    color: var(--divider-color);\r\n}\r\n\r\n.picture-container {\r\n    text-align: center;\r\n}\r\n\r\n.picture-container .picture {\r\n    width: 150px;\r\n}\r\n\r\n/*Stepper*/\r\n.steps {\r\n    flex-direction: row !important;\r\n    padding: 0px;\r\n}\r\n\r\n.steps .steps-item:not(:last-child) {\r\n    flex: auto;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.steps .steps-item:not(:last-child):after {\r\n    display: \"block\";\r\n    content: \"\";\r\n    flex: auto;\r\n    height: 1px;\r\n    margin-inline-end: 16px;\r\n    background-color: var(--rz-base-300);\r\n}\r\n\r\n.viewPasswordContainer {\r\n    position: relative;\r\n}\r\n\r\n.viewPasswordContainer > input {\r\n    width: 100%;\r\n}\r\n\r\n.viewPasswordBtn {\r\n    position: absolute;\r\n    transform: translateY(-50%);\r\n    top: 50%;\r\n    right: 0px;\r\n}";
 
     public static Template DefaultTemplate
     {
@@ -34,8 +34,10 @@ public static Template DefaultTemplate
                 .SetButtonClass("rz-button rz-button-md rz-variant-filled rz-primary rz-shade-default fullWidth")
                 .SetImageClasses("picture-container", "picture")
                 .SetInputTextFieldClasses("rz-form-field rz-variant-outlined rz-floating-label fullWidth", string.Empty, string.Empty)
-                .SetPasswordFieldClasses("rz-form-field rz-variant-outlined rz-floating-label fullWidth", string.Empty, string.Empty)
+                .SetPasswordFieldClasses("rz-form-field rz-variant-outlined rz-floating-label fullWidth", string.Empty, string.Empty, "viewPasswordContainer", "viewPasswordBtn")
                 .SetDividerClasses("divider", string.Empty)
+                .SetCheckboxClass("", "", "")
+                .SetParagraphClass("")
                 .Build();
         }
     }
diff --git a/formbuilder/FormBuilder/Models/BaseFormFieldRecord.cs b/formbuilder/FormBuilder/Models/BaseFormFieldRecord.cs
@@ -11,6 +11,7 @@ public abstract class BaseFormFieldRecord : IFormElementRecord
     public string CorrelationId { get; set; }
     public string Name { get; set; }
     public string CssStyle { get; set; }
+    public string CssId { get; set; }
     public abstract string Type { get; }
     public List<LabelTranslation> Labels { get; set; } = new List<LabelTranslation>();
     public Dictionary<string, object> HtmlAttributes { get; set; } = new Dictionary<string, object>();
diff --git a/formbuilder/FormBuilder/Rules/IncomingTokensRepetitionRuleEngine.cs b/formbuilder/FormBuilder/Rules/IncomingTokensRepetitionRuleEngine.cs
@@ -98,7 +98,7 @@ private void ApplyProperty(object instance, MappingRule mappingRule, JsonNode no
         var pathResult = path.Evaluate(node);
         var nodes = pathResult.Matches.Select(m => m.Value);
         if (nodes.Count() != 1) return;
-        object value = nodes.Single();
+        object value = nodes.Single()?.ToString();
         if (mappingRule.Transformer != null) value = _transformerFactory.Transform(value?.ToString(), mappingRule.Transformer, node);
         var definitionProperty = properties.SingleOrDefault(p => p.Name == mappingRule.Target);
         if (definitionProperty == null) return;
diff --git a/src/IdServer/SimpleIdServer.IdServer.Pwd/IdServerBuilderExtensions.cs b/src/IdServer/SimpleIdServer.IdServer.Pwd/IdServerBuilderExtensions.cs
@@ -37,6 +37,7 @@ public static IdServerBuilder AddPwdAuthentication(this IdServerBuilder idServer
         idServerBuilder.Services.AddTransient<IDataSeeder, InitPwdAuthDataseeder>();
         idServerBuilder.Services.AddTransient<IDataSeeder, UpdatePwdTranslationsDataseeder>();
         idServerBuilder.Services.AddTransient<IDataSeeder, InitPwdConfigurationDefDataseeder>();
+        idServerBuilder.Services.AddTransient<IDataSeeder, UpdatePwdFormDataseeder>();
         idServerBuilder.Services.AddTransient<IFakerDataService, PwdAuthFakerService>();
         idServerBuilder.AutomaticConfigurationOptions.Add(typeof(IdServerPasswordOptions));
         if (isDefaultAuthMethod)
diff --git a/src/IdServer/SimpleIdServer.IdServer.Pwd/IdServerPasswordOptions.cs b/src/IdServer/SimpleIdServer.IdServer.Pwd/IdServerPasswordOptions.cs
@@ -26,9 +26,4 @@ public class IdServerPasswordOptions
     /// </summary>
     [ConfigurationRecord("Expiration time", "Expiration time in seconds of the reset link", order: 3)]
     public int ResetPasswordLinkExpirationInSeconds { get; set; } = 30;
-    /// <summary>
-    /// Can reset the password.
-    /// </summary>
-    [ConfigurationRecord("Can reset the password", null, order: 4)]
-    public bool CanResetPassword { get; set; } = true;
 }
diff --git a/src/IdServer/SimpleIdServer.IdServer.Pwd/Migrations/UpdatePwdFormDataseeder.cs b/src/IdServer/SimpleIdServer.IdServer.Pwd/Migrations/UpdatePwdFormDataseeder.cs
diff --git a/src/IdServer/SimpleIdServer.IdServer.Pwd/StandardPwdAuthForms.cs b/src/IdServer/SimpleIdServer.IdServer.Pwd/StandardPwdAuthForms.cs
diff --git a/src/IdServer/SimpleIdServer.IdServer.Pwd/UI/Pwd/AuthenticateController.cs b/src/IdServer/SimpleIdServer.IdServer.Pwd/UI/Pwd/AuthenticateController.cs
diff --git a/src/IdServer/SimpleIdServer.IdServer/UI/ViewModels/AuthenticatePasswordViewModel.cs b/src/IdServer/SimpleIdServer.IdServer/UI/ViewModels/AuthenticatePasswordViewModel.cs

Original file line number	Diff line number	Diff line change
`@@ -7,14 +7,15 @@`
`7`	`7`	`<Children>`
`8`	`8`	`@if(Value.ActAsButton)`
`9`	`9`	`{`
`10`		`- <button class="@BtnClass"`
	`10`	`+ <button id="@CssId" class="@BtnClass"`
`11`	`11`	`@onclick=@(async (e) => await Navigate())>`
`12`	`12`	`@translationHelper.Translate(Value, IsEditModeEnabled ? "Please provide a name" : string.Empty, !IsEditModeEnabled)`
`13`	`13`	`</button>`
`14`	`14`	`}`
`15`	`15`	`else`
`16`	`16`	`{`
`17`	`17`	`<a href="#"`
	`18`	`+ id="@CssId"`
`18`	`19`	`class="@AnchorClass"`
`19`	`20`	`@onclick:stopPropagation="true"`
`20`	`21`	`@onclick:preventDefault="true"`
Original file line number	Diff line number	Diff line change
`@@ -5,4 +5,6 @@ public static class FormPasswordElementNames`
`5`	`5`	`public const string Container = "Container";`
`6`	`6`	`public const string Label = "Label";`
`7`	`7`	`public const string Password = "Password";`
	`8`	`+ public const string ViewPasswordContainer = "ViewPasswordContainer";`
	`9`	`+ public const string ViewPasswordBtn = "ViewPasswordBtn";`
`8`	`10`	`}`