Add bootstrap icons to admin

Author: davegaeddert

plain-admin/plain/admin/assets/admin/bootstrap-icons.svg

@@ -74,13 +74,16 @@
             <div class="flex-grow pl-3.5 pr-5 pt-2">
                 <div>
                     {% for section, views in admin_registry.get_nav_sections().items() %}
-                    <div class="mt-4 text-xs tracking-wide uppercase text-stone-300/90">{{ section }}</div>
+                    <div class="mt-4 mb-1 text-sm text-stone-400/80">{{ section }}</div>
                     {% for view in views %}
                     {% set url = view.get_view_url() %}
                     <a
                         {% if url == request.path or view in parent_view_classes %}data-active{% endif %}
-                        class="data-[active]:bg-white/20 data-[active]:text-white flex items-center px-2 py-1 mt-px -mx-2 text-sm rounded hover:text-stone-300 text-stone-400/80 hover:bg-white/5"
+                        class="data-[active]:bg-white/20 data-[active]:text-white flex items-center px-2 py-1 mt-px -mx-2 text-sm rounded hover:text-stone-300 text-stone-300/90 hover:bg-white/5"
                         href="{{ url }}">
+                        <svg class="w-3.5 h-3.5 mr-1.5 flex-shrink-0" fill="currentColor">
+                            <use xlink:href="{{ asset('admin/bootstrap-icons.svg') }}#{{ view.get_nav_icon() }}"/>
+                        </svg>
                         {{ view.get_nav_title() }}
                     </a>
                     {% endfor %}

plain-admin/plain/admin/templates/admin/base.html

@@ -32,6 +32,7 @@ class AdminView(AuthViewMixin, TemplateView):
     # so you can also use this for pages that can never be bookmarked
     nav_section = "App"
     nav_title = ""
+    nav_icon = "app"
 
     links: dict[str] = {}
 
@@ -115,6 +116,10 @@ def get_nav_title(cls) -> str:
             f"Please set a title or nav_title on the {cls} class or implement get_nav_title()."
         )
 
+    @classmethod
+    def get_nav_icon(cls) -> str:
+        return cls.nav_icon
+
     @classmethod
     def get_view_url(cls, obj=None) -> str:
         if obj:

plain-admin/plain/admin/views/base.py

@@ -13,6 +13,7 @@ class ListView(AdminModelListView):
         nav_section = "Cache"
         model = CachedItem
         title = "Cached items"
+        nav_icon = "archive"
         fields = [
             "key",
             "created_at",

plain-cache/plain/cache/admin.py

@@ -35,6 +35,7 @@ class ListView(AdminModelListView):
         search_fields = ["name", "description"]
         cards = [UnusedFlagsCard]
         nav_section = "Feature flags"
+        nav_icon = "flag"
 
     class DetailView(AdminModelDetailView):
         model = Flag
@@ -61,6 +62,7 @@ class ListView(AdminModelListView):
         ]
         search_fields = ["flag__name", "key"]
         nav_section = "Feature flags"
+        nav_icon = "flag-fill"
 
         def get_initial_queryset(self):
             return self.model.objects.all().select_related("flag")

plain-flags/plain/flags/admin.py

@@ -39,6 +39,7 @@ class ListView(AdminModelListView):
         nav_section = "OAuth"
         model = OAuthConnection
         title = "Connections"
+        nav_icon = "link-45deg"
         fields = ["id", "user", "provider_key", "provider_user_id"]
         cards = [ProvidersChartCard]
 

plain-oauth/plain/oauth/admin.py

@@ -17,6 +17,7 @@ class TraceViewset(AdminViewset):
     class ListView(AdminModelListView):
         nav_section = "Observer"
         model = Trace
+        nav_icon = "activity"
         fields = [
             "trace_id",
             "request_id",
@@ -41,6 +42,7 @@ class SpanViewset(AdminViewset):
     class ListView(AdminModelListView):
         nav_section = "Observer"
         model = Span
+        nav_icon = "diagram-3"
         fields = [
             "name",
             "kind",

plain-observer/plain/observer/admin.py

@@ -22,6 +22,7 @@ class ListView(AdminModelListView):
         model = Pageview
         nav_section = "Pageviews"
         title = "Pageviews"
+        nav_icon = "eye"
         fields = ["user_id", "url", "timestamp", "session_key"]
         search_fields = ["id", "user_id", "url", "session_key"]
         cards = [PageviewsTrendCard]

plain-pageviews/plain/pageviews/admin.py

@@ -32,6 +32,7 @@ class ListView(AdminModelListView):
         model = Redirect
         nav_section = "Redirection"
         title = "Redirects"
+        nav_icon = "arrow-right-circle"
         fields = ["from_pattern", "to_pattern", "http_status", "order", "enabled"]
         search_fields = ["from_pattern", "to_pattern"]
         allow_global_search = False
@@ -57,6 +58,7 @@ class ListView(AdminModelListView):
         model = RedirectLog
         nav_section = "Redirection"
         title = "Redirect logs"
+        nav_icon = "journal-text"
         fields = [
             "created_at",
             "from_url",
@@ -79,6 +81,7 @@ class ListView(AdminModelListView):
         model = NotFoundLog
         nav_section = "Redirection"
         title = "404 logs"
+        nav_icon = "exclamation-triangle"
         fields = ["created_at", "url", "user_agent", "ip_address", "referrer"]
         search_fields = ["url", "user_agent", "ip_address", "referrer"]
         allow_global_search = False

plain-redirection/plain/redirection/admin.py

@@ -22,6 +22,7 @@ class ListView(AdminModelListView):
         fields = ["session_key", "expires_at", "created_at"]
         search_fields = ["session_key"]
         nav_section = "Sessions"
+        nav_icon = "person-badge"
         queryset_order = ["-created_at"]
 
     class DetailView(AdminModelDetailView):