clean up a bit and add nsfw indicators for posts

config.maple

···
 	body_min_len = 1
 	body_max_len = 1000
 	body_pattern = '.*'
+
+	// Whether or not posts can be marked as NSFW.
+	allow_nsfw = true
 }
 
 // User settings.

src/entity/post.v

···
 	body  string
 
 	pinned bool
+	nsfw   bool
 
 	posted_at time.Time = time.now()
 }
···
 	// this throws a cgen error when put in Post{}
 	//todo: report this
 	posted_at := time.parse(ct('posted_at')) or { panic(err) }
+	nsfw := util.map_or_throw[string, bool](ct('nsfw'), |it| it.bool())
 
 	return Post{
 		id: ct('id').int()
···
 		title: ct('title')
 		body: ct('body')
 		pinned: util.map_or_throw[string, bool](ct('pinned'), |it| it.bool())
+		nsfw: nsfw
 		posted_at: posted_at
 	}
 }

src/static/style.css

···
 	padding: 8px;
 }
 
-.post p,
-.notification p {
+.post > p,
+.notification > p {
 	margin: 0;
 }
 
+.post > pre,
+.notification > pre {
+	margin: 0;
+	display: inline;
+}
+
 .post + .post,
 .notification + .notification {
 	margin-top: 6px;
···
 
 pre {
 	white-space: pre-wrap;
+}
+
+span.nsfw-indicator {
+	border: 2px solid red;
+	border-radius: 2px;
+	padding-left: 4px;
+	padding-right: 4px;
+	margin-left: 6px;
 }
 
 /*

src/templates/components/new_post.html

···
+<script src="/static/js/text_area_counter.js"></script>
+<div>
+	<form action="/api/post/new_post" method="post">
+		<h2>new post:</h2>
+
+		@if replying
+		<input
+			type="number"
+			name="replying_to"
+			id="replying_to"
+			required aria-required
+			readonly aria-readonly
+			hidden aria-hidden
+			value="@replying_to"
+		>
+		@end
+
+		<p id="title_chars">0/@{app.config.post.title_max_len}</p>
+		@if replying
+		<input
+			type="text"
+			name="title"
+			id="title"
+			value="reply to @{replying_to_user.get_name()}"
+			required aria-required
+			readonly aria-readonly
+			hidden aria-hidden
+		>
+		@else
+		<input
+			type="text"
+			name="title"
+			id="title"
+			minlength="@app.config.post.title_min_len"
+			maxlength="@app.config.post.title_max_len"
+			pattern="@app.config.post.title_pattern"
+			placeholder="title"
+			required aria-required
+		>
+		@end
+		<br>
+
+		<p id="body_chars">0/@{app.config.post.body_max_len}</p>
+		<textarea
+			name="body"
+			id="body"
+			minlength="@app.config.post.body_min_len"
+			maxlength="@app.config.post.body_max_len"
+			rows="10"
+			cols="30"
+			placeholder="body"
+			required aria-required
+			autocomplete="off" aria-autocomplete="off"
+		></textarea>
+		<br>
+
+		@if app.config.post.allow_nsfw
+		<label for="nsfw">is nsfw:</label>
+		<input type="checkbox" name="nsfw" id="nsfw" />
+		@else
+		<input type="checkbox" name="nsfw" id="nsfw" hidden aria-hidden />
+		@end
+
+		<input type="submit" value="post!">
+	</form>
+
+	<script>
+		add_character_counter('title', 'title_chars', @{app.config.post.title_max_len})
+		add_character_counter('body', 'body_chars', @{app.config.post.body_max_len})
+	</script>
+</div>

src/templates/components/post_mini.html

···
 	<p>
 		<a href="/user/@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).username}"><strong>@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).get_name()}</strong></a>:
 		<a href="/post/@post.id">@post.title</a>
+		@if post.nsfw
+		<span class="nsfw-indicator">(<em>nsfw</em>)</span>
+		@end
 	</p>
 </div>

src/templates/components/post_small.html

···
 <div class="post post-small">
-	<p><a href="/user/@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).username}"><strong>@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).get_name()}</strong></a>: <span class="post-title">@post.title</span></p>
-	@if post.body.len > 50
-	<p>@{post.body[..50]}...</p>
+	<p>
+		<a href="/user/@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).username}"><strong>@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).get_name()}</strong></a>:
+		<span class="post-title">@post.title</span>
+		@if post.nsfw
+		<span class="nsfw-indicator">(<em>nsfw</em>)</span>
+		@end
+	</p>
+
+	@if post.nsfw
+		<p>view full to see post body</p>
 	@else
-	<p>@post.body</p>
+		@if post.body.len > 50
+			<pre id="post-@{post.id}">@{post.body[..50]}...</pre>
+		@else
+			<pre id="post-@{post.id}">@post.body</pre>
+		@end
 	@end
+
 	<p>likes: @{app.get_net_likes_for_post(post.id)} | posted at: @post.posted_at | <a href="/post/@post.id">view full post</a></p>
 </div>

src/templates/edit.html

···
 
 		<input type="submit" value="save">
 	</form>
-
-	<script>
-		add_character_counter('title', 'title_chars', @{app.config.post.title_max_len})
-		add_character_counter('body', 'body_chars', @{app.config.post.body_max_len})
-	</script>
 </div>
 
 <hr>
···
 		<input type="submit" value="delete">
 	</form>
 </div>
+
+<script>
+	add_character_counter('title', 'title_chars', @{app.config.post.title_max_len})
+	add_character_counter('body', 'body_chars', @{app.config.post.body_max_len})
+</script>
 
 @include 'partial/footer.html'

src/templates/new_post.html

···
 @else
 <h2>make a post...</h2>
 @end
-
-<div>
-	<form action="/api/post/new_post" method="post">
-		@if replying
-		<input
-			type="number"
-			name="replying_to"
-			id="replying_to"
-			required aria-required
-			readonly aria-readonly
-			hidden aria-hidden
-			value="@replying_to"
-		>
-		<input
-			type="text"
-			name="title"
-			id="title"
-			value="reply to @{replying_to_user.get_name()}"
-			required aria-required
-			readonly aria-readonly
-			hidden aria-hidden
-		>
-		@else
-		<input
-			type="text"
-			name="title"
-			id="title"
-			minlength="@app.config.post.title_min_len"
-			maxlength="@app.config.post.title_max_len"
-			pattern="@app.config.post.title_pattern"
-			placeholder="title"
-			required aria-required
-		>
-		@end
-
-		<br>
-		<textarea
-			name="body"
-			id="body"
-			minlength="@app.config.post.body_min_len"
-			maxlength="@app.config.post.body_max_len"
-			rows="10"
-			cols="30"
-			placeholder="in reply to @{replying_to_user.get_name()}..."
-			required
-		></textarea>
-
-		<br>
-
-		<input type="submit" value="post!">
-	</form>
-</div>
+@include 'components/new_post.html'
 @else
 <p>uh oh, you need to be logged in to see this page</p>
 @end

src/templates/post.html

···
 
 <div class="post post-full">
 	<h2>
-		<a href="/user/@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).username}"><strong>@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).get_name()}</strong></a>
+		<a href="/user/@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).username}">
+			<strong>@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).get_name()}</strong>
+		</a>
 		-
 		@if replying_to_post.id == 0
 		@post.title
 		@else
 		replied to <a href="/user/@{replying_to_user.username}">@{replying_to_user.get_name()}</a>
 		@end
+		@if post.nsfw
+		<span class="nsfw-indicator">(<em>nsfw</em>)</span>
+		@end
 	</h2>
+
+	@if post.nsfw
+	<details>
+		<summary>click to show post (nsfw)</summary>
+		<pre id="post-@{post.id}">@post.body</pre>
+	</details>
+	@else
 	<pre id="post-@{post.id}">@post.body</pre>
+	@end
+
 	<p><em>likes: @{app.get_net_likes_for_post(post.id)}</em></p>
 	<p><em>posted at: @post.posted_at</em></p>
 

src/templates/saved_posts.html

···
 		<p>
 			<a href="/user/@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).username}"><strong>@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).get_name()}</strong></a>:
 			<a href="/post/@post.id">@post.title</a>
+			@if post.nsfw
+			<span class="nsfw-indicator">(<em>nsfw</em>)</span>
+			@end
 			<button onclick="save(@post.id)" style="display: inline-block;">unsave</button>
 		</p>
 	</div>

src/templates/saved_posts_for_later.html

···
 		<p>
 			<a href="/user/@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).username}"><strong>@{(app.get_user_by_id(post.author_id) or { app.get_unknown_user() }).get_name()}</strong></a>:
 			<a href="/post/@post.id">@post.title</a>
+			@if post.nsfw
+			<span class="nsfw-indicator">(<em>nsfw</em>)</span>
+			@end
 			<button onclick="save_for_later(@post.id)" style="display: inline-block;">unsave</button>
 		</p>
 	</div>

src/templates/search.html

···
 		post_link.innerText = result.post.title
 		p.appendChild(post_link)
 
+		if (result.post.nsfw)
+		{
+			const nsfw_indicator = document.createElement('span')
+			nsfw_indicator.classList.add('nsfw-indicator')
+			nsfw_indicator.innerHTML = '(<em>nsfw</em>)';
+			p.appendChild(nsfw_indicator)
+		}
+
 		element.appendChild(p)
 		results.appendChild(element)
 	}

src/templates/user.html

···
 
 @if app.logged_in_as(mut ctx, viewing.id)
 <p>this is you!</p>
-
 @if !user.automated
-<script src="/static/js/text_area_counter.js"></script>
-<div>
-	<form action="/api/post/new_post" method="post">
-		<h2>new post:</h2>
-
-		<p id="title_chars">0/@{app.config.post.title_max_len}</p>
-		<input
-			type="text"
-			name="title"
-			id="title"
-			minlength="@app.config.post.title_min_len"
-			maxlength="@app.config.post.title_max_len"
-			pattern="@app.config.post.title_pattern"
-			placeholder="title"
-			required aria-required
-			autocomplete="off" aria-autocomplete="off"
-		>
-		<br>
-
-		<p id="body_chars">0/@{app.config.post.body_max_len}</p>
-		<textarea
-			name="body"
-			id="body"
-			minlength="@app.config.post.body_min_len"
-			maxlength="@app.config.post.body_max_len"
-			rows="10"
-			cols="30"
-			placeholder="body"
-			required aria-required
-			autocomplete="off" aria-autocomplete="off"
-		></textarea>
-		<br>
-
-		<input type="submit" value="post!">
-	</form>
-
-	<script>
-		add_character_counter('title', 'title_chars', @{app.config.post.title_max_len})
-		add_character_counter('body', 'body_chars', @{app.config.post.body_max_len})
-	</script>
-</div>
+@include 'components/new_post.html'
 <hr>
 @end
 @end

src/webapp/api.v

···
 		return ctx.redirect('/post/new')
 	}
 
+	nsfw := 'nsfw' in ctx.form
+	if nsfw && !app.config.post.allow_nsfw {
+		ctx.error('nsfw posts are not allowed on this instance')
+		return ctx.redirect('/post/new')
+	}
+
 	mut post := Post{
 		author_id: user.id
 		title:     title
 		body:      body
+		nsfw:      nsfw
 	}
 
 	if replying_to != 0 {

src/webapp/config.v

···
 		body_min_len  int
 		body_max_len  int
 		body_pattern  string
+		allow_nsfw    bool
 	}
 	user        struct {
 	pub mut:
···
 	config.post.body_min_len = loaded_post.get('body_min_len').to_int()
 	config.post.body_max_len = loaded_post.get('body_max_len').to_int()
 	config.post.body_pattern = loaded_post.get('body_pattern').to_str()
+	config.post.allow_nsfw = loaded_post.get('allow_nsfw').to_bool()
 
 	loaded_user := loaded.get('user')
 	config.user.username_min_len = loaded_user.get('username_min_len').to_int()

src/webapp/pages.v

···
 	}
 	ctx.title = '${app.config.instance.name} - ${user.get_name()}'
 	posts := app.get_posts_from_user(viewing.id, 10)
+
+	// needed for new_post component
+	replying := false
+	replying_to := 0
+	replying_to_user := User{}
+
 	return $veb.html('../templates/user.html')
 }