Added Community panel

Author: andoriyaprashant

.gitignore

@@ -16,3 +16,4 @@ venv
 .direnv/
 .envrc
 venv
+.vscode

debug_toolbar/panels/community.py

@@ -0,0 +1,19 @@
+from django.utils.translation import gettext_lazy as _
+
+from debug_toolbar.panels import Panel
+
+
+class CommunityPanel(Panel):
+    """
+    A panel that provides links to the Django Debug Toolbar community.
+    """
+
+    title = _("Community")
+    template = "debug_toolbar/panels/community.html"
+
+    def nav_title(self):
+        return self.title
+
+    def process_request(self, request):
+        self.record_stats({"community": "community"})
+        return super().process_request(request)

debug_toolbar/settings.py

@@ -82,6 +82,7 @@ def get_config():
     "debug_toolbar.panels.signals.SignalsPanel",
     "debug_toolbar.panels.redirects.RedirectsPanel",
     "debug_toolbar.panels.profiling.ProfilingPanel",
+    "debug_toolbar.panels.community.CommunityPanel",
 ]
 
 

debug_toolbar/static/debug_toolbar/css/toolbar.css

@@ -1182,3 +1182,48 @@ To regenerate:
     height: 1rem;
     width: 1rem;
 }
+
+#djDebug .djdt-community-panel {
+    padding: 20px;
+}
+
+#djDebug .djdt-community-panel h2 {
+    padding-bottom: 10px;
+    font-size: 22px;
+    margin: 0 0 15px 0;
+}
+
+#djDebug .djdt-community-panel h3 {
+    margin-top: 20px;
+    font-size: 20px;
+    margin-bottom: 10px;
+}
+
+#djDebug .djdt-community-panel p {
+    font-size: 18px;
+    margin: 0 0 15px 0;
+}
+
+#djDebug .djdt-community-panel .djdt-community-description {
+    font-size: 16px;
+    margin: 0 0 20px 0;
+}
+
+#djDebug .djdt-community-panel ul {
+    list-style-type: disc;
+    padding-left: 20px;
+    margin: 15px 0;
+}
+
+#djDebug .djdt-community-panel li {
+    margin: 5px 0;
+}
+
+#djDebug .djdt-community-panel a {
+    font-weight: bold;
+    font-size: 16px;
+}
+
+#djDebug .djdt-community-panel a:hover {
+    text-decoration: underline;
+}

debug_toolbar/templates/debug_toolbar/panels/community.html

@@ -0,0 +1,48 @@
+{% load i18n %}
+
+<div class="djdt-panelContent djdt-community-panel">
+    <h2>
+        {% trans "Community & Contribution" %}
+    </h2>
+    <hr>
+    <p>
+        {% trans "Want to contribute to Django Debug Toolbar? Get involved in our community!" %}
+    </p>
+
+    <ul>
+        <li>
+            <a href="https://github.com/django-commons/django-debug-toolbar/discussions" target="_blank">
+                {% trans "Join Discussions" %}
+            </a>
+        </li>
+        <li>
+            <a href="https://github.com/django-commons/django-debug-toolbar/issues" target="_blank">
+                {% trans "View Issues" %}
+            </a>
+        </li>
+        <li>
+            <a href="https://django-debug-toolbar.readthedocs.io/en/latest/contributing.html" target="_blank">
+                {% trans "Contribution Guide" %}
+            </a>
+        </li>
+    </ul>
+    <hr>
+    <h3>
+        {% trans "Django Debug Toolbar Documentation" %}
+    </h3>
+    <p class="djdt-community-description">
+        {% trans "Explore the official documentation to learn more about Django Debug Toolbar." %}
+    </p>
+    <ul>
+        <li>
+            <a href="https://django-debug-toolbar.readthedocs.io/en/latest/" target="_blank">
+                {% trans "Read Documentation" %}
+            </a>
+        </li>
+        <li>
+            <a href="https://django-debug-toolbar.readthedocs.io/en/latest/resources.html" target="_blank">
+                {% trans "How to Use Django Debug Toolbar" %}
+            </a>
+        </li>
+    </ul>
+</div>

docs/changes.rst

@@ -58,6 +58,7 @@ Pending
   conflicts
 * Added CSS for resetting the height of elements too to avoid problems with
   global CSS of a website where the toolbar is used.
+* Added Community panel
 
 5.1.0 (2025-03-20)
 ------------------