Activities of "viktor"

Hello,

check once https://gist.github.com/ebicoglu/ce0f0425bab806d0ee1a87d0073af96b?permalink_comment_id=3575448#gistcomment-3575448 I tried and it works for me.

Thanks

What should I check from this link? It is 4 years ago code:

Please include code for login.cshtml and login.cshtml.cs which works for you.

Hello again Viktor, sorry for the delay caused by the chain of misunderstandings. You can customize the entity actions for your page. Here is the default config for the identity module actions:

export const DEFAULT_USERS_ENTITY_ACTIONS = EntityAction.createMany<IdentityUserDto>([ 
  { 
    text: 'AbpIdentity::ViewDetails', 
    action: data => { 
      const component = data.getInjected(UsersComponent); 
      component.viewDetails(data.record); 
    }, 
    permission: 'AbpIdentity.Users.ViewDetails', 
  }, 
  { 
    text: 'AbpUi::Edit', 
    action: data => { 
      const component = data.getInjected(UsersComponent); 
      component.onEdit(data.record.id); 
    }, 
    permission: 'AbpIdentity.Users.Update', 
  }, 
  { 
    text: 'AbpIdentity::Claims', 
    action: data => { 
      const component = data.getInjected(UsersComponent); 
      component.onManageClaims(data.record.id); 
    }, 
    permission: 'AbpIdentity.Users.Update', 
  }, 
  { 
    text: 'AbpIdentity::Lock', 
    action: data => { 
      const component = data.getInjected(UsersComponent); 
      component.selected = data.record; 
      component.isLockModalVisible = true; 
    }, 
    permission: 'AbpIdentity.Users.Update', 
    visible: data => { 
      const configState = data.getInjected(ConfigStateService); 
      const currentUserId = configState.getDeep('currentUser.id'); 
 
      return ( 
        data.record.id !== currentUserId && data.record.lockoutEnabled 
      ); 
    }, 
  }, 
  { 
    text: 'AbpIdentity::Unlock', 
    action: data => { 
      const component = data.getInjected(UsersComponent); 
      component.unlock(data.record.id); 
    }, 
    permission: 'AbpIdentity.Users.Update', 
    visible: data => data.record.isLockedOut, 
  }, 
  { 
    text: 'AbpIdentity::Permissions', 
    action: data => { 
      const component = data.getInjected(UsersComponent); 
      component.openPermissionsModal(data.record.id, data.record.userName); 
    }, 
    permission: 'AbpIdentity.Users.ManagePermissions', 
  }, 
  { 
    text: 'AbpIdentity::ChangeHistory', 
    action: data => { 
      const showHistory = data.getInjected(SHOW_ENTITY_HISTORY); 
      showHistory(data.record.id, 'Volo.Abp.Identity.IdentityUser'); 
    }, 
    permission: 'AuditLogging.ViewChangeHistory:Volo.Abp.Identity.IdentityUser', 
    visible: data => Boolean(data.getInjected(SHOW_ENTITY_HISTORY, null)), 
  }, 
  { 
    text: 'AbpIdentity::SetPassword', 
    action: data => { 
      const component = data.getInjected(UsersComponent); 
      component.selected = data.record; 
      component.isSetPasswordModalVisible = true; 
    }, 
    permission: 'AbpIdentity.Users.Update', 
  }, 
  { 
    text: 'AbpIdentity::TwoFactor', 
    action: data => { 
      const component = data.getInjected(UsersComponent); 
      component.selected = data.record; 
      component.service.getTwoFactorEnabled(data.record.id).subscribe(res => { 
        component.twoFactor.checkboxValue = res; 
        component.twoFactor.isModalVisible = true; 
      }); 
    }, 
    permission: 'AbpIdentity.Users.Update', 
    visible: data => data.getInjected(UsersComponent).twoFactor.isOptional, 
  }, 
  { 
    text: 'AbpIdentity::LoginWithThisUser', 
    permission: 'AbpIdentity.Users.Impersonation', 
    action: data => { 
      const impersonation = data.getInjected(ImpersonationService); 
      impersonation.impersonateUser(data.record.id).subscribe(); 
    }, 
    visible: data => { 
      const configState = data.getInjected(ConfigStateService); 
      const currentUserId = configState.getDeep('currentUser.id'); 
      const currentImpersonatorUserId = configState.getDeep('currentUser.impersonatorUserId'); 
      return data.record.id !== currentUserId && currentImpersonatorUserId === null; 
    }, 
  }, 
  { 
    text: 'AbpUi::Delete', 
    action: data => { 
      const component = data.getInjected(UsersComponent); 
      component.delete(data.record.id, data.record.name || data.record.userName); 
    }, 
    permission: 'AbpIdentity.Users.Delete', 
  }, 
]); 

