@juice-js/audit 0.0.0-stage → 1.0.0-alpha.1

package/fesm2022/juice-js-audit-access-logs.page-qVBQLq2K.mjs

@@ -0,0 +1,588 @@
+import { AuditApiService, AuditContextService } from "./juice-js-audit.mjs";
+import { p as problemText, r as AuditContextBar, t as AccessLogTable } from "./juice-js-audit-ui-DnfhiB6p.mjs";
+import { t as cursorList } from "./juice-js-audit-paging-D5-1J1rG.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input, linkedSignal } from "@angular/core";
+import * as i6 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import * as i5 from "@angular/material/select";
+import { MatSelectModule } from "@angular/material/select";
+import * as i2 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import * as i3 from "@angular/material/checkbox";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import * as i4 from "@angular/material/input";
+import { MatInputModule } from "@angular/material/input";
+var AccessLogsPage = class AccessLogsPage {
+	api = inject(AuditApiService);
+	ctx = inject(AuditContextService);
+	user = input(...ngDevMode ? [void 0, { debugName: "user" }] : /* istanbul ignore next */ []);
+	action = input(...ngDevMode ? [void 0, { debugName: "action" }] : /* istanbul ignore next */ []);
+	path = input(...ngDevMode ? [void 0, { debugName: "path" }] : /* istanbul ignore next */ []);
+	method = input(...ngDevMode ? [void 0, { debugName: "method" }] : /* istanbul ignore next */ []);
+	status = input(...ngDevMode ? [void 0, { debugName: "status" }] : /* istanbul ignore next */ []);
+	app = input(...ngDevMode ? [void 0, { debugName: "app" }] : /* istanbul ignore next */ []);
+	minMs = input(...ngDevMode ? [void 0, { debugName: "minMs" }] : /* istanbul ignore next */ []);
+	restricted = input(...ngDevMode ? [void 0, { debugName: "restricted" }] : /* istanbul ignore next */ []);
+	traceId = input(...ngDevMode ? [void 0, { debugName: "traceId" }] : /* istanbul ignore next */ []);
+	methods = [
+		"GET",
+		"POST",
+		"PUT",
+		"PATCH",
+		"DELETE",
+		"MESSAGE",
+		"REQUEST",
+		"NOTIFICATION"
+	];
+	statuses = [
+		"2xx",
+		"3xx",
+		"4xx",
+		"5xx"
+	];
+	filters = computed(() => ({
+		user: this.user() ?? "",
+		action: this.action() ?? "",
+		path: this.path() ?? "",
+		method: this.method() ?? "",
+		status: this.status() ?? "",
+		app: this.app() ?? "",
+		minMs: this.minMs() ?? "",
+		restricted: this.restricted() === "true",
+		traceId: this.traceId() ?? ""
+	}), ...ngDevMode ? [{ debugName: "filters" }] : /* istanbul ignore next */ []);
+	form = linkedSignal(() => ({ ...this.filters() }), ...ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []);
+	filtered = computed(() => Object.values(this.filters()).some((v) => v !== "" && v !== false), ...ngDevMode ? [{ debugName: "filtered" }] : /* istanbul ignore next */ []);
+	logs = cursorList(() => ({
+		filters: this.filters(),
+		range: this.ctx.range(),
+		abs: this.ctx.absolute()
+	}), (p) => ({
+		...this.ctx.window(),
+		...p.filters,
+		restricted: p.filters.restricted ? true : null,
+		limit: 50
+	}), (q) => this.api.accessLogs(q));
+	error = computed(() => problemText(this.logs.first.error()), ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	moreError = computed(() => problemText(this.logs.moreError()), ...ngDevMode ? [{ debugName: "moreError" }] : /* istanbul ignore next */ []);
+	apply() {
+		const f = this.form();
+		this.ctx.filter({
+			user: f.user.trim() || null,
+			action: f.action.trim() || null,
+			path: f.path.trim() || null,
+			method: f.method || null,
+			status: f.status || null,
+			app: f.app.trim() || null,
+			minMs: String(f.minMs ?? "").trim() || null,
+			restricted: f.restricted ? "true" : null,
+			traceId: f.traceId.trim() || null
+		});
+	}
+	clear() {
+		this.ctx.filter({
+			user: null,
+			action: null,
+			path: null,
+			method: null,
+			status: null,
+			app: null,
+			minMs: null,
+			restricted: null,
+			traceId: null
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: AccessLogsPage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: AccessLogsPage,
+		isStandalone: true,
+		selector: "ng-component",
+		inputs: {
+			user: {
+				classPropertyName: "user",
+				publicName: "user",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			action: {
+				classPropertyName: "action",
+				publicName: "action",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			path: {
+				classPropertyName: "path",
+				publicName: "path",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			method: {
+				classPropertyName: "method",
+				publicName: "method",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			status: {
+				classPropertyName: "status",
+				publicName: "status",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			app: {
+				classPropertyName: "app",
+				publicName: "app",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minMs: {
+				classPropertyName: "minMs",
+				publicName: "minMs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			restricted: {
+				classPropertyName: "restricted",
+				publicName: "restricted",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			traceId: {
+				classPropertyName: "traceId",
+				publicName: "traceId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    <ja-context-bar><h1>Access records</h1></ja-context-bar>
+    <form class="ja-filter-form" (ngSubmit)="apply()">
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-sm"><mat-label>User</mat-label><input matInput name="user" [(ngModel)]="form().user"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-sm"><mat-label>Action</mat-label><input matInput name="action" [(ngModel)]="form().action"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-sm"><mat-label>Path</mat-label><input matInput name="path" [(ngModel)]="form().path"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-xs">
+        <mat-label>Method</mat-label>
+        <mat-select name="method" [(ngModel)]="form().method">
+          <mat-option value="">Any</mat-option>
+          @for (m of methods; track m) { <mat-option [value]="m">{{ m }}</mat-option> }
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-xs">
+        <mat-label>Status</mat-label>
+        <mat-select name="status" [(ngModel)]="form().status">
+          <mat-option value="">Any</mat-option>
+          <mat-option value="error">Failed (4xx, 5xx)</mat-option>
+          @for (s of statuses; track s) { <mat-option [value]="s">{{ s }}</mat-option> }
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-sm"><mat-label>App</mat-label><input matInput name="app" [(ngModel)]="form().app"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-xs"><mat-label>Slower than (ms)</mat-label><input matInput type="number" min="0" name="minMs" [(ngModel)]="form().minMs"></mat-form-field>
+      <mat-checkbox name="restricted" [(ngModel)]="form().restricted">Restricted only</mat-checkbox>
+      <button mat-flat-button type="submit">Search</button>
+      @if (filtered()) { <button mat-button type="button" (click)="clear()">Clear</button> }
+    </form>
+
+    @if (logs.first.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (logs.first.error()) { <p class="ja-error">{{ error() }}</p> }
+    @if (logs.first.hasValue()) {
+      @if (logs.items().length === 0) { <p class="ja-muted">No access records match in this window.</p> }
+      @else {
+        <ja-access-log-table [rows]="logs.items()" />
+        <div class="ja-more">
+          <span class="ja-muted">{{ logs.items().length }} record{{ logs.items().length === 1 ? '' : 's' }}{{ logs.hasMore() ? ', newest first' : '' }}</span>
+          @if (logs.hasMore()) {
+            <button mat-button (click)="logs.more()" [disabled]="logs.loadingMore()">{{ logs.loadingMore() ? 'Loading…' : 'Older records' }}</button>
+          }
+          @if (logs.moreError()) { <span class="ja-error">{{ moreError() }}</span> }
+        </div>
+      }
+    }`,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NumberValueAccessor,
+				selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i1.MinValidator,
+				selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
+				inputs: ["min"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgForm,
+				selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]",
+				inputs: ["ngFormOptions"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatButtonModule
+			},
+			{
+				kind: "component",
+				type: i2.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatCheckboxModule
+			},
+			{
+				kind: "component",
+				type: i3.MatCheckbox,
+				selector: "mat-checkbox",
+				inputs: [
+					"aria-label",
+					"aria-labelledby",
+					"aria-describedby",
+					"aria-expanded",
+					"aria-controls",
+					"aria-owns",
+					"id",
+					"required",
+					"labelPosition",
+					"name",
+					"value",
+					"disableRipple",
+					"tabIndex",
+					"color",
+					"disabledInteractive",
+					"checked",
+					"disabled",
+					"indeterminate"
+				],
+				outputs: ["change", "indeterminateChange"],
+				exportAs: ["matCheckbox"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatInputModule
+			},
+			{
+				kind: "directive",
+				type: i4.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "component",
+				type: i5.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i5.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "ngmodule",
+				type: MatProgressBarModule
+			},
+			{
+				kind: "component",
+				type: i6.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatSelectModule
+			},
+			{
+				kind: "component",
+				type: i5.MatSelect,
+				selector: "mat-select",
+				inputs: [
+					"aria-describedby",
+					"panelClass",
+					"disabled",
+					"disableRipple",
+					"tabIndex",
+					"hideSingleSelectionIndicator",
+					"placeholder",
+					"required",
+					"multiple",
+					"disableOptionCentering",
+					"compareWith",
+					"value",
+					"aria-label",
+					"aria-labelledby",
+					"errorStateMatcher",
+					"typeaheadDebounceInterval",
+					"sortComparator",
+					"id",
+					"panelWidth",
+					"canSelectNullableOptions"
+				],
+				outputs: [
+					"openedChange",
+					"opened",
+					"closed",
+					"selectionChange",
+					"valueChange"
+				],
+				exportAs: ["matSelect"]
+			},
+			{
+				kind: "component",
+				type: i5.MatOption,
+				selector: "mat-option",
+				inputs: [
+					"value",
+					"id",
+					"disabled"
+				],
+				outputs: ["onSelectionChange"],
+				exportAs: ["matOption"]
+			},
+			{
+				kind: "component",
+				type: AuditContextBar,
+				selector: "ja-context-bar",
+				inputs: ["showRange"]
+			},
+			{
+				kind: "component",
+				type: AccessLogTable,
+				selector: "ja-access-log-table",
+				inputs: ["rows", "compact"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AccessLogsPage,
+	decorators: [{
+		type: Component,
+		args: [{
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				FormsModule,
+				MatButtonModule,
+				MatCheckboxModule,
+				MatInputModule,
+				MatProgressBarModule,
+				MatSelectModule,
+				AuditContextBar,
+				AccessLogTable
+			],
+			template: `
+    <ja-context-bar><h1>Access records</h1></ja-context-bar>
+    <form class="ja-filter-form" (ngSubmit)="apply()">
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-sm"><mat-label>User</mat-label><input matInput name="user" [(ngModel)]="form().user"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-sm"><mat-label>Action</mat-label><input matInput name="action" [(ngModel)]="form().action"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-sm"><mat-label>Path</mat-label><input matInput name="path" [(ngModel)]="form().path"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-xs">
+        <mat-label>Method</mat-label>
+        <mat-select name="method" [(ngModel)]="form().method">
+          <mat-option value="">Any</mat-option>
+          @for (m of methods; track m) { <mat-option [value]="m">{{ m }}</mat-option> }
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-xs">
+        <mat-label>Status</mat-label>
+        <mat-select name="status" [(ngModel)]="form().status">
+          <mat-option value="">Any</mat-option>
+          <mat-option value="error">Failed (4xx, 5xx)</mat-option>
+          @for (s of statuses; track s) { <mat-option [value]="s">{{ s }}</mat-option> }
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-sm"><mat-label>App</mat-label><input matInput name="app" [(ngModel)]="form().app"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="ja-field-xs"><mat-label>Slower than (ms)</mat-label><input matInput type="number" min="0" name="minMs" [(ngModel)]="form().minMs"></mat-form-field>
+      <mat-checkbox name="restricted" [(ngModel)]="form().restricted">Restricted only</mat-checkbox>
+      <button mat-flat-button type="submit">Search</button>
+      @if (filtered()) { <button mat-button type="button" (click)="clear()">Clear</button> }
+    </form>
+
+    @if (logs.first.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (logs.first.error()) { <p class="ja-error">{{ error() }}</p> }
+    @if (logs.first.hasValue()) {
+      @if (logs.items().length === 0) { <p class="ja-muted">No access records match in this window.</p> }
+      @else {
+        <ja-access-log-table [rows]="logs.items()" />
+        <div class="ja-more">
+          <span class="ja-muted">{{ logs.items().length }} record{{ logs.items().length === 1 ? '' : 's' }}{{ logs.hasMore() ? ', newest first' : '' }}</span>
+          @if (logs.hasMore()) {
+            <button mat-button (click)="logs.more()" [disabled]="logs.loadingMore()">{{ logs.loadingMore() ? 'Loading…' : 'Older records' }}</button>
+          }
+          @if (logs.moreError()) { <span class="ja-error">{{ moreError() }}</span> }
+        </div>
+      }
+    }`
+		}]
+	}],
+	propDecorators: {
+		user: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "user",
+				required: false
+			}]
+		}],
+		action: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "action",
+				required: false
+			}]
+		}],
+		path: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "path",
+				required: false
+			}]
+		}],
+		method: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "method",
+				required: false
+			}]
+		}],
+		status: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "status",
+				required: false
+			}]
+		}],
+		app: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "app",
+				required: false
+			}]
+		}],
+		minMs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minMs",
+				required: false
+			}]
+		}],
+		restricted: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "restricted",
+				required: false
+			}]
+		}],
+		traceId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "traceId",
+				required: false
+			}]
+		}]
+	}
+});
+export { AccessLogsPage };
+
+//# sourceMappingURL=juice-js-audit-access-logs.page-qVBQLq2K.mjs.map

package/fesm2022/juice-js-audit-access-logs.page-qVBQLq2K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"juice-js-audit-access-logs.page-qVBQLq2K.mjs","names":[],"sources":["../../../../projects/juice-js/audit/src/lib/pages/access-logs.page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, linkedSignal } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatSelectModule } from '@angular/material/select';\nimport { AuditApiService } from '../core/api.service';\nimport { AuditContextService } from '../core/context.service';\nimport { problemText } from '../shared/format';\nimport { cursorList } from '../shared/paging';\nimport { AccessLogTable, AuditContextBar } from '../shared/ui';\n\n/**\n * The access records in the window, newest first: who did what, with what outcome and how long it took. The filters\n * are in the URL, so a filtered list is a link to share.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, MatButtonModule, MatCheckboxModule, MatInputModule, MatProgressBarModule, MatSelectModule,\n    AuditContextBar, AccessLogTable],\n  template: `\n    <ja-context-bar><h1>Access records</h1></ja-context-bar>\n    <form class=\"ja-filter-form\" (ngSubmit)=\"apply()\">\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"ja-field-sm\"><mat-label>User</mat-label><input matInput name=\"user\" [(ngModel)]=\"form().user\"></mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"ja-field-sm\"><mat-label>Action</mat-label><input matInput name=\"action\" [(ngModel)]=\"form().action\"></mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"ja-field-sm\"><mat-label>Path</mat-label><input matInput name=\"path\" [(ngModel)]=\"form().path\"></mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"ja-field-xs\">\n        <mat-label>Method</mat-label>\n        <mat-select name=\"method\" [(ngModel)]=\"form().method\">\n          <mat-option value=\"\">Any</mat-option>\n          @for (m of methods; track m) { <mat-option [value]=\"m\">{{ m }}</mat-option> }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"ja-field-xs\">\n        <mat-label>Status</mat-label>\n        <mat-select name=\"status\" [(ngModel)]=\"form().status\">\n          <mat-option value=\"\">Any</mat-option>\n          <mat-option value=\"error\">Failed (4xx, 5xx)</mat-option>\n          @for (s of statuses; track s) { <mat-option [value]=\"s\">{{ s }}</mat-option> }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"ja-field-sm\"><mat-label>App</mat-label><input matInput name=\"app\" [(ngModel)]=\"form().app\"></mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"ja-field-xs\"><mat-label>Slower than (ms)</mat-label><input matInput type=\"number\" min=\"0\" name=\"minMs\" [(ngModel)]=\"form().minMs\"></mat-form-field>\n      <mat-checkbox name=\"restricted\" [(ngModel)]=\"form().restricted\">Restricted only</mat-checkbox>\n      <button mat-flat-button type=\"submit\">Search</button>\n      @if (filtered()) { <button mat-button type=\"button\" (click)=\"clear()\">Clear</button> }\n    </form>\n\n    @if (logs.first.isLoading()) { <mat-progress-bar mode=\"indeterminate\" /> }\n    @if (logs.first.error()) { <p class=\"ja-error\">{{ error() }}</p> }\n    @if (logs.first.hasValue()) {\n      @if (logs.items().length === 0) { <p class=\"ja-muted\">No access records match in this window.</p> }\n      @else {\n        <ja-access-log-table [rows]=\"logs.items()\" />\n        <div class=\"ja-more\">\n          <span class=\"ja-muted\">{{ logs.items().length }} record{{ logs.items().length === 1 ? '' : 's' }}{{ logs.hasMore() ? ', newest first' : '' }}</span>\n          @if (logs.hasMore()) {\n            <button mat-button (click)=\"logs.more()\" [disabled]=\"logs.loadingMore()\">{{ logs.loadingMore() ? 'Loading…' : 'Older records' }}</button>\n          }\n          @if (logs.moreError()) { <span class=\"ja-error\">{{ moreError() }}</span> }\n        </div>\n      }\n    }`,\n})\nexport class AccessLogsPage {\n  private readonly api = inject(AuditApiService);\n  protected readonly ctx = inject(AuditContextService);\n\n  readonly user = input<string>();\n  readonly action = input<string>();\n  readonly path = input<string>();\n  readonly method = input<string>();\n  readonly status = input<string>();\n  readonly app = input<string>();\n  readonly minMs = input<string>();\n  readonly restricted = input<string>();\n  readonly traceId = input<string>();\n\n  protected readonly methods = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'MESSAGE', 'REQUEST', 'NOTIFICATION'];\n  protected readonly statuses = ['2xx', '3xx', '4xx', '5xx'];\n\n  private readonly filters = computed(() => ({\n    user: this.user() ?? '', action: this.action() ?? '', path: this.path() ?? '', method: this.method() ?? '',\n    status: this.status() ?? '', app: this.app() ?? '', minMs: this.minMs() ?? '', restricted: this.restricted() === 'true',\n    traceId: this.traceId() ?? '',\n  }));\n  /** The form, reset to the URL's filters whenever they change. */\n  protected readonly form = linkedSignal(() => ({ ...this.filters() }));\n  protected readonly filtered = computed(() => Object.values(this.filters()).some(v => v !== '' && v !== false));\n\n  protected readonly logs = cursorList(\n    () => ({ filters: this.filters(), range: this.ctx.range(), abs: this.ctx.absolute() }),\n    p => ({ ...this.ctx.window(), ...p.filters, restricted: p.filters.restricted ? true : null, limit: 50 }),\n    q => this.api.accessLogs(q));\n  protected readonly error = computed(() => problemText(this.logs.first.error()));\n  protected readonly moreError = computed(() => problemText(this.logs.moreError()));\n\n  apply() {\n    const f = this.form();\n    this.ctx.filter({\n      user: f.user.trim() || null, action: f.action.trim() || null, path: f.path.trim() || null, method: f.method || null,\n      status: f.status || null, app: f.app.trim() || null, minMs: String(f.minMs ?? '').trim() || null,\n      restricted: f.restricted ? 'true' : null, traceId: f.traceId.trim() || null,\n    });\n  }\n\n  clear() {\n    this.ctx.filter({ user: null, action: null, path: null, method: null, status: null, app: null, minMs: null, restricted: null, traceId: null });\n  }\n}\n"],"mappings":"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"}