8322aca674
Show/Hide Button for private key in Options page. Move experimental page into separate sub-folder. Move delegation wizard to sub-folder. Move permission page into separate folder. Basic functional SwiftUI look for the app. Beginning to define the main app view. NavigationStack and Privacy Policy Show App Icon on main screen. Getting Started: macOS Getting Started: iPhone Getting Started: iPad Removing old default UIKit code. Added "No Thanks" toggle to the relay reminder. Clearly indicate in the Settings page when a profile is a delegated profile. Changed recommended relays to all public relays. Use x-cloak in all the places. Fix bundle display name to use capital N. Added copy button to pubkey in settings. Window default size. Updating event kind list. Allow events to be copied by clicking on them in the event log. Tweaking the colors for a more purple-ish look. Added Tips and Tricks view to native app. Move utilities modules into separate folder. Rename event_log files to event_history to escape some content blockers. Renamed Event Log to Event History in the UI as well.
142 lines
4.9 KiB
HTML
142 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script defer src="event_history.build.js"></script>
|
|
<link rel="stylesheet" href="/options.build.css">
|
|
<title>Event History</title>
|
|
|
|
<style>
|
|
label {
|
|
display: block;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="text-fuchsia-900 p-3.5 lg:p-32" x-data="eventLog">
|
|
<p>
|
|
<a href="/options.html" class="border-none hover:underline">← Back</a>
|
|
</p>
|
|
|
|
<h1 class="section-header">Event History</h1>
|
|
|
|
<div class="section">
|
|
<div class="section-header">Filters</div>
|
|
|
|
<div class="grid grid-cols-2 xl:grid-cols-4 gap-4">
|
|
<div>
|
|
<label for="view">View</label>
|
|
<select id="view" class="input" x-model="view" @change="reload">
|
|
<option value="created_at">created_at</option>
|
|
<option value="kind">kind</option>
|
|
<option value="host">host</option>
|
|
<option value="pubkey">pubkey</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="sort">Order</label>
|
|
<select id="sort" x-model="sort" class="input" @change="reload">
|
|
<option value="asc">Ascending</option>
|
|
<option value="desc">Descending</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="max">Max</label>
|
|
<input type="number" x-model.number="max" @input.debounce.750ms="reload" class="input" min="10">
|
|
</div>
|
|
|
|
<div></div>
|
|
|
|
<div x-show="view === 'created_at'" x-cloak>
|
|
<label for="fromCreatedAt">From</label>
|
|
<input type="date" id="fromCreatedAt" x-model="fromCreatedAt" class="input" @change="reload">
|
|
</div>
|
|
|
|
<div x-show="view === 'created_at'" x-cloak>
|
|
<label for="toCreatedAt">To</label>
|
|
<input type="date" id="toCreatedAt" x-model="toCreatedAt" class="input" @change="reload">
|
|
</div>
|
|
|
|
<div x-show="view === 'kind'" x-cloak>
|
|
<label for="kindShortcut">Quick Select</label>
|
|
<select id="kindShortcut" class="input" @change="quickKindSelect" x-model="quickKind">
|
|
<option></option>
|
|
<template x-for="k in kinds">
|
|
<option :value="k[0]" x-text="k[1]"></option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
|
|
<div x-show="view === 'kind'" x-cloak>
|
|
<label for="fromKind">From</label>
|
|
<input type="number" id="fromKind" x-model.number="fromKind" class="input" @change="reload">
|
|
</div>
|
|
|
|
<div x-show="view === 'kind'" x-cloak>
|
|
<label for="toKind">To</label>
|
|
<input type="number" id="toKind" x-model.number="toKind" class="input" @change="reload">
|
|
</div>
|
|
|
|
<div x-show="view === 'host'" x-cloak>
|
|
<label for="host">Host</label>
|
|
<select id="host" class="input" x-model="host" @change="reload">
|
|
<option value=""></option>
|
|
<template x-for="h in allHosts">
|
|
<option :value="h" x-text="h"></option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
|
|
<div x-show="view === 'pubkey'" x-cloak>
|
|
<label for="profiles">Profiles</label>
|
|
<select id="profiles" class="input" x-model="profile" @change="pkFromProfile">
|
|
<option value=""></option>
|
|
<template x-for="p in profileNames">
|
|
<option :value="p" x-text="p"></option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
|
|
<div x-show="view === 'pubkey'" x-cloak>
|
|
<label for="pubkey">Pubkey</label>
|
|
<input type="text" class="input" x-model="pubkey" @input.debounce="reload">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<button class="button mt-3" @click="saveAll">Save all</button>
|
|
<button class="button mt-3" @click="deleteAll">Delete all</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-sm italic mt-1 text-right">Click/tap event body to copy the raw event.</div>
|
|
|
|
<template x-for="(event, index) in events">
|
|
<div class="mt-3 border-solid border border-fuchsia-700 rounded-lg">
|
|
<div class="select-none flex cursor-pointer text-sm md:text-xl"
|
|
@click="selected = selected === index ? null : index">
|
|
<div class="flex-none w-14 p-4 font-extrabold" x-text="selected === index ? '-' : '+'"></div>
|
|
<div class="flex-1 w-64 p-4" x-text="formatDate(event.metadata.signed_at)"></div>
|
|
<div class="flex-1 w-64 p-4" x-text="event.metadata.host"></div>
|
|
<div class="flex-1 w-64 p-4" x-text="formatKind(event.event.kind)"></div>
|
|
</div>
|
|
|
|
<div @click.prevent="copyEvent(index)" class="cursor-pointer">
|
|
<pre class="rounded-b-lg bg-slate-200 text-sm md:text-xl" x-html="highlight(event)" x-show="selected === index"
|
|
x-transition:enter.opacity.delay.75ms x-transition:leave.opacity x-cloak>
|
|
</pre>
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<div class="fixed top-0 right-0 bg-fuchsia-800 rounded-md p-4 text-white m-8 drop-shadow-md" x-show="copied" x-cloack>
|
|
Event copied!
|
|
</div>
|
|
</body>
|
|
|
|
</html> |