oppi.li
juli.ee
+21
-10
src/views/repo.tsx
+21
-10
src/views/repo.tsx
···
29
type PlcEvent = "handle" | "rotation_key" | "service" | "verification_method";
30
31
const PlcLogView = (props: {
32
plcOps: [IndexedEntry<CompatibleOperationOrTombstone>, DiffEntry[]][];
33
}) => {
34
const [activePlcEvent, setActivePlcEvent] = createSignal<PlcEvent | undefined>();
···
111
112
return (
113
<>
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" />
123
</div>
124
</div>
125
<div class="flex flex-col gap-1 text-sm">
126
<For each={props.plcOps}>
···
481
<Show when={notice()}>
482
<div>{notice()}</div>
483
</Show>
484
-
<PlcLogView plcOps={plcOps() ?? []} />
485
</Show>
486
</div>
487
)}
···
29
type PlcEvent = "handle" | "rotation_key" | "service" | "verification_method";
30
31
const PlcLogView = (props: {
32
+
did: string;
33
plcOps: [IndexedEntry<CompatibleOperationOrTombstone>, DiffEntry[]][];
34
}) => {
35
const [activePlcEvent, setActivePlcEvent] = createSignal<PlcEvent | undefined>();
···
112
113
return (
114
<>
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>
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>
135
</div>
136
<div class="flex flex-col gap-1 text-sm">
137
<For each={props.plcOps}>
···
492
<Show when={notice()}>
493
<div>{notice()}</div>
494
</Show>
495
+
<PlcLogView plcOps={plcOps() ?? []} did={did} />
496
</Show>
497
</div>
498
)}