simpkey/src/views/_base.pug

82 lines
2.7 KiB
Plaintext
Raw Normal View History

2020-07-23 18:14:28 +02:00
mixin avatar(user)
2020-07-23 19:44:58 +02:00
img.avatar(src=user.avatarUrl, alt="avatar for " + user.username style="width: 64px; height: 64px; border-radius: 50%")&attributes(attributes)
mixin note-header(note)
2020-07-23 20:53:44 +02:00
header&attributes(attributes)
2020-07-23 19:44:58 +02:00
span.name= getUserName(note.user)
span.acct(style="color: gray")= getAcct(note.user)
2020-07-23 18:14:28 +02:00
2020-07-23 21:07:54 +02:00
mixin sub-note(note)
.sub-note
+avatar(note.user)
+note-header(note)
p= note.text
2020-07-23 18:14:28 +02:00
mixin note(note)
2020-07-23 19:44:58 +02:00
if (note.reply)
2020-07-23 21:07:54 +02:00
+sub-note(note.reply)(style="opacity: 0.5")
2020-07-23 19:44:58 +02:00
if (note.renote && !note.text)
p: b 🔁 !{getUserName(note.user)} がRenote
+note(note.renote)
else
.note&attributes(attributes)
+avatar(note.user)
+note-header(note)
p
if (note.reply)
| ↩
!= note.text
if (note.renote)
p RN:
2020-07-23 21:07:54 +02:00
+sub-note(note.renote)
2020-07-23 19:44:58 +02:00
aside
span.visibility= getVisibility(note)
span.date= new Date(note.createdAt).toLocaleString()
.reactions
each val, key in note.reactions
span(class=(key === note.myReaction ? 'my reaction' : 'reaction'))=`${key} ${val}`
2020-07-23 20:53:44 +02:00
footer
|[
a(href="/reply?noteId=" + note.id) リプライ
|] [
a(href="/renote?noteId=" + note.id) リノート
|]
if !note.myReaction
| [
a(href="/react?noteId=" + note.id) リアクション
| ]
else
form(action="action/unreact", method="post" style="display: inline")
input(type="hidden", name="noteId", value=note.id)
button(type="submit") リアクション解除
mixin post-form(url, placeholder, buttonText)
form(action=url, method="post")
textarea(name="text", placeholder=placeholder style="max-width: 100%; min-width: 100%; height: 6em; margin-bottom: 8px")
button(type="submit")= buttonText
block
2020-07-23 19:44:58 +02:00
2020-07-23 18:14:28 +02:00
html
head
meta(charset="UTF-8")
meta(name="viewport", content="width=device-width, initial-scale=1.0")
block meta
title= title
body
header
h1: a(href="/") Simpkey
block header
main
block content
footer
hr
div
a(href="/privacy-policy") プライバシーポリシー
| ・
a(href="/terms") 利用規約
p (C)2020 Xeltica -
a(href="/about") version !{version}
block footer