plain.admin 0.27.1__tar.gz → 0.29.0__tar.gz

{plain_admin-0.27.1 → plain_admin-0.29.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: plain.admin
-Version: 0.27.1
+Version: 0.29.0
 Summary: Admin dashboard and tools for Plain.
 Author-email: Dave Gaeddert <dave.gaeddert@dropseed.dev>
 License-Expression: BSD-3-Clause

plain_admin-0.29.0/plain/admin/assets/toolbar/toolbar.js

@@ -0,0 +1,168 @@
+// Make this available to the JS console for the user
+var plainToolbar = {
+  hide: function () {
+    // Hide by inserting a style so it doesn't flash on page load
+    var style = document.createElement("style");
+    style.innerHTML = "#plaintoolbar { display: none; }";
+    document.getElementsByTagName("head")[0].appendChild(style);
+    this.stylesheet = style;
+  },
+  show: function () {
+    localStorage.removeItem("plaintoolbar.hidden_until");
+    if (this.stylesheet) {
+      this.stylesheet.remove();
+    }
+  },
+  shouldHide: function () {
+    var hiddenUntil = localStorage.getItem("plaintoolbar.hidden_until");
+    if (hiddenUntil) {
+      if (Date.now() < hiddenUntil) {
+        return true;
+      } else {
+        localStorage.removeItem("plaintoolbar.hidden_until");
+        return false;
+      }
+    }
+    return false;
+  },
+  hideUntil: function (until) {
+    localStorage.setItem("plaintoolbar.hidden_until", until);
+    this.hide();
+  },
+  toggleExpand: function () {
+    this.expanded = !this.expanded;
+    document.querySelector("#plaintoolbar-details").classList.toggle("hidden");
+    localStorage.setItem('plaintoolbar.expanded', this.expanded ? '1' : '0');
+  },
+  expand: function () {
+    this.expanded = true;
+    document.querySelector("#plaintoolbar-details").classList.remove("hidden");
+    localStorage.setItem('plaintoolbar.expanded', '1');
+  },
+  collapse: function () {
+    this.expanded = false;
+    document.querySelector("#plaintoolbar-details").classList.add("hidden");
+    localStorage.setItem('plaintoolbar.expanded', '0');
+  },
+  showTab: function (tabName) {
+    this.expand();
+
+    var toolbar = document.querySelector("#plaintoolbar");
+    var tab = toolbar.querySelector("div[data-toolbar-tab=" + tabName + "]");
+
+    // If the tab doesn't exist for some reason, quit
+    if (!tab) {
+      console.warn("Toolbar tab " + tabName + " does not exist");
+      return;
+    }
+
+    // Hide all children in the tab parent
+    for (var i = 0; i < tab.parentNode.children.length; i++) {
+      var child = tab.parentNode.children[i];
+      if (child !== tab) {
+        child.style.display = "none";
+      }
+    }
+
+    tab.style.display = "block";
+
+    toolbar.querySelectorAll("button[data-toolbar-tab]").forEach(function (tab) {
+      if (tab.dataset.toolbarTab === tabName) {
+        tab.setAttribute("data-active", true);
+      } else {
+        tab.removeAttribute("data-active");
+      }
+    });
+    localStorage.setItem('plaintoolbar.tab', tabName);
+  },
+};
+
+// Render it hidden immediately if the user has hidden it before
+if (plainToolbar.shouldHide()) {
+  plainToolbar.hide();
+}
+
+window.addEventListener("load", function() {
+  // Restore expanded/collapsed state
+  var state = localStorage.getItem('plaintoolbar.expanded');
+  if (state === '1') {
+    plainToolbar.expand();
+    // Restore last active tab
+    var lastTab = localStorage.getItem('plaintoolbar.tab');
+    if (lastTab) {
+      plainToolbar.showTab(lastTab);
+    }
+  } else if (state === '0') {
+    plainToolbar.collapse();
+  }
+  var toolbar = document.querySelector("#plaintoolbar");
+
+  toolbar.querySelectorAll("button[data-toolbar-tab]").forEach(function (tab) {
+    tab.addEventListener("click", function () {
+      plainToolbar.showTab(tab.dataset.toolbarTab);
+    });
+  });
+
+  toolbar.querySelectorAll('[data-plaintoolbar-hide]').forEach(function(btn) {
+    btn.addEventListener('click', function() {
+      plainToolbar.hide();
+    });
+  });
+
+  toolbar.querySelectorAll('[data-plaintoolbar-hideuntil]').forEach(function(btn) {
+    btn.addEventListener('click', function() {
+      console.log("Hiding admin toolbar for 1 hour");
+      plainToolbar.hideUntil(Date.now() + 3600000);
+    });
+  });
+
+  toolbar.querySelectorAll('[data-plaintoolbar-expand]').forEach(function(btn) {
+    btn.addEventListener('click', function() {
+      plainToolbar.toggleExpand();
+    });
+  });
+
+  // Enable manual resize of the expanded toolbar via drag handle
+  var details = document.getElementById('plaintoolbar-details');
+  if (details) {
+    var handle = details.querySelector('[data-resizer]');
+    var content = handle.nextElementSibling;
+    var isDragging = false;
+    var startY = 0;
+    var startHeight = 0;
+    if (handle && content) {
+      // Initial cursor
+      handle.style.cursor = 'grab';
+      // Start dragging
+      handle.addEventListener('mousedown', function(e) {
+        isDragging = true;
+        startY = e.clientY;
+        startHeight = content.offsetHeight;
+        handle.style.cursor = 'grabbing';
+        // Prevent text selection while dragging
+        document.body.style.userSelect = 'none';
+        e.preventDefault();
+      });
+      // Handle dragging
+      document.addEventListener('mousemove', function(e) {
+        if (!isDragging) return;
+        var delta = e.clientY - startY;
+        // Calculate new height: dragging up increases height
+        var newHeight = startHeight - delta;
+        // Clamp between reasonable bounds
+        var minHeight = 50;
+        var maxHeight = window.innerHeight - 100;
+        newHeight = Math.max(minHeight, Math.min(maxHeight, newHeight));
+        content.style.height = newHeight + 'px';
+      });
+      // End dragging
+      document.addEventListener('mouseup', function() {
+        if (isDragging) {
+          isDragging = false;
+          handle.style.cursor = 'grab';
+          document.body.style.userSelect = '';
+        }
+      });
+    }
+  }
+});

{plain_admin-0.27.1 → plain_admin-0.29.0}/plain/admin/querystats/core.py

@@ -1,3 +1,4 @@
+import datetime
 import time
 import traceback
 from collections import Counter
@@ -141,10 +142,9 @@ class QueryStats:
             "request": {
                 "path": request.path,
                 "method": request.method,
-                "headers": dict(request.headers),
                 "unique_id": request.unique_id,
             },
-            "timestamp": time.time(),
+            "timestamp": datetime.datetime.now().isoformat(),
             "total_time_display": self.total_time_display,
             "queries": self.queries,
         }

