72 lines
2.1 KiB
HTML
72 lines
2.1 KiB
HTML
<!doctype html>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
{{ define "message_reply" }}
|
|
<div>
|
|
<form action="{{ if .message.Message_id }}/key/{{ .page_name }}/reply/{{ .message.Message_id }}/{{ else }}/key/{{ .page_name }}/{{ end }}" method="POST">
|
|
<label for="username" class="font-bold p-4">Username:</label>
|
|
<input type="text" id="username" name="username" required
|
|
class=" pl-2 size-auto rounded shadow-black shadow border border-black"
|
|
>
|
|
<br>
|
|
<div class="p-4">
|
|
<label for="message" class="font-bold">Message:</label>
|
|
<br>
|
|
<textarea id="message" name="message" rows="8" required
|
|
class=" p-1 pl-4 size-full border border-black rounded-xl shadow shadow-black" ></textarea>
|
|
</div>
|
|
<div class="pl-4">
|
|
<button type="submit" class="bg-cyan-400 pl-2 pr-2 text-xl border-black border rounded">Send</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{ define "the_child_message" }}
|
|
{{ $page_name := .page_name }}
|
|
<!--<div class="mb-4 mt-4 border border-black p-4 pr-0 shadow shadow-black">-->
|
|
<div class="mb-4 mt-4 pl-2 pt-2 pb-2 shadow shadow-black ">
|
|
<div class="flex text-gray-800 text-sm">
|
|
<div class="font-semibold">
|
|
{{ .message.Username }}
|
|
</div>
|
|
  
|
|
<div class="font-soft">
|
|
{{ .message.Message_time }}
|
|
</div>
|
|
</div>
|
|
<div class="text-lg p-1">
|
|
{{ .message.Message }}
|
|
</div>
|
|
<div class="">
|
|
<details >
|
|
<summary class="text-base text-sky-500 font-bold">
|
|
Reply
|
|
</summary>
|
|
<div>
|
|
{{ template "message_reply" (dict "message" .message "page_name" $page_name) }}
|
|
</div>
|
|
</details>
|
|
</div>
|
|
{{ range .message.Children }}
|
|
<div class="">
|
|
{{ template "the_child_message" (dict "message" . "page_name" $page_name) }}
|
|
</div>
|
|
{{ end }}
|
|
<div class="invisible hidden">s</div>
|
|
</div>
|
|
{{ end }}
|
|
<link rel="stylesheet" href="/style.css">
|
|
|
|
|
|
|
|
<div class="bg-green-200 rounded-2xl w-full">
|
|
<div class=" p-2 ">
|
|
{{ $page_name := .Page_name }}
|
|
{{ template "message_reply" (dict "page_name" $page_name) }}
|
|
{{ range .Messages }}
|
|
{{ template "the_child_message" (dict "message" . "page_name" $page_name) }}
|
|
{{ end }}
|
|
</div>
|
|
</div>
|