feat: added history for roles

Author: flauc

client/projects/cms/src/app/elements/link/link.component.html

@@ -1,3 +1,3 @@
-<button mat-stroked-button [color]="color" (click)="open()">
-  <ng-content></ng-content>
-</button>
+<div role="button" class="action-inset" (click)="open()">
+  <mat-icon>{{icon}}</mat-icon> <ng-content></ng-content>
+</div>

client/projects/cms/src/app/elements/link/link.component.ts

@@ -19,7 +19,7 @@ export class LinkComponent {
   link: string;
 
   @Input()
-  color: ThemePalette;
+  icon = 'arrow_forward';
 
   open() {
     this.router.navigateByUrl(this.link);

client/projects/cms/src/app/modules/dashboard/modules/module-instance/guards/can-read-module/can-read-module.guard.ts

@@ -34,7 +34,7 @@ export class CanReadModuleGuard implements CanActivate {
          */
         const permission = documentParams % 2 ? 'list' : 'get';
 
-        if (!this.state.permissions[module.id]?.[permission]) {
+        if (!this.state.permissions[route.params.module]?.[permission]) {
           this.router.navigate(STATIC_CONFIG.dashboardRoute);
           return false;
         }

client/projects/cms/src/assets/i18n/en.json

@@ -221,6 +221,7 @@
   "TOGGLE_ALL": "Toggle All",
 
   "USER_HISTORY": "User History",
+  "ROLE_HISTORY": "Role History",
   "PERMISSIONS": "Permissions",
   "CREATE": "Create",
   "UPDATE": "Update",

client/projects/cms/src/assets/i18n/hr.json

@@ -221,6 +221,7 @@
   "TOGGLE_ALL": "Osposobi sve",
 
   "USER_HISTORY": "Korinikova povijest",
+  "ROLE_HISTORY": "Uloge povijest",
   "PERMISSIONS": "Dozvole",
   "CREATE": "Kreiraj",
   "UPDATE": "Uredi",

definitions/index.ts

@@ -47,4 +47,9 @@ export {JSX} from './jsx.compiler';
 import {PROCESSED} from './modules/emails/processed.const';
 
 export const EMAIL_LAYOUT = PROCESSED.layout;
-export const EMAIL_STYLE = PROCESSED.css;
+export const EMAIL_STYLE = PROCESSED.css;
+
+/**
+ * Scripts
+ */
+export {compileRules} from './rules';

definitions/interfaces/collections.ts

@@ -23,4 +23,12 @@ export class Collections {
 	static UserHistorySub(docId: string) {
 		return Collections.HistorySub('users', docId);
 	}
+
+	static get RoleHistory() {
+		return Collections.HistorySub('roles');
+	}
+
+	static RoleHistorySub(docId: string) {
+		return Collections.HistorySub('roles', docId);
+	}
 }

definitions/modules/modules.ts

@@ -5,6 +5,7 @@ import {USERS_MODULE} from './users.module';
 import {STORAGE_MODULE} from './storage.module';
 import {AUTOMATIC_EMAILS_MODULE} from './emails/automatic-emails.module';
 import {SENT_EMAILS_MODULE} from './emails/sent-emails.module';
+import {ROLE_HISTORY_MODULE} from './role-history.module';
 
 /**
  * Schemas for all of the modules
@@ -14,6 +15,7 @@ export const MODULES = [
   ROLES_MODULE,
   USER_INVITES_MODULE,
   USER_HISTORY_MODULE,
+  ROLE_HISTORY_MODULE,
   STORAGE_MODULE,
 
   AUTOMATIC_EMAILS_MODULE,

definitions/modules/role-history.module.ts

@@ -0,0 +1,74 @@
+import {PipeType} from '../enums/pipe-type.enum';
+import {Collections} from '../interfaces/collections';
+import {Module} from '../interfaces/module.interface';
+import {CREATED_ON} from './shared/created-on';
+
+export const ROLE_HISTORY_MODULE: Module = {
+	id: Collections.RoleHistory,
+	name: 'ROLE_HISTORY',
+	layout: {
+		sort: CREATED_ON.sort,
+		filterModule: {
+			schema: {
+				properties: {
+					type: {type: 'string'}
+				}
+			},
+			definitions: {
+				type: {
+					component: {
+						type: 'select',
+						configuration: {
+							dataSet: [
+								{name: 'CREATE', value: 'create'},
+								{name: 'EDIT', value: 'edit'},
+								{name: 'DELETE', value: 'delete'}
+							]
+						}
+					}
+				}
+			},
+			clearFilters: {}
+		},
+		table: {
+			hideAdd: true,
+			hideImport: true,
+			hideDelete: true,
+			hideCheckbox: true,
+			hideEdit: true,
+			tableColumns: [
+				CREATED_ON.column(),
+				{key: '/type', label: 'TYPE', pipe: [PipeType.Titlecase]},
+				{
+					key: '/before',
+					label: 'BEFORE',
+					pipe: [PipeType.Json, PipeType.Custom, PipeType.Sanitize],
+					pipeArguments: {
+						1: (item) => {
+							return `<pre style="background-color: #f2f2f2; padding: 5px; border-radius: 4px;">${item}</pre>`
+						}
+					}
+				},
+				{
+					key: '/after',
+					label: 'AFTER',
+					pipe: [PipeType.Json, PipeType.Custom, PipeType.Sanitize],
+					pipeArguments: {
+						1: (item) => {
+							return `<pre style="background-color: #f2f2f2; padding: 5px; border-radius: 4px;">${item}</pre>`
+						}
+					}
+				},
+			]
+		}
+	},
+	schema: {
+		properties: {
+			id: {type: 'string'},
+			before: {type: 'object'},
+			after: {type: 'object'},
+			type: {type: 'string'},
+			...CREATED_ON.property
+		}
+	}
+};

definitions/modules/roles.module.ts definitions/modules/roles.module.tsxdefinitions/modules/roles.module.ts renamed to definitions/modules/roles.module.tsx

@@ -1,14 +1,23 @@
 import {Collections} from '../interfaces/collections';
 import {Module} from '../interfaces/module.interface';
+import JSX from '../jsx.compiler';
 import {CREATED_ON} from './shared/created-on';
 
 export const ROLES_MODULE: Module = {
   id: Collections.Roles,
   name: 'ROLES',
   layout: {
     editTitleKey: 'name',
-    sort: CREATED_ON.sort,
+    sort: {
+      active: 'name',
+      direction: 'desc'
+    },
     instance: {
+      actions: [
+        {
+          value: it => JSX(<jms-e-link icon="history" link={'/m/roles/' + it.id + '/history'}>History</jms-e-link>)
+        }
+      ],
       segments: [
         {
           title: 'GENERAL',
@@ -60,5 +69,11 @@ export const ROLES_MODULE: Module = {
       }
     },
     ...CREATED_ON.definition()
+  },
+  metadata: {
+    history: true,
+    subCollections: [
+      {name: Collections.History}
+    ]
   }
 };