oppi.li
juli.ee
+21
-10
src/views/repo.tsx
+21
-10
src/views/repo.tsx
···
29
29
type PlcEvent = "handle" | "rotation_key" | "service" | "verification_method";
30
30
31
31
const PlcLogView = (props: {
32
+
did: string;
32
33
plcOps: [IndexedEntry<CompatibleOperationOrTombstone>, DiffEntry[]][];
33
34
}) => {
34
35
const [activePlcEvent, setActivePlcEvent] = createSignal<PlcEvent | undefined>();
···
111
112
112
113
return (
113
114
<>
114
-
<div class="flex items-center gap-1">
115
-
<Tooltip text="Filter operations">
116
-
<div class="i-lucide-filter text-xl" />
117
-
</Tooltip>
118
-
<div class="dark:shadow-dark-900/80 flex w-fit items-center rounded-full bg-neutral-200 shadow-md dark:bg-neutral-700">
119
-
<FilterButton icon="i-lucide-at-sign" event="handle" />
120
-
<FilterButton icon="i-lucide-key-round" event="rotation_key" />
121
-
<FilterButton icon="i-lucide-server" event="service" />
122
-
<FilterButton icon="i-lucide-shield-check" event="verification_method" />
115
+
<div class="flex items-center justify-between">
116
+
<div class="flex items-center gap-1">
117
+
<Tooltip text="Filter operations">
118
+
<div class="i-lucide-filter text-xl" />
119
+
</Tooltip>
120
+
<div class="dark:shadow-dark-900/80 flex w-fit items-center rounded-full bg-neutral-200 shadow-md dark:bg-neutral-700">
121
+
<FilterButton icon="i-lucide-at-sign" event="handle" />
122
+
<FilterButton icon="i-lucide-key-round" event="rotation_key" />
123
+
<FilterButton icon="i-lucide-server" event="service" />
124
+
<FilterButton icon="i-lucide-shield-check" event="verification_method" />
125
+
</div>
123
126
</div>
127
+
<Tooltip text="Audit log">
128
+
<a
129
+
href={`${localStorage.plcDirectory ?? "https://plc.directory"}/${props.did}/log/audit`}
130
+
target="_blank"
131
+
>
132
+
<div class="i-lucide-external-link text-lg" />
133
+
</a>
134
+
</Tooltip>
124
135
</div>
125
136
<div class="flex flex-col gap-1 text-sm">
126
137
<For each={props.plcOps}>
···
481
492
<Show when={notice()}>
482
493
<div>{notice()}</div>
483
494
</Show>
484
-
<PlcLogView plcOps={plcOps() ?? []} />
495
+
<PlcLogView plcOps={plcOps() ?? []} did={did} />
485
496
</Show>
486
497
</div>
487
498
)}