Audit log table and modal

frontend/src/locale/DateTimeFormat.ts

@@ -0,0 +1,15 @@
+import { intlFormat, parseISO } from "date-fns";
+
+const DateTimeFormat = (isoDate: string) =>
+	intlFormat(parseISO(isoDate), {
+		weekday: "long",
+		year: "numeric",
+		month: "numeric",
+		day: "numeric",
+		hour: "numeric",
+		minute: "numeric",
+		second: "numeric",
+		hour12: true,
+	});
+
+export { DateTimeFormat };

frontend/src/locale/index.ts

@@ -1 +1,2 @@
+export * from "./DateTimeFormat";
 export * from "./IntlProvider";

frontend/src/locale/lang/en.json

@@ -12,13 +12,16 @@
   "action.edit": "Edit",
   "action.enable": "Enable",
   "action.permissions": "Permissions",
+  "action.view-details": "View Details",
   "auditlog.title": "Audit Log",
   "cancel": "Cancel",
   "certificates.title": "SSL Certificates",
+  "close": "Close",
   "column.access": "Access",
   "column.authorization": "Authorization",
   "column.destination": "Destination",
   "column.email": "Email",
+  "column.event": "Event",
   "column.http-code": "Access",
   "column.incoming-port": "Incoming Port",
   "column.name": "Name",
@@ -41,6 +44,9 @@
   "empty-subtitle": "Why don't you create one?",
   "error.invalid-auth": "Invalid email or password",
   "error.passwords-must-match": "Passwords must match",
+  "event.created-user": "Created User",
+  "event.deleted-user": "Deleted User",
+  "event.updated-user": "Updated User",
   "footer.github-fork": "Fork me on Github",
   "hosts.title": "Hosts",
   "http-only": "HTTP Only",

frontend/src/locale/src/en.json

@@ -41,12 +41,18 @@
 	"auditlog.title": {
 		"defaultMessage": "Audit Log"
 	},
+	"action.view-details": {
+		"defaultMessage": "View Details"
+	},
 	"cancel": {
 		"defaultMessage": "Cancel"
 	},
 	"certificates.title": {
 		"defaultMessage": "SSL Certificates"
 	},
+	"close": {
+		"defaultMessage": "Close"
+	},
 	"created-on": {
 		"defaultMessage": "Created: {date}"
 	},
@@ -62,6 +68,9 @@
 	"column.email": {
 		"defaultMessage": "Email"
 	},
+	"column.event": {
+		"defaultMessage": "Event"
+	},
 	"column.http-code": {
 		"defaultMessage": "Access"
 	},
@@ -122,6 +131,15 @@
 	"error.invalid-auth": {
 		"defaultMessage": "Invalid email or password"
 	},
+	"event.created-user": {
+		"defaultMessage": "Created User"
+	},
+	"event.deleted-user": {
+		"defaultMessage": "Deleted User"
+	},
+	"event.updated-user": {
+		"defaultMessage": "Updated User"
+	},
 	"footer.github-fork": {
 		"defaultMessage": "Fork me on Github"
 	},