In this case, you will need to customize the entity actions to manage this. Here is the related documentation that explains the procedure step by step

https://docs.abp.io/en/abp/latest/UI/Angular/Entity-Action-Extensions

This did not help to understand how to code action.

Let me try to ask in different way. We have created following page on Angular (see picture below). And we know CurrentUser have delegation to "Login" as John (there is Login button below name John marked with red arrow). So I need to know how to code (click) action/event of this. After Click it will Login (Impersonate) as John. And also we need to have button "Back to CurrentUser" and also have action to get back.

Hello,

to update login page please check https://github.com/abpframework/abp/blob/dev/modules/account/src/Volo.Abp.Account.Web/Pages/Account/Login.cshtml also add code for login.cshtml.cs then you will not get the error for LoginModel as you showed above.

Thanks

I tried to login.cshtml.cs use but getting error:

And this is not same Login page. It is different design and missing some elements. I do not want to change anything on Login page, it has everything we need to have, just want to add some HTML to page like checkbox with "I agree with Terms and Conditions".

public class MyAppBrandingProvider: DefaultBrandingProvider { public override string AppName => "Test"; }

Where should I create and place this class?

Hi, @Anjali_Musmade Why you refering to some old pages which is not relevant anymore? Login page is not Angular anymore... We do not need to change Angular.

Please provide infomation: a) how we may change "MyApplication" title. b) how to add additional HTML to Login page

We are using single-layer project from ABP Suite

Hi, @Anjali_Musmade Thank you for your information.

We are not using Tiered solution, so we do not have MyApp.HttpApi.Host

and what about how: d) add additional HTML text like link to Terms and Conditions. ?

• ABP Commercial version: v8.0.5
• UI Type: Angular
• Database System: EF Core (SQL Server)
• Tiered (for MVC) or Auth Server Separated (for Angular): no

I want to change/customize Login page. I have created project using ABP Suite and can not change it.

<br>

I tried to follow this: UI/AspNetCore/Customization User Interface | Documentation Center | ABP.IO but I am getting error on some lines ( i think this example is not for commercial setup)

also I tried to set empty login page to check if it works and looks it is overrides some elements but not everything

so how customize Login page on project? At moment I need to change: a) Title "MyApplication" b) Background c) Icon d) add additional HTML text like link to Terms and Conditions.

<br> <br> <br>

Hi, Any news so far? It is already 11d. past and we still awaiting for simple code example.

Hi, @masum.ulu We do not want to implement anything sprecific. We just want to have "Login" or "Login with this user" buttons as stand alone buttons - out from "Actions" drop down. I can not find any examples hot to implement (click) action on button.

We have implemented saparate page with list of delegated users for CurrentUser. And we want to add button "Login", but we do not know how to properly implement (click) event for this button.

Hi, @sumeyye.kurtulus Thank you for your replay and links to documents but I still have some doubts. May you provide simple code/flow how we should use all of this.

Let's assume I have created custom component with list of users on my custom Angular page. For some users I can put button "Login" because (I have custom Controller and get users I have delagations about). So I did login and I see list users: Example: User 1 > "Login" User 2 > "No permissions"

May you put example of code for "Login" button event (Angular side)?