feat(account): add the enableLocalLogin condition to auth-wrapper

modules/account/src/Volo.Abp.Account.Application/Volo/Abp/Account/Settings/AccountSettingDefinitionProvider.cs

@@ -13,7 +13,7 @@ namespace Volo.Abp.Account.Settings
                     AccountSettingNames.IsSelfRegistrationEnabled, 
                     "true", 
                     L("DisplayName:Abp.Account.IsSelfRegistrationEnabled"), 
-                    L("Description:Abp.Account.IsSelfRegistrationEnabled"))
+                    L("Description:Abp.Account.IsSelfRegistrationEnabled"), isVisibleToClients : true)
             );
 
             context.Add(
@@ -21,7 +21,7 @@ namespace Volo.Abp.Account.Settings
                     AccountSettingNames.EnableLocalLogin, 
                     "true", 
                     L("DisplayName:Abp.Account.EnableLocalLogin"), 
-                    L("Description:Abp.Account.EnableLocalLogin"))
+                    L("Description:Abp.Account.EnableLocalLogin"), isVisibleToClients : true)
             );
         }
 

npm/ng-packs/packages/account/src/lib/components/auth-wrapper/auth-wrapper.component.html

@@ -5,7 +5,10 @@
     ></abp-tenant-box>
 
     <div class="abp-account-container">
-      <div class="card mt-3 shadow-sm rounded">
+      <div
+        *ngIf="(enableLocalLogin$ | async) !== 'False'; else disableLocalLoginTemplate"
+        class="card mt-3 shadow-sm rounded"
+      >
         <div class="card-body p-5">
           <ng-content *ngTemplateOutlet="mainContentRef"></ng-content>
         </div>
@@ -14,3 +17,10 @@
     </div>
   </div>
 </div>
+
+<ng-template #disableLocalLoginTemplate>
+  <div class="alert alert-warning">
+    <strong>{{ 'AbpAccount::InvalidLoginRequest' | abpLocalization }}</strong>
+    {{ 'AbpAccount::ThereAreNoLoginSchemesConfiguredForThisClient' | abpLocalization }}
+  </div>
+</ng-template>

npm/ng-packs/packages/account/src/lib/components/auth-wrapper/auth-wrapper.component.ts

@@ -1,5 +1,8 @@
 import { Component, Input, TemplateRef } from '@angular/core';
 import { Account } from '../../models/account';
+import { Select } from '@ngxs/store';
+import { ConfigState } from '@abp/ng.core';
+import { Observable } from 'rxjs';
 
 @Component({
   selector: 'abp-auth-wrapper',
@@ -8,6 +11,9 @@ import { Account } from '../../models/account';
 })
 export class AuthWrapperComponent
   implements Account.AuthWrapperComponentInputs, Account.AuthWrapperComponentOutputs {
+  @Select(ConfigState.getSetting('Abp.Account.EnableLocalLogin'))
+  enableLocalLogin$: Observable<'True' | 'False'>;
+
   @Input()
   readonly mainContentRef: TemplateRef<any>;