sfx 0.1.3

SFX is a streamlined, full-stack Rust framework for building small web services with integrated authentication, localization, and config-driven UI components
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119

-[ template "/base/base.html" ]-

-[ block body ]-

-[ insert "/base/path.html" ]-

<div class="container-func">
    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <div>
            <h2 class="mb-1">Edit User</h2>
            <div class="text-muted">UID -[ user.uid ]-</div>
        </div>
        <a class="btn btn-outline-secondary btn-sm" href="/admin/panel">Back to users</a>
    </div>

    <form id="editForm" method="POST" action="/admin/users/-[ user.uid ]-" class="mb-4">
        <div class="mb-3">
            <label for="username" class="form-label">Username</label>
            <input id="username" type="text" name="username" class="form-control" value="-[ user.username ]-" required />
        </div>
        <div class="mb-3">
            <label for="email" class="form-label">Email</label>
            <input id="email" type="email" name="email" class="form-control" value="-[ user.email ]-" required />
        </div>
        <div class="form-check mb-3">
            <input id="isActive" class="form-check-input" type="checkbox" name="is_active" value="true" -[ if user.is_active ]-checked-[ endif ]- />
            <label class="form-check-label" for="isActive">Active</label>
        </div>
        <button type="submit" class="btn btn-pink">Save</button>
        <span id="editStatus" class="ms-2"></span>
    </form>

    <hr/>

    <form id="passwordForm" method="POST" action="/admin/users/-[ user.uid ]-/password" class="mb-4">
        <h3>Password</h3>
        <div class="mb-3">
            <label for="newPassword" class="form-label">New password</label>
            <input id="newPassword" type="password" name="new_password" class="form-control" required />
        </div>
        <button type="submit" class="btn btn-secondary">Reset Password</button>
        <span id="passwordStatus" class="ms-2"></span>
    </form>

    <hr/>

    <form id="deleteForm" method="POST" action="/admin/users/-[ user.uid ]-/delete">
        <h3>Delete</h3>
        <p>This removes the local user account. Admin membership entries are managed separately.</p>
        <button type="submit" class="btn btn-danger">Delete User</button>
        <span id="deleteStatus" class="ms-2"></span>
    </form>

    <script>
    // Convert a FormData to URLSearchParams so the body is sent as
    // application/x-www-form-urlencoded — the only content type the
    // server-side form parser currently understands.
    function urlencodedBody(form, overrides) {
        const params = new URLSearchParams();
        for (const [k, v] of new FormData(form)) {
            params.append(k, v);
        }
        if (overrides) {
            for (const [k, v] of Object.entries(overrides)) {
                params.set(k, v);
            }
        }
        return params.toString();
    }

    async function submitJsonForm(form, statusId, onSuccess) {
        const status = document.getElementById(statusId);
        status.textContent = 'Saving...';
        const overrides = form.id === 'editForm'
            ? { is_active: document.getElementById('isActive').checked ? 'true' : 'false' }
            : null;
        try {
            const res = await fetch(form.action, {
                method: 'POST',
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                body: urlencodedBody(form, overrides),
            });
            const data = await res.json();
            if (!res.ok || !data.success) {
                status.textContent = data.message || 'Request failed';
                return;
            }
            status.textContent = 'Saved';
            if (onSuccess) {
                onSuccess();
            }
        } catch (e) {
            status.textContent = 'Request failed';
        }
    }

    document.addEventListener('DOMContentLoaded', () => {
        document.getElementById('editForm').addEventListener('submit', (event) => {
            event.preventDefault();
            submitJsonForm(event.currentTarget, 'editStatus', () => window.location.reload());
        });
        document.getElementById('passwordForm').addEventListener('submit', (event) => {
            event.preventDefault();
            submitJsonForm(event.currentTarget, 'passwordStatus', () => event.currentTarget.reset());
        });
        document.getElementById('deleteForm').addEventListener('submit', (event) => {
            event.preventDefault();
            if (!confirm('Delete -[ user.username ]-?')) {
                return;
            }
            submitJsonForm(event.currentTarget, 'deleteStatus', () => {
                window.location.href = '/admin/panel';
            });
        });
    });
    </script>
</div>

-[ endblock ]-