Käyttäjän "pvala" toiminnot

Yes, it's working now. But there is one more issue, i.e., I am not able to use the bootstrap icons on my Login page. We have eye slash icon to show the password. But that is not showing up on the UI.

Yes, it's there

I already have done changes to the global-styles.css file under the Auth project but it's not reflecting. Do I have to provide any reference of the global stylesheet in my cshtml file?

I tried this solution, and it's redirecting the user directly into it's profile. However, because we have put the condition that if the user is not authenticated, it should simply be redirected to the login page, I won't be able to use the landing page of the angular application.

As soon as, I try to access this page, it will redirect the user to the login page and I don't want that. I'll need that page in use.

Isn't there any way we can configure it from the Auth Server side? So that it directly redirects the user into it's profile as soon as the login button is clicked? Please suggest.

But will it work on the Auth Server as well? Because our Auth Server is an MVC project, separate from angular.

yCheck the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, and please first use the search on the homepage. Provide us with the following info:

• ABP Framework version: v7.3.2
• UI Type: Angular
• Database System: EF Core (MySQL)
• Tiered (for MVC) or Auth Server Separated (for Angular): yes
• Exception message and full stack trace:
• Steps to reproduce the issue:

We have a global-styles.css file to apply customized css in our applicaton. But it's not showing any impact on the Auth Server project that we have. It's not applying there. Can you tell us how can we achieve that?

• ABP Framework version: v7.3.2
• UI Type: Angular
• Database System: EF Core (MySQL)
• Tiered (for MVC) or Auth Server Separated (for Angular): yes
• Exception message and full stack trace:
• Steps to reproduce the issue:

I have done some customization in my Auth-Server project (MVC). When I enter my user credentials and click on Login button, it redirects me to my angular application (I have done customization for it in the Login.cshtml.cs file, on OnPostAsync method I am returning my Angular app's url).

ConfigValues.AngularAppUrl holds my angular app url

        return Redirect(ConfigValues.AngularAppUrl);

The problem is, when I click on the Login button, it does redirect to the angular app, but it will not be logged in as a user but rather just the outside page of it. And once and only when I click on the login icon on my angular application page, then it will log in as a user (see the flow below).

I want a way where on clicking the Login button in the Auth Server (first image), I should be redirected to the angular application with user logged in.

This will work, but it's basically calling the API again to get the details of the input fields, and that doesn't sound great. Can you give me something else? Something which can hold the values of the variable till the page is refreshed or the instance of the class is destroyed.

If you run this, now you will see that it works and it will hold the values, but here I have done a work around. I have created a separate input field for all the properties and I am keeping them hidden for now, because that's the only way I could find in order to hold the values. I'd like something more proper to do that.

For example :

                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].HasOtherOption" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input type="hidden" asp-for="@Model.Fields[i].Choices" />

Yeah, here you go.

@page @using Microsoft.AspNetCore.Mvc.Localization @using Volo.Abp.Account.Localization @using Volo.Abp.Account.Public.Web.Security.Recaptcha @using Volo.Abp.Account.Settings @using Volo.Abp.Settings @model G1.health.AuthServer.Pages.Account.RegisterModel @using Volo.Forms; @inject IHtmlLocalizer<AccountResource> L @inject Volo.Abp.AspNetCore.Mvc.UI.Layout.IPageLayout PageLayout @inject ISettingProvider SettingProvider @{ PageLayout.Content.Title = L["Register"].Value; var reCaptchaVersion = await SettingProvider.GetAsync<int>(AccountSettingNames.Captcha.Version); }