{plain_admin-0.27.1 → plain_admin-0.29.0}/plain/admin/querystats/middleware.py

@@ -55,12 +55,12 @@ class QueryStatsMiddleware:
         if self.should_ignore_request(request):
             return self.get_response(request)
 
-        session_querystats_enabled = "querystats" in request.session
+        def is_tracking():
+            return "querystats" in request.session
+
+        querystats = QueryStats(include_tracebacks=is_tracking())
 
-        querystats = QueryStats(include_tracebacks=session_querystats_enabled)
         with connection.execute_wrapper(querystats):
-            # Have to wrap this first call so it is included in the querystats,
-            # but we don't have to wrap everything else unless we are admin or debug
             is_admin = self.is_admin_request(request)
 
         if settings.DEBUG or is_admin:
@@ -75,7 +75,7 @@ class QueryStatsMiddleware:
             # by using the server timing API which can be parsed client-side
             response.headers["Server-Timing"] = querystats.as_server_timing()
 
-            if session_querystats_enabled and querystats.num_queries > 0:
+            if is_tracking() and querystats.num_queries > 0:
                 request.session["querystats"][request.unique_id] = json.dumps(
                     querystats.as_context_dict(request), cls=QueryStatsJSONEncoder
                 )

{plain_admin-0.27.1 → plain_admin-0.29.0}/plain/admin/querystats/views.py

@@ -17,15 +17,32 @@ class QuerystatsView(AuthViewMixin, TemplateView):
 
         super().check_auth()
 
