add: profiles ui, communities ui, posts ui

crates/app/src/public/html/communities/feed.html

@@ -0,0 +1,79 @@
+{% import "macros.html" as macros %} {% import "components.html" as components
+%} {% extends "communities/base.html" %} {% block content %}
+<div class="flex flex-col gap-4 w-full">
+    {% if user %}
+    <div class="card-nest">
+        <div class="card small">
+            <b>{{ text "communities:label.create_post" }}</b>
+        </div>
+
+        <form
+            class="card flex flex-col gap-2"
+            onsubmit="create_post_from_form(event)"
+        >
+            <div class="flex flex-col gap-1">
+                <label for="content"
+                    >{{ text "communities:label.content" }}</label
+                >
+                <textarea
+                    type="text"
+                    name="content"
+                    id="content"
+                    placeholder="content"
+                    required
+                    minlength="2"
+                    maxlength="4096"
+                ></textarea>
+            </div>
+
+            <button class="primary">
+                {{ text "communities:action.create" }}
+            </button>
+        </form>
+    </div>
+    {% endif %}
+
+    <div class="card-nest">
+        <div class="card small flex gap-2 items-center">
+            {{ icon "newspaper" }}
+            <span>{{ text "communities:label.posts" }}</span>
+        </div>
+
+        <div class="card flex flex-col gap-4">
+            <!-- prettier-ignore -->
+            {% for post in feed %}
+                {{ components::post(post=post[0], owner=post[1], secondary=true, show_community=false) }}
+            {% endfor %}
+        </div>
+    </div>
+</div>
+
+<script>
+    function create_post_from_form(e) {
+        e.preventDefault();
+        fetch("/api/v1/posts", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+                content: e.target.content.value,
+                community: "{{ community.id }}",
+            }),
+        })
+            .then((res) => res.json())
+            .then((res) => {
+                trigger("atto::toast", [
+                    res.ok ? "success" : "error",
+                    res.message,
+                ]);
+
+                if (res.ok) {
+                    setTimeout(() => {
+                        window.location.href = `/post/${res.payload}`;
+                    }, 100);
+                }
+            });
+    }
+</script>
+{% endblock %}