fix(#118): log title unreadable

Author: tobimori

classes/Actions/WebhookAction.php

@@ -4,6 +4,7 @@
 
 use Kirby\Http\Remote;
 use Kirby\Http\Url;
+use Kirby\Toolkit\I18n;
 use Throwable;
 
 /**
@@ -84,7 +85,11 @@ public function run(): void
 		}
 
 		if ($request->code() > 299) {
-			$this->cancel('dreamform.actions.webhook.log.error');
+			$this->cancel(
+				I18n::template('dreamform.actions.webhook.log.error', replace: [
+					'url' => $this->block()->webhookUrl()->value()
+				])
+			);
 		}
 
 		$this->log([

index.js

@@ -11,7 +11,7 @@ const props = defineProps({
 	body: String
 })
 
-const body = props.body.replaceAll(`\n`, "<br>").replaceAll("———", "<hr>")
+const body = props.body.replaceAll('\n', "<br>").replaceAll("———", "<hr>")
 
 const isExpanded = ref(false)
 const uuid = ref(Math.random().toString(36).substring(2))

src/components/log/EmailEntry.vue

@@ -22,7 +22,7 @@ const date = formatDate(props.timestamp)
 			<div class="df-log-entry-heading">
 				<span
 					v-html="
-						encodeURIComponent($t(props.title, props.template, props.title))
+						$t(props.title, props.template, props.title)
 					"
 				></span>
 				<span> • {{ date }}</span>

src/components/log/EntryBase.vue

@@ -2,7 +2,7 @@ export function formatDate(timestamp) {
 	const locale = window.panel.user.language
 	const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" })
 
-	const diff = (Date().now() - timestamp * 1000) / 1000
+	const diff = (Date.now() - timestamp * 1000) / 1000
 	const units = [
 		{ unit: "year", seconds: 365 * 24 * 60 * 60 },
 		{ unit: "month", seconds: 30 * 24 * 60 * 60 },