@flusys/ng-shared 5.0.3 → 5.0.4

package/README.md

@@ -20,17 +20,24 @@ npm install @flusys/ng-shared @flusys/ng-core
 Extend this class to get a reactive list resource backed by `resource()`, with pagination, search, and all standard POST-only RPC endpoints.
 
 ```typescript
-import { Injectable, inject } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { ApiResourceService } from '@flusys/ng-shared';
-
-export interface IProduct { id: string; name: string; price: number; }
-export interface IProductDto { name: string; price: number; }
+import { Injectable, inject } from "@angular/core";
+import { HttpClient } from "@angular/common/http";
+import { ApiResourceService } from "@flusys/ng-shared";
+
+export interface IProduct {
+  id: string;
+  name: string;
+  price: number;
+}
+export interface IProductDto {
+  name: string;
+  price: number;
+}
 
-@Injectable({ providedIn: 'root' })
+@Injectable({ providedIn: "root" })
 export class ProductService extends ApiResourceService<IProductDto, IProduct> {
   constructor() {
-    super('products', inject(HttpClient), 'administration'); // moduleApiName, http, serviceName (key in APP_CONFIG.services)
+    super("products", "administration"); // moduleApiName, http, serviceName (key in APP_CONFIG.services)
   }
 }
 ```
@@ -107,9 +114,9 @@ export class AvatarComponent {
 ```typescript
 const pv = inject(PermissionValidatorService);
 
-pv.hasPermission('user.create');   // true
-pv.hasPermission('report.export'); // true — wildcard match
-pv.isPermissionsLoaded();          // boolean
+pv.hasPermission("user.create"); // true
+pv.hasPermission("report.export"); // true — wildcard match
+pv.isPermissionsLoaded(); // boolean
 ```
 
 ```html
@@ -122,23 +129,23 @@ pv.isPermissionsLoaded();          // boolean
 ## 4. Permission Guards
 
 ```typescript
-import { permissionGuard, anyPermissionGuard, allPermissionsGuard } from '@flusys/ng-shared';
+import { permissionGuard, anyPermissionGuard, allPermissionsGuard } from "@flusys/ng-shared";
 
 export const routes: Routes = [
   {
-    path: 'users',
-    canActivate: [permissionGuard('user.view')],                          // single
-    loadComponent: () => import('./user-list.component'),
+    path: "users",
+    canActivate: [permissionGuard("user.view")], // single
+    loadComponent: () => import("./user-list.component"),
   },
   {
-    path: 'reports',
-    canActivate: [anyPermissionGuard(['report.view', 'report.export'])],  // OR
-    loadComponent: () => import('./reports.component'),
+    path: "reports",
+    canActivate: [anyPermissionGuard(["report.view", "report.export"])], // OR
+    loadComponent: () => import("./reports.component"),
   },
   {
-    path: 'admin',
-    canActivate: [allPermissionsGuard(['admin.view', 'admin.manage'])],   // AND
-    loadComponent: () => import('./admin.component'),
+    path: "admin",
+    canActivate: [allPermissionsGuard(["admin.view", "admin.manage"])], // AND
+    loadComponent: () => import("./admin.component"),
   },
 ];
 ```
@@ -150,12 +157,9 @@ All three guards redirect to `/` by default. Pass a second argument to change it
 ## 5. TranslatePipe
 
 ```html
-{{ 'shared.save' | translate }}
-
-{{ 'pagination.showing' | translate: { from: 1, to: 10 } }}
+{{ 'shared.save' | translate }} {{ 'pagination.showing' | translate: { from: 1, to: 10 } }}
 ```
 
-
 ## License
 
 MIT © FLUSYS