2.0.0 • Published 4 years ago
@hrcb/schematics-angular v2.0.0
Angular code generator for HRCB
HRCB Angular code generation tool for better productivity, folder structure and code consistency
Installation
- Install
schematics-cli
globally.
$ npm install -g @angular-devkit/schematics-cli
- Install
@hrcb/schematics-angular
as a dev dependency.
$ npm install --save-dev @hrcb/schematics-angular
Creating an angular feature in HRCB
Follow below command for creating a feature named "Expense policy" under the folder "src/app/feeditems":
cd "Path to Angular project"
$ng g @hrcb/schematics-angular:feature --path="src/app/settings" --name="expense policy"
You should see the following files to be created when running this schematic: This would create a feature module which includes a module, a routing module, a service, an adapter and components to list, add, edit, delete and view with predefined HRCB architecture template.
CREATE /src/app/feeditems/expense-policy/expense-policy-routing.module.ts (635 bytes)
CREATE /src/app/feeditems/expense-policy/expense-policy.model.ts (0 bytes)
CREATE /src/app/feeditems/expense-policy/expense-policy.module.ts (1489 bytes)
CREATE /src/app/feeditems/expense-policy/expense-policy.service.spec.ts (1060 bytes)
CREATE /src/app/feeditems/expense-policy/expense-policy.service.ts (1737 bytes)
CREATE /src/app/feeditems/expense-policy/add-expense-policy/add-expense-policy.component.html (0 bytes)
CREATE /src/app/feeditems/expense-policy/add-expense-policy/add-expense-policy.component.spec.ts (1373 bytes)
CREATE /src/app/feeditems/expense-policy/add-expense-policy/add-expense-policy.component.ts (3314 bytes)
CREATE /src/app/feeditems/expense-policy/delete-expense-policy/delete-expense-policy.component.html (0 bytes)
CREATE /src/app/feeditems/expense-policy/delete-expense-policy/delete-expense-policy.component.spec.ts (1541 bytes)
CREATE /src/app/feeditems/expense-policy/delete-expense-policy/delete-expense-policy.component.ts (3085 bytes)
CREATE /src/app/feeditems/expense-policy/edit-expense-policy/edit-expense-policy.component.html (0 bytes)
CREATE /src/app/feeditems/expense-policy/edit-expense-policy/edit-expense-policy.component.spec.ts (1256 bytes)
CREATE /src/app/feeditems/expense-policy/edit-expense-policy/edit-expense-policy.component.ts (3829 bytes)
CREATE /src/app/feeditems/expense-policy/view-expense-policy/view-expense-policy.component.html (0 bytes)
CREATE /src/app/feeditems/expense-policy/view-expense-policy/view-expense-policy.component.spec.ts (2010 bytes)
CREATE /src/app/feeditems/expense-policy/view-expense-policy/view-expense-policy.component.ts (3782 bytes)
CREATE /src/app/feeditems/expense-policy/expense-policy-list/expense-policy-list.component.html (981 bytes)
CREATE /src/app/feeditems/expense-policy/expense-policy-list/expense-policy-list.component.spec.ts (2950 bytes)
CREATE /src/app/feeditems/expense-policy/expense-policy-list/expense-policy-list.component.ts (2037 bytes)
Configure this module for lazy loading in parent routing module
system-settings-routing.module.ts
const routes: Routes = [
{
path: "",
children: [
{
path: "expensepolicies",
canActivate: [AuthGuard],
data: { roles: [PermissionTypes.MANAGE_SETTINGS, PermissionTypes.VIEW_SETTINGS] },
loadChildren: () => import("./expense-policy/expense-policy.module").then((m) => m.ExpensePolicyModule)
}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class SystemSettingsRoutingModule {}