From e8c5ff86213d3f336729438a757e0fdc0bae2733 Mon Sep 17 00:00:00 2001
From: Arman Ozak <arman@armanozak.com>
Date: Mon, 14 Dec 2020 11:03:14 +0300
Subject: [PATCH] feat: add default actions and props for users page

---
 .../defaults/default-users-entity-actions.ts  | 30 +++++++++
 .../defaults/default-users-entity-props.ts    | 26 ++++++++
 .../lib/defaults/default-users-form-props.ts  | 61 +++++++++++++++++++
 .../defaults/default-users-toolbar-actions.ts | 15 +++++
 4 files changed, 132 insertions(+)
 create mode 100644 npm/ng-packs/packages/identity/src/lib/defaults/default-users-entity-actions.ts
 create mode 100644 npm/ng-packs/packages/identity/src/lib/defaults/default-users-entity-props.ts
 create mode 100644 npm/ng-packs/packages/identity/src/lib/defaults/default-users-form-props.ts
 create mode 100644 npm/ng-packs/packages/identity/src/lib/defaults/default-users-toolbar-actions.ts

diff --git a/npm/ng-packs/packages/identity/src/lib/defaults/default-users-entity-actions.ts b/npm/ng-packs/packages/identity/src/lib/defaults/default-users-entity-actions.ts
new file mode 100644
index 0000000000..f8be7740ff
--- /dev/null
+++ b/npm/ng-packs/packages/identity/src/lib/defaults/default-users-entity-actions.ts
@@ -0,0 +1,30 @@
+import { EntityAction } from '@abp/ng.theme.shared/extensions';
+import { UsersComponent } from '../components/users/users.component';
+import { IdentityUserDto } from '../proxy/identity/models';
+
+export const DEFAULT_USERS_ENTITY_ACTIONS = EntityAction.createMany<IdentityUserDto>([
+  {
+    text: 'AbpIdentity::Edit',
+    action: data => {
+      const component = data.getInjected(UsersComponent);
+      component.edit(data.record.id);
+    },
+    permission: 'AbpIdentity.Users.Update',
+  },
+  {
+    text: 'AbpIdentity::Permissions',
+    action: data => {
+      const component = data.getInjected(UsersComponent);
+      component.openPermissionsModal(data.record.id);
+    },
+    permission: 'AbpIdentity.Users.ManagePermissions',
+  },
+  {
+    text: 'AbpIdentity::Delete',
+    action: data => {
+      const component = data.getInjected(UsersComponent);
+      component.delete(data.record.id, data.record.name || data.record.userName);
+    },
+    permission: 'AbpIdentity.Users.Delete',
+  },
+]);
diff --git a/npm/ng-packs/packages/identity/src/lib/defaults/default-users-entity-props.ts b/npm/ng-packs/packages/identity/src/lib/defaults/default-users-entity-props.ts
new file mode 100644
index 0000000000..f9d7c217be
--- /dev/null
+++ b/npm/ng-packs/packages/identity/src/lib/defaults/default-users-entity-props.ts
@@ -0,0 +1,26 @@
+import { EntityProp, ePropType } from '@abp/ng.theme.shared/extensions';
+import { IdentityUserDto } from '../proxy/identity/models';
+
+export const DEFAULT_USERS_ENTITY_PROPS = EntityProp.createMany<IdentityUserDto>([
+  {
+    type: ePropType.String,
+    name: 'userName',
+    displayName: 'AbpIdentity::UserName',
+    sortable: true,
+    columnWidth: 250,
+  },
+  {
+    type: ePropType.String,
+    name: 'email',
+    displayName: 'AbpIdentity::EmailAddress',
+    sortable: true,
+    columnWidth: 250,
+  },
+  {
+    type: ePropType.String,
+    name: 'phoneNumber',
+    displayName: 'AbpIdentity::PhoneNumber',
+    sortable: true,
+    columnWidth: 250,
+  },
+]);
diff --git a/npm/ng-packs/packages/identity/src/lib/defaults/default-users-form-props.ts b/npm/ng-packs/packages/identity/src/lib/defaults/default-users-form-props.ts
new file mode 100644
index 0000000000..3092bdf7e8
--- /dev/null
+++ b/npm/ng-packs/packages/identity/src/lib/defaults/default-users-form-props.ts
@@ -0,0 +1,61 @@
+import { getPasswordValidators } from '@abp/ng.theme.shared';
+import { ePropType, FormProp } from '@abp/ng.theme.shared/extensions';
+import { Validators } from '@angular/forms';
+import { IdentityUserDto } from '../proxy/identity/models';
+
+export const DEFAULT_USERS_CREATE_FORM_PROPS = FormProp.createMany<IdentityUserDto>([
+  {
+    type: ePropType.String,
+    name: 'userName',
+    displayName: 'AbpIdentity::UserName',
+    id: 'user-name',
+    validators: () => [Validators.required, Validators.maxLength(256)],
+  },
+  {
+    type: ePropType.Password,
+    name: 'password',
+    displayName: 'AbpIdentity::Password',
+    id: 'password',
+    autocomplete: 'new-password',
+    validators: data => [Validators.required, ...getPasswordValidators({ get: data.getInjected })],
+  },
+  {
+    type: ePropType.String,
+    name: 'name',
+    displayName: 'AbpIdentity::DisplayName:Name',
+    id: 'name',
+    validators: () => [Validators.maxLength(64)],
+  },
+  {
+    type: ePropType.String,
+    name: 'surname',
+    displayName: 'AbpIdentity::DisplayName:Surname',
+    id: 'surname',
+    validators: () => [Validators.maxLength(64)],
+  },
+  {
+    type: ePropType.Email,
+    name: 'email',
+    displayName: 'AbpIdentity::EmailAddress',
+    id: 'email',
+    validators: () => [Validators.required, Validators.maxLength(256), Validators.email],
+  },
+  {
+    type: ePropType.String,
+    name: 'phoneNumber',
+    displayName: 'AbpIdentity::PhoneNumber',
+    id: 'phone-number',
+    validators: () => [Validators.maxLength(16)],
+  },
+  {
+    type: ePropType.Boolean,
+    name: 'lockoutEnabled',
+    displayName: 'AbpIdentity::DisplayName:LockoutEnabled',
+    id: 'lockout-checkbox',
+    defaultValue: true,
+  },
+]);
+
+export const DEFAULT_USERS_EDIT_FORM_PROPS = DEFAULT_USERS_CREATE_FORM_PROPS.filter(
+  prop => prop.name !== 'password',
+);
diff --git a/npm/ng-packs/packages/identity/src/lib/defaults/default-users-toolbar-actions.ts b/npm/ng-packs/packages/identity/src/lib/defaults/default-users-toolbar-actions.ts
new file mode 100644
index 0000000000..b1e62a9e18
--- /dev/null
+++ b/npm/ng-packs/packages/identity/src/lib/defaults/default-users-toolbar-actions.ts
@@ -0,0 +1,15 @@
+import { ToolbarAction } from '@abp/ng.theme.shared/extensions';
+import { UsersComponent } from '../components/users/users.component';
+import { IdentityUserDto } from '../proxy/identity/models';
+
+export const DEFAULT_USERS_TOOLBAR_ACTIONS = ToolbarAction.createMany<IdentityUserDto[]>([
+  {
+    text: 'AbpIdentity::NewUser',
+    action: data => {
+      const component = data.getInjected(UsersComponent);
+      component.add();
+    },
+    permission: 'AbpIdentity.Users.Create',
+    icon: 'fa fa-plus',
+  },
+]);