+    def get_response(self):
+        response = super().get_response()
+        # So we can load it in the toolbar
+        response.headers["X-Frame-Options"] = "SAMEORIGIN"
+        return response
+
+    def get(self):
+        # Give an easy out if things get messed up
+        if (
+            "clear" in self.request.query_params
+            and "querystats" in self.request.session
+        ):
+            del self.request.session["querystats"]
+            self.request.session.modified = True
+
+        return super().get()
+
     def get_template_context(self):
         context = super().get_template_context()
 
         querystats = self.request.session.get("querystats", {})
 
-        for request_id, json_data in querystats.items():
+        for request_id in list(querystats.keys()):
             try:
-                querystats[request_id] = json.loads(json_data)
-            except json.JSONDecodeError:
+                querystats[request_id] = json.loads(querystats[request_id])
+            except (json.JSONDecodeError, TypeError):
                 # If decoding fails, remove the entry from the dictionary
                 del querystats[request_id]
 
@@ -39,6 +56,7 @@ class QuerystatsView(AuthViewMixin, TemplateView):
         )
 
         context["querystats"] = querystats
+        context["querystats_enabled"] = "querystats" in self.request.session
 
         return context
 

plain_admin-0.29.0/plain/admin/templates/querystats/querystats.html

@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Querystats</title>
+    {% tailwind_css %}
+</head>
+<body class="text-stone-300">
+
+    {% if querystats_enabled %}
+    <div class="flex items-center justify-between border-b border-white/5 px-6 h-14 fixed top-0 left-0 right-0 bg-stone-950 z-10">
+        <!-- <h1 class="text-lg font-semibold">Querystats</h1> -->
+        <div></div>
+        <div class="flex items-center space-x-2">
+            <form method="get" action=".">
+                {{ csrf_input }}
+                <button type="submit" class="px-2 py-px text-sm rounded-sm bg-stone-700 text-stone-300 hover:bg-stone-600 cursor-pointer whitespace-nowrap">Reload</button>
+            </form>
+            <form method="post" action=".">
+                {{ csrf_input }}
+                <input type="hidden" name="querystats_action" value="clear">
+                <button type="submit" class="px-2 py-px text-sm rounded-sm bg-stone-700 text-stone-300 hover:bg-stone-600 cursor-pointer whitespace-nowrap">Clear</button>
+            </form>
+            <form method="post" action=".">
+                {{ csrf_input }}
+                <input type="hidden" name="querystats_action" value="disable">
+                <button type="submit" class="px-2 py-px text-sm rounded-sm bg-stone-700 text-stone-300 hover:bg-stone-600 cursor-pointer whitespace-nowrap">Disable</button>
+            </form>
+        </div>
+    </div>
+    {% endif %}
+
+    {% if querystats %}
+    <div class="flex mt-2 h-full">
+        <aside id="sidebar" class="fixed left-0 top-14 bottom-0 w-82 overflow-auto p-4">
+            <ul class="space-y-2">
+                {% for request_id, qs in querystats.items() %}
+                <li>
+                    <button data-request-id="{{ request_id }}" class="w-full text-left px-2 py-1 rounded hover:bg-stone-700 cursor-pointer">
+                        <span class="text-sm">{{ qs.request.path }}</span>
+                        <span class="font-semibold bg-white/5 rounded-sm px-1 py-0.5 text-xs">{{ qs.request.method }}</span>
+                        <div class="text-xs text-stone-400">{{ qs.summary }}</div>
+                        <div class="text-xs text-stone-500">{{ qs.timestamp|fromisoformat|timesince }} ago</div>
+                    </button>
+                </li>
+                {% endfor %}
+            </ul>
+        </aside>
+
+        <main id="content" class="flex-1 p-6 overflow-auto ml-82 mt-14">
+            {% for request_id, qs in querystats.items() %}
+            <div class="request-detail" data-request-id="{{ request_id }}" style="display: none;">
+                <div class="flex justify-between">
+                    <div>
+                        <h2 class="font-medium text-sm"><span class="font-semibold">{{ qs.request.method }}</span> {{ qs.request.path }}</h2>
+                        <p class="text-sm text-white/70">{{ qs.summary }}</p>
+                    </div>
+                    <div class="text-right">
+                        <div class="text-xs text-white/60">Request ID <code>{{ qs.request.unique_id }}</code></div>
+                        <div class="text-xs text-white/60"><code>{{ qs.timestamp|fromisoformat }}</code></div>
+                    </div>
+                </div>
+
+                <div class="flex w-full mt-3 overflow-auto rounded-sm">
+                    {% for query in qs.queries %}
+                    <a href="#query-{{ loop.index }}"
+                        {{ loop.cycle('class=\"h-2 bg-amber-400\"', 'class=\"h-2 bg-orange-400\"', 'class=\"h-2 bg-yellow-400\"', 'class=\"h-2 bg-amber-600\"')|safe }}
+                        title="[{{ query.duration_display }}] {{ query.sql_display }}"
+                        style="width: {{ query.duration / qs.total_time * 100 }}%">
+                    </a>
+                    {% endfor %}
+                </div>
+
+                <div class="mt-4 space-y-3 text-xs">
+                    {% for query in qs.queries %}
+                    <details id="query-{{ loop.index }}" class="p-2 rounded bg-white/5">
+                        <summary class="truncate">
+                            <div class="float-right px-2 py-px mb-px ml-2 text-xs rounded-full bg-zinc-700">
+                                <span>{{ query.duration_display }}</span>
+                                {% if query.duplicate_count is defined %}
+                                <span class="text-red-500">&nbsp; duplicated {{ query.duplicate_count }} times</span>
+                                {% endif %}
+                            </div>
+                            <code class="font-mono">{{ query.sql }}</code>
+                        </summary>
+                        <div class="space-y-3 mt-3">
+                            <div>
+                                <pre><code class="font-mono whitespace-pre-wrap text-zinc-100">{{ query.sql_display }}</code></pre>
+                            </div>
+                            <div class="text-zinc-400">
+                                <span class="font-medium">Parameters</span>
+                                <pre><code class="font-mono">{{ query.params|pprint }}</code></pre>
+                            </div>
+                            {% if query.tb|default(false) %}
+                            <details>
+                                <summary>Traceback</summary>
+                                <pre><code class="block overflow-x-auto font-mono text-xs">{{ query.tb }}</code></pre>
+                            </details>
+                            {% endif %}
+                        </div>
+                    </details>
+                    {% else %}
+                    <div>No queries...</div>
+                    {% endfor %}
+                </div>
+            </div>
+            {% endfor %}
+        </main>
+    </div>
+    {% elif querystats_enabled %}
+    <div class="text-center text-white/30 py-8">Querystats are enabled but nothing has been recorded yet.</div>
+    {% else %}
+    <div class="text-center py-8">
+        <div class="text-white/30">Querystats are disabled.</div>
+        <form method="post" action=".">
+            {{ csrf_input }}
+            <input type="hidden" name="querystats_action" value="enable">
+            <button type="submit" class="mt-2 px-2 py-px text-sm rounded-sm bg-stone-700 text-stone-300 hover:bg-stone-600 cursor-pointer whitespace-nowrap">Enable</button>
+        </form>
+    </div>
+    {% endif %}
+
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const buttons = document.querySelectorAll('#sidebar [data-request-id]');
+            const details = document.querySelectorAll('#content .request-detail');
+            buttons.forEach(function(btn) {
+                btn.addEventListener('click', function(e) {
+                    e.preventDefault();
+                    const id = this.getAttribute('data-request-id');
+                    details.forEach(div => div.style.display = 'none');
+                    const sel = document.querySelector('#content .request-detail[data-request-id="' + id + '"]');
+                    if (sel) sel.style.display = 'block';
+                    buttons.forEach(b => b.classList.remove('bg-stone-700', 'text-white'));
+                    this.classList.add('bg-stone-700', 'text-white');
+                });
+            });
+            if (buttons.length > 0) buttons[0].click();
+        });
+    </script>
+
+    </body>
+</html>