@if (!Model.LocalLoginDisabled) { @section scripts { <abp-script-bundle name="@typeof(G1.health.AuthServer.Pages.Account.RegisterModel).FullName"> <abp-script src="/Pages/Account/Register.js" /> </abp-script-bundle>

@if (Model.UseCaptcha)
    {
        if (reCaptchaVersion == 3)
        {
            <recaptcha-script-v3 />
            <recaptcha-script-v3-js action="register" callback="(function(){$('#@RecaptchaValidatorBase.RecaptchaResponseKey').val(token)})" />
        }
        else
        {
            <recaptcha-script-v2 />
        }
    }
}

<style>
    .hidden-scroll::-webkit-scrollbar {
        display: none;
    }

    .hidden-scroll{
        height: 500px;
        overflow: scroll
    }
</style>

<div class="account-module-form hidden-scroll">
    <h5 class="mb-2">@L["AlreadyRegistered"] <a class="text-decoration-none" href="@Url.Page("./Login", new {returnUrl = Model.ReturnUrl, returnUrlHash = Model.ReturnUrlHash})">@L["Login"]</a></h5>
    <form method="post">


        @if (Model.UseCaptcha)
        {
            <div class="mb-2">
                <input type="hidden" name="@RecaptchaValidatorBase.RecaptchaResponseKey" id="@RecaptchaValidatorBase.RecaptchaResponseKey" />
            </div>
        }

        @if (!Model.IsExternalLogin)
        {
            <div class="form-floating mb-2">
                <input asp-for="Input.UserName" type="text" class="form-control" placeholder="name@example.com" auto-focus="true">
                @Html.LabelFor(m => m.Input.UserName)
            </div>
        }

        <div class="form-floating mb-2">
            <input asp-for="Input.EmailAddress" type="email" class="form-control" placeholder="name@example.com" auto-focus="true">
            @Html.LabelFor(m => m.Input.EmailAddress)
        </div>


        @if (!Model.IsExternalLogin)
        {
            <div class="form-floating mb-2">
                <input asp-for="Input.Password" id="password-input" type="password" class="form-control" placeholder="Password">
                @Html.LabelFor(m => m.Input.Password)
                <i id="PasswordVisibilityButton" class="bi bi-eye-slash show-pass-icon" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-html="true" aria-label="@L["ShowPassword"]" data-bs-original-title="@L["ShowPassword"]"></i>
                <i id="capslockicon" class="bi bi-capslock caps-lock-icon" style="display: none;" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-html="true" aria-label="<i class='bi bi-exclamation-circle'></i> @L["CapsLockOn"]!" data-bs-original-title="<i class='bi bi-exclamation-circle'></i> @L["CapsLockOn"]!"></i>
            </div>
        }

        @for (int i = 0; i < Model.Fields.Count; i++)
        {
            switch (Model.Fields[i].QuestionType)
            {
                case QuestionTypes.ShortText:
                    <div class="form-floating mb-2">
                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input asp-for="@Model.Fields[i].Answer" required="@Model.Fields[i].IsRequired" type="text" class="form-control" auto-focus="true">
                        @Html.Label(Model.Fields[i].Title)
                    </div>
                    break;

                case QuestionTypes.ParagraphText:
                    <div class="form-floating mb-2">
                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input asp-for="@Model.Fields[i].Answer" required="@Model.Fields[i].IsRequired" type="text" class="form-control" auto-focus="true">
                        @Html.Label(Model.Fields[i].Title)
                    </div>
                    break;

                case QuestionTypes.ChoiceMultiple:
                    <div class="form-floating mb-2">
                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].HasOtherOption" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input type="hidden" asp-for="@Model.Fields[i].Choices" />
                        <lable>@Model.Fields[i].Title</lable>
                        <abp-radio asp-for="@Model.Fields[i].Answer" required="@Model.Fields[i].IsRequired" asp-items="@Model.Fields[i].Choices" />
                    </div>
                    break;

                case QuestionTypes.Checkbox:
                    <div class="form-floating mb-2">
                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].HasOtherOption" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input type="hidden" asp-for="@Model.Fields[i].Choices" />
                        @foreach (var choice in Model.Fields[i].Choices)
                        {
                            <abp-input asp-for="@Model.Fields[i].Answer" required="@Model.Fields[i].IsRequired" label="@choice.Value" type="checkbox" />
                        }
                    </div>
                    break;

                case QuestionTypes.DropdownList:
                    <div class="form-floating mb-2">
                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].HasOtherOption" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input type="hidden" asp-for="@Model.Fields[i].Choices" />
                        <abp-select asp-for="@Model.Fields[i].Answer" required="@Model.Fields[i].IsRequired" label="@Model.Fields[i].Title" asp-items="@Model.Fields[i].Choices" />
                    </div>
                    break;

                case QuestionTypes.MultipleSelect:
                    <div class="form-floating mb-2">
                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].HasOtherOption" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input type="hidden" asp-for="@Model.Fields[i].Choices" />
                        <abp-select asp-for="@Model.Fields[i].Answers" required="@Model.Fields[i].IsRequired" label="@Model.Fields[i].Title" asp-items="@Model.Fields[i].Choices" />
                    </div>
                    break;

                case QuestionTypes.Calendar:
                    <div class="form-floating mb-2">
                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input asp-for="@Model.Fields[i].Answer" required="@Model.Fields[i].IsRequired" type="datetime-local" class="form-control" auto-focus="true" />
                        @Html.Label(Model.Fields[i].Title)
                    </div>
                    break;

                case QuestionTypes.Date:
                    <div class="form-floating mb-2">
                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input asp-for="@Model.Fields[i].Answer" required="@Model.Fields[i].IsRequired" type="date" class="form-control" auto-focus="true">
                        @Html.Label(Model.Fields[i].Title)
                    </div>
                    break;

                case QuestionTypes.Time:
                    <div class="form-floating mb-2">
                        <input type="hidden" asp-for="@Model.Fields[i].Index" />
                        <input type="hidden" asp-for="@Model.Fields[i].Title" />
                        <input type="hidden" asp-for="@Model.Fields[i].IsRequired" />
                        <input type="hidden" asp-for="@Model.Fields[i].QuestionType" />
                        <input asp-for="@Model.Fields[i].Answer" required="@Model.Fields[i].IsRequired" type="time" class="form-control" auto-focus="true">
                        @Html.Label(Model.Fields[i].Title)
                    </div>
                    break;
            }
        }

        @if (reCaptchaVersion == 2)
        {
            <recaptcha-div-v2 callback="(function(){$('#@RecaptchaValidatorBase.RecaptchaResponseKey').val(token)})" />
        }

        <div class="d-grid gap-2">
            <abp-button button-type="Primary" type="submit" class="mt-2 mb-3">@L["Register"]</abp-button>
        </div>
    </form>
</div>

}