add post tags and a button to pin a post (if admin)

doc/todo.md

···
 
 ## planing
 
-- [ ] post:tags ('hashtags')
+> p.s. when initially writing "planing," i made a typo. it should be "planning."
+> however, i will not be fixing it, because it is funny.
+
 - [ ] post:images (should have a config.maple toggle to enable/disable)
 - [ ] post:saving (add the post to a list of saved posts that a user can view later)
 - [ ] user:change password
···
 	- [x] post:mentioning:who mentioned you (send notifications when a user mentions you)
 - [x] post:editing
 - [x] post:replies
+- [x] post:tags ('hashtags')
 - [ ] ~~site:stylesheet (and a toggle for html-only mode)~~
 	- replaced with per-user optional stylesheets
 - [x] site:message of the day (admins can add a welcome message displayed on index.html)

src/api.v

···
 	return ctx.redirect('/post/${id}')
 }
 
+@['/api/post/pin'; post]
+fn (mut app App) api_post_pin(mut ctx Context, id int) veb.Result {
+	user := app.whoami(mut ctx) or {
+		ctx.error('not logged in!')
+		return ctx.redirect('/login')
+	}
+
+	if user.admin {
+		sql app.db {
+			update Post set pinned = true where id == id
+		} or {
+			eprintln('failed to pin post: ${id}')
+			ctx.error('failed to pin post')
+			return ctx.redirect('/post/${id}')
+		}
+		return ctx.redirect('/post/${id}')
+	} else {
+		ctx.error('insufficient permissions!')
+		eprintln('insufficient perms to pin post: ${id} (${user.id})')
+		return ctx.redirect('/')
+	}
+}
+
 ////// site //////
 
 @['/api/site/set_motd'; post]

src/app.v

···
 	return posts[0]
 }
 
+pub fn (app &App) get_posts_with_tag(tag string, offset int) []Post {
+	posts := sql app.db {
+		select from Post where body like '%#(${tag})%' order by posted_at desc limit 10 offset offset
+	} or { [] }
+	return posts
+}
+
 pub fn (app &App) get_pinned_posts() []Post {
 	posts := sql app.db {
 		select from Post where pinned == true

src/config.v

···
 		bio_max_len      int
 		bio_pattern      string
 	}
-	welcome struct {
+	welcome     struct {
 	pub mut:
 		summary string
 		body    string

src/pages.v

···
 	replying_to_user := User{}
 	return $veb.html('templates/new_post.html')
 }
+
+@['/tag/:tag']
+fn (mut app App) tag(mut ctx Context, tag string) veb.Result {
+	user := app.whoami(mut ctx) or {
+		ctx.error('not logged in')
+		return ctx.redirect('/login')
+	}
+	ctx.title = '${app.config.instance.name} - #${tag}'
+	offset := 0
+	return $veb.html()
+}
+
+@['/tag/:tag/:offset']
+fn (mut app App) tag_with_offset(mut ctx Context, tag string, offset int) veb.Result {
+	user := app.whoami(mut ctx) or {
+		ctx.error('not logged in')
+		return ctx.redirect('/login')
+	}
+	ctx.title = '${app.config.instance.name} - #${tag}'
+	return $veb.html('templates/tag.html')
+}

src/static/js/render_body.js

···
 				}
 				const link = document.createElement('a')
 				link.href = `/user/${match[0].substring(2, match[0].length - 1)}`
-				link.innerText = s
+				link.innerText = '@' + s
 				cache[match[0]] = link.outerHTML
 				element.innerHTML = element.innerHTML.replace(match[0], link.outerHTML)
 			})
 		}
-		// hashtag
+		// tags
 		else if (match[0][0] == '#') {
+			// we do not cache tags because they do not need to do
+			// any http queries, and most people will not use the
+			// same tag multiple times in a single post.
+			const link = document.createElement('a')
+			const tag = match[0].substring(2, match[0].length - 1)
+			link.href = `/tag/${tag}`
+			link.innerText = '#' + tag
+			cache[match[0]] = link.outerHTML
+			element.innerHTML = element.innerHTML.replace(match[0], link.outerHTML)
 		}
 		// post reference
 		else if (match[0][0] == '*') {
···
 				}
 				const link = document.createElement('a')
 				link.href = `/post/${match[0].substring(2, match[0].length - 1)}`
-				link.innerText = s
+				link.innerText = '*' + s
 				cache[match[0]] = link.outerHTML
 				element.innerHTML = element.innerHTML.replace(match[0], link.outerHTML)
 			})

src/templates/partial/footer.html

···
 	</main>
 
 	<footer>
+		@if ctx.is_logged_in()
 		<p>
 			<a href="/settings">settings</a>
+			@if user.admin
 			-
-
-			@if app.config.dev_mode || (ctx.is_logged_in() && user.admin)
 			<a href="/admin">admin</a>
-			-
 			@end
-
-			@if ctx.is_logged_in()
+			-
 			<a href="/api/user/logout">log out</a>
-			@end
 		</p>
+		@end
 
 		<p>powered by <a href="https://github.com/emmathemartian/beep">beep</a></p>
 	</footer>

src/templates/post.html

···
 		<input type="submit" value="delete">
 	</form>
 
+	<form action="/api/post/pin" method="post">
+		<input
+			type="number"
+			name="id"
+			id="id"
+			placeholder="post id"
+			value="@post.id"
+			required
+			readonly
+			hidden
+			aria-hidden
+		>
+		<input type="submit" value="pin">
+	</form>
+
 	</div>
 	@end
 </div>

src/templates/tag.html

···
+@include 'partial/header.html'
+
+<h1>posts with #@{tag}: (*@{offset} to *@{offset+10})</h1>
+
+<div>
+	@for post in app.get_posts_with_tag(tag, offset)
+	@include 'components/post_mini.html'
+	@end
+</div>
+
+@include 'partial/footer.html'

src/templates/user.html

···
 <div>
 	<form action="/api/post/new_post" method="post">
 		<h2>new post:</h2>
+
 		<input
 			type="text"
 			name="title"
···
 			maxlength="@app.config.post.title_max_len"
 			pattern="@app.config.post.title_pattern"
 			placeholder="title"
-			required
+			required aria-required
 		>
 		<br>
+
 		<textarea
 			name="body"
 			id="body"
···
 			rows="10"
 			cols="30"
 			placeholder="body"
-			required
+			required aria-required
 		></textarea>
 		<br>
+
 		<input type="submit" value="post!">
 	</form>
 </div>
···
 			name="id"
 			id="id"
 			value="@user.id"
-			required
-			readonly
-			hidden
-			aria-hidden
+			required aria-required
+			readonly aria-readonly
+			hidden aria-hidden
 		>
 		@if !user.muted
 		<input
···
 			name="muted"
 			id="muted"
 			value="true"
-			checked
-			readonly
-			hidden
-			aria-hidden
+			checked aria-checked
+			readonly aria-readonly
+			hidden aria-hidden
 		>
 		<input type="submit" value="mute">
 		@else
···
 			name="muted"
 			id="muted"
 			value="false"
-			checked
-			readonly
-			hidden
-			aria-hidden
+			checked aria-checked
+			readonly aria-readonly
+			hidden aria-hidden
 		>
 		<input type="submit" value="unmute">
 		@end