{plain_admin-0.27.1 → plain_admin-0.29.0}/plain/admin/templates/querystats/toolbar.html

@@ -1,25 +1,25 @@
 <div data-querystats class="relative group/querystats" style="display: none;">
     {% if "querystats" in request.session %}
-    <a href="{{ url('admin:querystats:querystats') }}" target="querystats" class="inline-flex items-center cursor-pointer text-xs rounded-full px-2 py-px bg-stone-700 text-stone-300 whitespace-nowrap">
+    <button data-toolbar-tab="querystats" class="inline-flex items-center cursor-pointer text-xs rounded-full px-2 py-px bg-white/20 text-white/80 whitespace-nowrap">
         <span class="relative inline-flex size-2 mr-2">
             <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75"></span>
             <span class="relative inline-flex size-2 rounded-full bg-green-500"></span>
         </span>
         <span data-querystats-summary></span>
-    </a>
+    </button>
     {% else %}
     <form action="{{ url('admin:querystats:querystats') }}" method="post">
         {{ csrf_input }}
         <input type="hidden" name="redirect_url" value="{{ request.get_full_path() }}">
         <input type="hidden" name="querystats_action" value="enable">
-        <button type="submit" class="cursor-pointer text-xs rounded-full px-2 py-px bg-stone-700 text-stone-300 whitespace-nowrap">
+        <button type="submit" class="cursor-pointer text-xs rounded-full px-2 py-px bg-white/20 text-white/80 whitespace-nowrap">
             <span class="rounded-full bg-zinc-500 w-2 h-2 inline-block mr-1"></span>
             <span data-querystats-summary></span>
         </button>
     </form>
     {% endif %}
 
