appmanager-server 0.2.0__py3-none-any.whl

appmanager/templates/admin/_members_table.html

@@ -0,0 +1,108 @@
+{# Paginated member table fragment — swapped in place by htmx #}
+<div class="members-toolbar">
+    <form class="members-search" hx-get="/admin/members" hx-target="#members-table-wrap" hx-trigger="keyup changed delay:300ms, search" hx-include="[name='per_page'],[name='sort']" hx-push-url="true">
+        <span class="search-icon">⌕</span>
+        <input type="search" name="q" value="{{ q }}" placeholder="Search name or email…" class="form-input" autocomplete="off">
+    </form>
+    <div class="members-toolbar-right">
+        <select name="role" class="form-select" hx-get="/admin/members" hx-target="#members-table-wrap" hx-include="[name='q'],[name='per_page'],[name='sort']" hx-push-url="true" hx-trigger="change">
+            <option value="">All roles</option>
+            {% for r in roles %}
+                <option value="{{ r.slug }}" {% if role == r.slug %}selected{% endif %}>{{ r.name }}</option>
+            {% endfor %}
+        </select>
+        <span class="result-count mono">{{ pagination.total }} MEMBERS</span>
+    </div>
+</div>
+
+<div class="table-wrap">
+    <table class="table table-members">
+        <thead>
+            <tr>
+                <th class="col-check"><input type="checkbox" class="row-check-all" title="Select all on this page"></th>
+                <th>Member</th>
+                <th>Role</th>
+                <th>Status</th>
+                <th class="num">Apps</th>
+                <th>Last Login</th>
+                <th class="actions-col">Actions</th>
+            </tr>
+        </thead>
+        <tbody id="member-rows">
+            {% for u in users %}
+            <tr data-user-id="{{ u.id }}">
+                <td class="col-check"><input type="checkbox" class="row-check" value="{{ u.id }}"></td>
+                <td class="member-cell">
+                    <div class="member-name-row">
+                        <strong>{{ u.name or u.email }}</strong>
+                        {{ render_user_flair_badge(u.id) }}
+                    </div>
+                    <div class="member-email mono">{{ u.email }}</div>
+                </td>
+                <td>
+                    {% if u.role == 'admin' %}
+                        <span class="badge badge-accent">Admin</span>
+                    {% else %}
+                        <span class="badge badge-primary">{{ u.role }}</span>
+                    {% endif %}
+                </td>
+                <td>
+                    {% if u.is_online() %}
+                        <span class="badge badge-success badge-dot">Online</span>
+                    {% else %}
+                        <span class="badge badge-muted badge-dot">Offline</span>
+                    {% endif %}
+                    {% if not u.is_active %}
+                        <span class="badge badge-danger">Disabled</span>
+                    {% endif %}
+                </td>
+                <td class="num">{{ access_counts.get(u.id, 0) }}<span class="text-faint">/{{ total_apps }}</span></td>
+                <td class="mono">{{ u.last_login_at.strftime('%Y-%m-%d %H:%M') if u.last_login_at else 'Never' }}</td>
+                <td class="actions-col">
+                    <button type="button" class="btn btn-ghost btn-sm" onclick="openMemberDrawer({{ u.id }})" title="Edit member">Edit</button>
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>
+
+<div class="members-footer">
+    <div class="bulk-bar" id="bulk-bar">
+        <span class="bulk-count mono" id="bulk-count">0 selected</span>
+        <form class="bulk-form" action="/admin/members/bulk" method="POST" id="bulk-form">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+            <div id="bulk-ids"></div>
+            <select name="action" class="form-select">
+                <option value="set_role">Set role…</option>
+                <option value="deactivate">Deactivate</option>
+                <option value="activate">Activate</option>
+                <option value="delete">Delete</option>
+            </select>
+            <select name="role" class="form-select" id="bulk-role" style="display:none;">
+                {% for r in roles %}
+                    <option value="{{ r.slug }}">{{ r.name }}</option>
+                {% endfor %}
+            </select>
+            <button type="submit" class="btn btn-primary btn-sm">Apply</button>
+        </form>
+    </div>
+    <div class="pagination mono">
+        {% if pagination.has_prev %}
+            <a href="#" hx-get="/admin/members?page={{ pagination.prev_num }}&q={{ q }}&role={{ role }}&sort={{ sort }}&per_page={{ per_page }}" hx-target="#members-table-wrap" hx-push-url="true">‹ prev</a>
+        {% else %}
+            <span class="text-faint">‹ prev</span>
+        {% endif %}
+        <span class="page-indicator">{{ pagination.page }} / {{ pagination.pages or 1 }}</span>
+        {% if pagination.has_next %}
+            <a href="#" hx-get="/admin/members?page={{ pagination.next_num }}&q={{ q }}&role={{ role }}&sort={{ sort }}&per_page={{ per_page }}" hx-target="#members-table-wrap" hx-push-url="true">next ›</a>
+        {% else %}
+            <span class="text-faint">next ›</span>
+        {% endif %}
+        <select name="per_page" class="form-select page-size" hx-get="/admin/members" hx-target="#members-table-wrap" hx-include="[name='q'],[name='role'],[name='sort']" hx-push-url="true" hx-trigger="change">
+            {% for n in per_page_choices %}
+                <option value="{{ n }}" {% if per_page == n %}selected{% endif %}>{{ n }}</option>
+            {% endfor %}
+        </select>
+    </div>
+</div>

appmanager/templates/admin/app_detail.html

@@ -0,0 +1,136 @@
+{% extends "base.html" %}
+{% block title %}{{ app.name }} — Admin{% endblock %}
+
+{% block content %}
+<div class="page-head">
+    <div class="breadcrumb mono">admin / apps / {{ app.slug }}</div>
+    <h1 class="page-title">{{ app.name }}</h1>
+    <div class="page-subtitle mono">
+        {{ app.app_type|upper }} · {{ app.slug }} · v{{ manifest.get('version', '—') }}
+        {% if app.is_active %}<span class="badge badge-success badge-dot">active</span>{% else %}<span class="badge badge-danger">inactive</span>{% endif %}
+    </div>
+</div>
+
+<div class="admin-layout">
+    <aside class="admin-sidebar">
+        <div class="admin-nav">
+            <a href="/admin" class="admin-nav-link" data-tab="apps">← Back to Admin</a>
+        </div>
+        <div class="admin-nav-group">
+            <div class="admin-nav-group-title">APP PANELS</div>
+            {% for p in panels %}
+                <a href="#panel-{{ p.panel_id }}" class="admin-nav-link" data-panel="{{ p.panel_id }}">{{ p.label }}</a>
+            {% else %}
+                <div class="text-faint" style="font-size:0.8rem; padding:0.5rem 0.75rem;">No panels declared</div>
+            {% endfor %}
+        </div>
+    </aside>
+
+    <div class="admin-content">
+        {% if not panels and not schema %}
+            <div class="card">
+                <div class="empty-state">
+                    <h2>No admin panels declared</h2>
+                    <p>This app's manifest does not declare any <code>admin_sections</code> or <code>settings_schema</code>.</p>
+                    <p class="text-faint mono" style="font-size:0.75rem;">Add them to <code>manifest.json</code> and reinstall to enable per-app admin settings.</p>
+                </div>
+            </div>
+        {% endif %}
+
+        {% for item in rendered %}
+            <section class="tab-panel app-panel" id="panel-{{ item.panel.panel_id }}">
+                <div class="card">
+                    <div class="card-header">
+                        <h2 class="card-title mb-0">{{ item.panel.label }}</h2>
+                        {% if item.panel.endpoint %}
+                            <span class="badge badge-accent">custom panel</span>
+                        {% else %}
+                            <span class="badge badge-primary">generated form</span>
+                        {% endif %}
+                    </div>
+                    <div class="card-body">
+                        {{ item.html|safe }}
+                    </div>
+                </div>
+            </section>
+        {% endfor %}
+
+        {% if schema %}
+            <section class="tab-panel app-panel" id="panel-settings">
+                <div class="card">
+                    <div class="card-header">
+                        <h2 class="card-title mb-0">Settings</h2>
+                        <span class="badge badge-primary">generated form</span>
+                    </div>
+                    <div class="card-body">
+                        <form method="POST" action="/admin/apps/{{ app.slug }}/settings" class="schema-form">
+                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                            {% for desc in schema %}
+                                {% set key = desc.key %}
+                                {% set label = desc.label or key %}
+                                {% set vtype = desc.type or 'json' %}
+                                {% set value = configs.get(key, desc.default) %}
+                                <div class="form-group">
+                                    <label class="form-label">{{ label }}</label>
+                                    {% if vtype == 'boolean' %}
+                                        <label class="flex-center" style="gap:0.5rem;cursor:pointer;">
+                                            <input type="checkbox" name="cfg_{{ key }}" value="1" {% if value %}checked{% endif %} class="perm-toggle">
+                                            <span class="text-muted" style="font-size:0.8rem;">enabled</span>
+                                        </label>
+                                    {% elif vtype == 'color' %}
+                                        <input type="color" name="cfg_{{ key }}" value="{{ value or '#F5A524' }}" style="height:36px;width:60px;padding:0;border:none;background:none;cursor:pointer;">
+                                    {% elif vtype == 'integer' %}
+                                        <input type="number" name="cfg_{{ key }}" value="{{ value if value is not none else '' }}" class="form-input">
+                                    {% elif vtype == 'textarea' %}
+                                        <textarea name="cfg_{{ key }}" class="form-textarea" rows="3">{{ value if value is not none else '' }}</textarea>
+                                    {% else %}
+                                        <input type="text" name="cfg_{{ key }}" value="{{ value if value is not none else '' }}" class="form-input">
+                                    {% endif %}
+                                </div>
+                            {% endfor %}
+                            <div class="action-group mt-2">
+                                <button type="submit" class="btn btn-primary btn-sm">Save Settings</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </section>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+    // Panel sub-nav switching
+    document.querySelectorAll('.admin-nav-link[data-panel]').forEach(function (link) {
+        link.addEventListener('click', function (e) {
+            e.preventDefault();
+            var pid = link.getAttribute('data-panel');
+            document.querySelectorAll('.admin-nav-link[data-panel]').forEach(function (a) {
+                a.classList.toggle('active', a.getAttribute('data-panel') === pid);
+            });
+            document.querySelectorAll('.app-panel').forEach(function (p) {
+                p.classList.toggle('active', p.id === 'panel-' + pid);
+            });
+            history.replaceState(null, '', '#' + pid);
+        });
+    });
+    (function () {
+        var hash = window.location.hash.replace('#', '');
+        if (hash && document.getElementById('panel-' + hash)) {
+            document.querySelectorAll('.admin-nav-link[data-panel]').forEach(function (a) {
+                a.classList.toggle('active', a.getAttribute('data-panel') === hash);
+            });
+            document.querySelectorAll('.app-panel').forEach(function (p) {
+                p.classList.toggle('active', p.id === 'panel-' + hash);
+            });
+        } else {
+            var first = document.querySelector('.app-panel');
+            if (first) first.classList.add('active');
+            var firstLink = document.querySelector('.admin-nav-link[data-panel]');
+            if (firstLink) firstLink.classList.add('active');
+        }
+    })();
+</script>
+{% endblock %}