fix: community user permissions management

crates/app/src/public/html/communities/base.lisp

@@ -253,7 +253,7 @@
                             ("class" "w-full flex justify-between items-center")
                             (span
                                 ("class" "notification chip")
-                                (text "Created"))
+                                (text "Created "))
                             (span
                                 ("class" "date")
                                 (text "{{ community.created }}")))

crates/app/src/public/html/communities/members.lisp

@@ -26,7 +26,7 @@
                 (div
                     ("class" "card small flex items-center gap-2 justify-between")
                     (span
-                        (text "Since")
+                        (text "Since ")
                         (span
                             ("class" "date")
                             (text "{{ item[0].created }}")))

crates/app/src/public/html/communities/settings.lisp

@@ -550,7 +550,26 @@
                     ]);
                 });
         };"))
-    (text "{%- endif %}"))
+    (text "{%- endif %}")
+
+    (div
+        ("class" "card-nest w-full")
+        (div
+            ("class" "card small flex items-center justify-between gap-2")
+            (div
+                ("class" "flex items-center gap-2")
+                (text "{{ icon \"blocks\" }}")
+                (span
+                    (text "{{ text \"mod_panel:label.permissions_level_builder\" }}")))
+            (button
+                ("class" "small quaternary")
+                ("onclick" "update_user_role(document.getElementById('uid').value, document.getElementById('role').value)")
+                (text "{{ icon \"check\" }}")
+                (span
+                    (text "{{ text \"general:action.save\" }}"))))
+        (div
+            ("class" "card tertiary flex flex-col gap-2")
+            ("id" "permission_builder"))))
 
 (script
     (text "setTimeout(() => {
@@ -686,12 +705,11 @@
                         ${res.payload.role !== 65 ? `<button class=\"red quaternary\" onclick=\"update_user_role('${e.target.uid.value}', 65)\">Send to review</button>` : `<button class=\"green quaternary\" onclick=\"update_user_role('${e.target.uid.value}', 5)\">Accept join request</button>`}
                         <button class=\"red quaternary\" onclick=\"kick_user('${e.target.uid.value}')\">Kick</button>
                         <button class=\"red quaternary\" onclick=\"transfer_ownership('${e.target.uid.value}')\">Transfer ownership</button>
-                    </div>
-
-                    <div class=\"flex flex-col gap-2\" ui_ident=\"permissions\" id=\"permissions\">
-                        ${get_permissions_html(res.payload.role, \"permissions\")}
                     </div>`;
 
+                    document.getElementById(\"permission_builder\").innerHTML =
+                        get_permissions_html(res.payload.role, \"permission_builder\");
+
                     ui.refresh_container(element, [\"actions\", \"permissions\"]);
                     ui.generate_settings_ui(
                         element,

crates/app/src/public/html/stacks/list.lisp

@@ -53,7 +53,7 @@
                     (b
                         (text "{{ item.name }}")))
                 (span
-                    (text "Created")
+                    (text "Created ")
                     (span
                         ("class" "date")
                         (text "{{ item.created }}"))