-    <div data-querystats-list style="display: none;" class="absolute z-50 -translate-x-1/2 hidden -translate-y-full left-1/2 -top-1 group-hover/querystats:block">
+    <div data-querystats-list style="display: none;" class="absolute z-50 hidden -translate-y-full right-0 -top-1 group-hover/querystats:block">
         <div class="p-2 text-xs border rounded shadow-md bg-zinc-900 border-zinc-700"><table><tbody></tbody></table></div>
     </div>
     <script async defer>

plain_admin-0.29.0/plain/admin/templates/toolbar/exception.html

@@ -0,0 +1,16 @@
+<div class="px-6 py-4">
+    <div class="p-2 mb-5 border-amber-500 border rounded">
+        <div class="text-amber-500 text-lg flex justify-between items-center">
+            <div>
+                <span class="font-bold">Exception</span>
+                {{ exception }}
+            </div>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-5 h-5 bi bi-exclamation-triangle-fill" viewBox="0 0 16 16">
+                <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/>
+            </svg>
+        </div>
+        <div class="text-amber-400 text-xs mt-3 bg-white/5 p-2 rounded overflow-auto">
+            <pre><code>{{ exception._traceback_string }}</code></pre>
+        </div>
+    </div>
+</div>

plain_admin-0.29.0/plain/admin/templates/toolbar/querystats.html

@@ -0,0 +1,28 @@
+<div id="querystats-container" class="h-full">
+    <div class="px-6 py-4 text-center">
+        <p>Loading querystats...</p>
+    </div>
+</div>
+<script>
+(function() {
+    var container = document.getElementById('querystats-container');
+    var loaded = false;
+    var parent = container.parentNode;
+    var observer = new IntersectionObserver(function(entries) {
+        entries.forEach(function(entry) {
+            if (entry.isIntersecting && !loaded) {
+                loaded = true;
+                var iframe = document.createElement('iframe');
+                iframe.src = "{{ url('admin:querystats:querystats') }}";
+                iframe.frameBorder = "0";
+                iframe.style.width = "100%";
+                iframe.style.height = "100%";
+                container.innerHTML = '';
+                container.appendChild(iframe);
+                observer.disconnect();
+            }
+        });
+    }, { root: parent, threshold: 0 });
+    observer.observe(container);
+})();
+</script>

plain_admin-0.29.0/plain/admin/templates/toolbar/request.html

