Browse Source

use checkbox wrapper in users component

pull/15741/head
Barış Can Yılmaz 3 years ago
parent
commit
bcd723f4f8
  1. 58
      npm/ng-packs/angular.json
  2. 16
      npm/ng-packs/packages/identity/src/lib/components/users/users.component.html
  3. 4
      npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts
  4. 4
      npm/ng-packs/tsconfig.base.json

58
npm/ng-packs/angular.json

@ -200,50 +200,50 @@
"bundleName": "bootstrap-dim" "bundleName": "bootstrap-dim"
}, },
{ {
"input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/ng-bundle.css", "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/ng-bundle.css",
"inject": false, "inject": false,
"bundleName": "ng-bundle" "bundleName": "ng-bundle"
}, },
{ {
"input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/side-menu/layout-bundle.css", "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/side-menu/layout-bundle.css",
"inject": false, "inject": false,
"bundleName": "layout-bundle" "bundleName": "layout-bundle"
}, },
{ {
"input": "node_modules/@abp/ng.theme.lepton-x/assets/css/abp-bundle.css", "input": "node_modules/@abp/ng.theme.lepton-x/assets/css/abp-bundle.css",
"inject": false, "inject": false,
"bundleName": "abp-bundle" "bundleName": "abp-bundle"
}, },
{ {
"input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/bootstrap-dim.rtl.css", "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/bootstrap-dim.rtl.css",
"inject": false, "inject": false,
"bundleName": "bootstrap-dim.rtl" "bundleName": "bootstrap-dim.rtl"
}, },
{ {
"input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/ng-bundle.rtl.css", "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/ng-bundle.rtl.css",
"inject": false, "inject": false,
"bundleName": "ng-bundle.rtl" "bundleName": "ng-bundle.rtl"
}, },
{ {
"input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/side-menu/layout-bundle.rtl.css", "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/side-menu/layout-bundle.rtl.css",
"inject": false, "inject": false,
"bundleName": "layout-bundle.rtl" "bundleName": "layout-bundle.rtl"
}, },
{ {
"input": "node_modules/@abp/ng.theme.lepton-x/assets/css/abp-bundle.rtl.css", "input": "node_modules/@abp/ng.theme.lepton-x/assets/css/abp-bundle.rtl.css",
"inject": false, "inject": false,
"bundleName": "abp-bundle.rtl" "bundleName": "abp-bundle.rtl"
}, },
{ {
"input":"node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.rtl.css", "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.rtl.css",
"inject":false, "inject": false,
"bundleName":"font-bundle.rtl" "bundleName": "font-bundle.rtl"
}, },
{ {
"input":"node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.css", "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.css",
"inject":false, "inject": false,
"bundleName":"font-bundle" "bundleName": "font-bundle"
}, },
{ {
"input": "node_modules/@fortawesome/fontawesome-free/css/all.min.css", "input": "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
"inject": true, "inject": true,
@ -756,7 +756,7 @@
} }
}, },
"tags": [], "tags": [],
"implicitDependencies": ["core","oauth"] "implicitDependencies": ["core", "oauth"]
} }
} }
} }

16
npm/ng-packs/packages/identity/src/lib/components/users/users.component.html

@ -55,12 +55,18 @@
*ngFor="let roleGroup of roleGroups; let i = index; trackBy: trackByFn" *ngFor="let roleGroup of roleGroups; let i = index; trackBy: trackByFn"
class="form-check mb-2" class="form-check mb-2"
> >
<input <abp-checkbox
type="checkbox" *abpReplaceableTemplate="{
class="form-check-input" inputs: {
[attr.id]="'roles-' + i" checkBoxId:'roles-' + i,
formControl:roleGroup.controls[roles[i].name]
},
componentKey: inputKey
}"
[formControl]="roleGroup.controls[roles[i].name]" [formControl]="roleGroup.controls[roles[i].name]"
/> [checkboxId]="'roles-' + i"
>
</abp-checkbox>
<label class="form-check-label" [attr.for]="'roles-' + i">{{ roles[i].name }}</label> <label class="form-check-label" [attr.for]="'roles-' + i">{{ roles[i].name }}</label>
</div> </div>
</ng-template> </ng-template>

4
npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts

@ -6,7 +6,7 @@ import {
IdentityUserService, IdentityUserService,
} from '@abp/ng.identity/proxy'; } from '@abp/ng.identity/proxy';
import { ePermissionManagementComponents } from '@abp/ng.permission-management'; import { ePermissionManagementComponents } from '@abp/ng.permission-management';
import {Confirmation, ConfirmationService, ToasterService} from '@abp/ng.theme.shared'; import {Confirmation, ConfirmationService, eFormComponets, ToasterService} from '@abp/ng.theme.shared';
import { import {
EXTENSIONS_IDENTIFIER, EXTENSIONS_IDENTIFIER,
FormPropData, FormPropData,
@ -60,7 +60,7 @@ export class UsersComponent implements OnInit {
permissionManagementKey = ePermissionManagementComponents.PermissionManagement; permissionManagementKey = ePermissionManagementComponents.PermissionManagement;
entityDisplayName: string; entityDisplayName: string;
inputKey=eFormComponets.FormCheckboxComponent
trackByFn: TrackByFunction<AbstractControl> = (index, item) => Object.keys(item)[0] || index; trackByFn: TrackByFunction<AbstractControl> = (index, item) => Object.keys(item)[0] || index;
onVisiblePermissionChange = event => { onVisiblePermissionChange = event => {

4
npm/ng-packs/tsconfig.base.json

@ -30,6 +30,7 @@
"@abp/ng.identity": ["packages/identity/src/public-api.ts"], "@abp/ng.identity": ["packages/identity/src/public-api.ts"],
"@abp/ng.identity/config": ["packages/identity/config/src/public-api.ts"], "@abp/ng.identity/config": ["packages/identity/config/src/public-api.ts"],
"@abp/ng.identity/proxy": ["packages/identity/proxy/src/public-api.ts"], "@abp/ng.identity/proxy": ["packages/identity/proxy/src/public-api.ts"],
"@abp/ng.oauth": ["packages/oauth/src/public-api.ts"],
"@abp/ng.permission-management": ["packages/permission-management/src/public-api.ts"], "@abp/ng.permission-management": ["packages/permission-management/src/public-api.ts"],
"@abp/ng.permission-management/proxy": [ "@abp/ng.permission-management/proxy": [
"packages/permission-management/proxy/src/public-api.ts" "packages/permission-management/proxy/src/public-api.ts"
@ -43,8 +44,7 @@
"@abp/ng.theme.basic/testing": ["packages/theme-basic/testing/src/public-api.ts"], "@abp/ng.theme.basic/testing": ["packages/theme-basic/testing/src/public-api.ts"],
"@abp/ng.theme.shared": ["packages/theme-shared/src/public-api.ts"], "@abp/ng.theme.shared": ["packages/theme-shared/src/public-api.ts"],
"@abp/ng.theme.shared/extensions": ["packages/theme-shared/extensions/src/public-api.ts"], "@abp/ng.theme.shared/extensions": ["packages/theme-shared/extensions/src/public-api.ts"],
"@abp/ng.theme.shared/testing": ["packages/theme-shared/testing/src/public-api.ts"], "@abp/ng.theme.shared/testing": ["packages/theme-shared/testing/src/public-api.ts"]
"@abp/ng.oauth": ["packages/oauth/src/public-api.ts"]
} }
}, },
"exclude": ["node_modules", "tmp"] "exclude": ["node_modules", "tmp"]

Loading…
Cancel
Save