@@ -0,0 +1,60 @@
+<dl class="text-sm grid grid-cols-1 sm:grid-cols-[max-content_1fr] sm:gap-y-2 gap-x-8 px-6 py-4">
+    <dt>Request ID</dt>
+    <dd class="text-sm text-white/50">{{ request.unique_id }}</dd>
+
+    <dt>Query params</dt>
+    <dd class="text-sm text-white/50">{{ request.query_params }}</dd>
+
+    <dt>Method</dt>
+    <dd class="text-sm text-white/50">{{ request.method }}</dd>
+
+    {% if request.resolver_match %}
+    <dt>View</dt>
+    <dd class="text-sm text-white/50">{{ request.resolver_match.view.view_class|pprint }}</dd>
+
+    <dt>URL pattern</dt>
+    <dd class="text-sm text-white/50">
+        <pre><code>{{ request.resolver_match.route }}</code></pre>
+    </dd>
+
+    <dt>URL name</dt>
+    <dd class="text-sm text-white/50">
+        <pre><code>{{ request.resolver_match.namespaced_url_name }}</code></pre>
+    </dd>
+
+    <dt>URL args</dt>
+    <dd class="text-sm text-white/50">
+        <pre><code>{{ request.resolver_match.args }}</code></pre>
+    </dd>
+
+    <dt>URL kwargs</dt>
+    <dd class="text-sm text-white/50">
+        <pre><code>{{ request.resolver_match.kwargs }}</code></pre>
+    </dd>
+    {% endif %}
+
+    {% if template_names is defined %}
+    <dt>Template names</dt>
+    <dd class="text-sm text-white/50">
+        <pre><code>{{ template_names }}</code></pre>
+    </dd>
+    {% endif %}
+
+    {% if object|default(false) %}
+    <dt>Primary object</dt>
+    <dd class="text-sm text-white/50 inline-flex items-center" title="PK: {{ object.pk|default('unknown') }}">
+        <pre><code>{{ object.__repr__() }}</code></pre>
+        {% if object|get_admin_model_detail_url %}
+        <a class="ml-2 inline-flex items-center p-1 text-blue-500 hover:text-blue-400" href="{{ object|get_admin_model_detail_url }}">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-3 h-3 bi bi-database-fill" viewBox="0 0 16 16">
+                <path d="M3.904 1.777C4.978 1.289 6.427 1 8 1s3.022.289 4.096.777C13.125 2.245 14 2.993 14 4s-.875 1.755-1.904 2.223C11.022 6.711 9.573 7 8 7s-3.022-.289-4.096-.777C2.875 5.755 2 5.007 2 4s.875-1.755 1.904-2.223"/>
+                <path d="M2 6.161V7c0 1.007.875 1.755 1.904 2.223C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777C13.125 8.755 14 8.007 14 7v-.839c-.457.432-1.004.751-1.49.972C11.278 7.693 9.682 8 8 8s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/>
+                <path d="M2 9.161V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13s3.022-.289 4.096-.777C13.125 11.755 14 11.007 14 10v-.839c-.457.432-1.004.751-1.49.972-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/>
+                <path d="M2 12.161V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13v-.839c-.457.432-1.004.751-1.49.972-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972"/>
+            </svg>
+        </a>
+        {% endif %}
+    </dd>
+    {% endif %}
+
+</dl>

plain_admin-0.29.0/plain/admin/templates/toolbar/toolbar.html

@@ -0,0 +1,94 @@
+{% if toolbar.should_render() %}
+{% set panels=toolbar.get_panels() %}
+<script defer src="{{ asset('toolbar/toolbar.js') }}"></script>
+<div id="plaintoolbar" class="print:hidden text-stone-300 fixed bottom-0 w-full z-30 hidden sm:flex sm:flex-col">
+
+    <div id="plaintoolbar-details" class="hidden relative text-sm border-white/5 shadow-xl border-t inset-shadow-xs inset-shadow-stone-800 rounded-t-xl bg-stone-950/95 backdrop-blur-sm">
+
+        <div class="flex border-b border-white/5 px-2">
+            <div class="flex flex-grow">
+                {% for panel in panels %}
+                <button {% if loop.first %}data-active{% endif %} data-toolbar-tab="{{ panel.name }}" class="data-active:border-yellow-500 px-4 py-2.5 -mb-px cursor-pointer border-b border-transparent hover:border-yellow-600" type="button">{{ panel.name }}</button>
+                {% endfor %}
+                <button data-plaintoolbar-expand class="flex-grow cursor-pointer inline-flex h-full" type="button"></button>
+            </div>
+            <div class="px-4 flex items-center space-x-4">
+                <button title="Hide toolbar for 1 hour" class="cursor-pointer hover:text-white text-white/50" type="button" data-plaintoolbar-hideuntil>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-4 h-4" viewBox="0 0 16 16">
+                        <path d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022zm2.004.45a7 7 0 0 0-.985-.299l.219-.976q.576.129 1.126.342zm1.37.71a7 7 0 0 0-.439-.27l.493-.87a8 8 0 0 1 .979.654l-.615.789a7 7 0 0 0-.418-.302zm1.834 1.79a7 7 0 0 0-.653-.796l.724-.69q.406.429.747.91zm.744 1.352a7 7 0 0 0-.214-.468l.893-.45a8 8 0 0 1 .45 1.088l-.95.313a7 7 0 0 0-.179-.483m.53 2.507a7 7 0 0 0-.1-1.025l.985-.17q.1.58.116 1.17zm-.131 1.538q.05-.254.081-.51l.993.123a8 8 0 0 1-.23 1.155l-.964-.267q.069-.247.12-.501m-.952 2.379q.276-.436.486-.908l.914.405q-.24.54-.555 1.038zm-.964 1.205q.183-.183.35-.378l.758.653a8 8 0 0 1-.401.432z"/>
+                        <path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0z"/>
+                        <path d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5"/>
+                    </svg>
+                </button>
+                <button class="cursor-pointer hover:text-white text-white/50" type="button" data-plaintoolbar-expand>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-4 h-4" viewBox="0 0 16 16">
+                        <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
+                    </svg>
+                </button>
+            </div>
+        </div>
+
+        <div data-resizer class="cursor-grab w-20 h-1.5 top-1 bg-white/15 rounded-full absolute top-0 left-1/2 -translate-x-1/2"></div>
+
+        <div class="overflow-auto h-[30vh] flex flex-col">
+            {% for panel in panels %}
+            <div data-toolbar-tab="{{ panel.name }}" {% if not loop.first %}style="display: none;"{% endif %}>
+                {{ panel.render() }}
+            </div>
+            {% endfor %}
+        </div>
+
+    </div>
+
+    <div class="flex px-3 text-xs border-t border-white/5 space-x-4 py-2 bg-stone-950 shadow-xl">
+        <div class="flex items-center">
+            <code class="ml-1.5 bg-white/10 px-1.5 rounded-sm whitespace-nowrap text-mono">{{ toolbar.version }}</code>
+
+            {% if request.impersonator is defined %}
+            <div class="flex items-center ml-1 font-light">
+                Impersonating&nbsp;<span class="font-medium">{{ request.user }}</span>
+                </span>
+                <a href="{{ url('admin:impersonate:stop') }}" title="Stop impersonating" class="flex items-center px-1 ml-1 text-red-300 hover:text-white">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-4 h-4 bi bi-x-octagon-fill" viewBox="0 0 16 16">
+                        <path d="M11.46.146A.5.5 0 0 0 11.107 0H4.893a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146zm-6.106 4.5L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708z"/>
+                    </svg>
+                </a>
+            </div>
+            {% endif %}
+        </div>
+        <button type="button" data-plaintoolbar-expand class="flex-grow cursor-pointer"></button>
+        <div class="flex items-center space-x-4">
+            {% include "querystats/toolbar.html" %}
+
+            <div class="flex items-center space-x-3 transition-all">
+
+                {% if toolbar.request_exception() %}
+                <button class="cursor-pointer text-amber-500 hover:text-amber-400" type="button" data-toolbar-tab="Exception">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-4 h-4 bi bi-exclamation-triangle-fill" viewBox="0 0 16 16">
+                        <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/>
+                    </svg>
+                </button>
+                {% endif %}
+
+                <a href="{{ url('admin:index') }}" class="hover:underline">Admin</a>
+
+                {% include "toolbar/links.html" ignore missing %}
+
+                <button data-plaintoolbar-expand class="hover:text-white cursor-pointer" type="button" title="Expand toolbar">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-4 h-4" viewBox="0 0 16 16">
+                        <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
+                    </svg>
+                </button>
+
+                <button data-plaintoolbar-hide class="hover:text-red-500 cursor-pointer" type="button" title="Hide toolbar">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x w-4 h-4" viewBox="0 0 16 16">
+                        <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/>
+                    </svg>
+                </button>
+
+            </div>
+        </div>
+    </div>
+
+</div>
+{% endif %}