adding more styling to unfold

app/dj_apps/portfolio/admin.py

@@ -1,9 +1,7 @@
 from django.contrib import admin
 
-from app.dj_apps.users.models.users import VisuleoUser
+from .models import Projects, Categories, Skills
 
-admin.site.site_header = "Visuleo Admin"
-admin.site.site_title = "Visuleo Admin Portal"
-admin.site.index_title = "Welcome to Visuleo Portal"
-
-admin.site.register(VisuleoUser)
+admin.site.register(Projects)
+admin.site.register(Categories)
+admin.site.register(Skills)

app/dj_apps/users/admin.py

@@ -1,5 +1,32 @@
 from django.contrib import admin
 
-from .models import UserTag
+from .models import UserTag, VisuleoUser
 
 admin.site.register(UserTag)
+
+
+@admin.register(VisuleoUser)
+class VisuleoUserAdmin(admin.ModelAdmin):
+    list_display = ("email", "name", "is_active", "is_staff", "is_superuser")
+    list_filter = ("is_active", "is_staff", "is_superuser")
+    search_fields = ("email", "name", "username")
+    ordering = ("email",)
+    fieldsets = (
+        (None, {"fields": ("email", "password")}),
+        ("Personal Info", {"fields": ("name", "phone_number")}),
+        ("Permissions", {"fields": ("is_active", "is_staff", "is_superuser")}),
+        ("Important dates", {"fields": ("last_login", "date_joined")}),
+    )
+    add_fieldsets = (
+        (None, {
+            "classes": ("wide",),
+            "fields": ("email", "password1", "password2"),
+        }),
+    )
+    readonly_fields = ("last_login", "date_joined")
+    filter_horizontal = ()
+
+
+admin.site.site_header = "Visuleo Admin"
+admin.site.site_title = "Visuleo Admin Portal"
+admin.site.index_title = "Welcome to Visuleo Portal"

app/visuleo_port/settings/extra.py

@@ -1,7 +1,8 @@
 import os
 
 from django.templatetags.static import static
-
+from django.urls import reverse_lazy
+from django.utils.translation import gettext_lazy as _
 
 EXTRA_MIDDLEWARE = [
     "whitenoise.middleware.WhiteNoiseMiddleware",
@@ -88,8 +89,12 @@
         "light": lambda request: static("images/logo/logo.svg"),
         "dark": lambda request: static("images/logo/logo-white.svg"),
     },
+    "SITE_SYMBOL": "speed",
+    "show_search": False,
+    "show_all_applications": False,
     "SHOW_HISTORY": True,
     "SHOW_VIEW_ON_SITE": True,
+    "ENVIRONMENT": "Development",
     "LOGIN": {
         "image": lambda request: static("images/login_side.svg"),
     },
@@ -116,6 +121,55 @@
             "950": "28 58 43"
         }
     },
+    "navigation": [
+        {
+            "title": _("Navigation"),
+            "separator": True,
+            "collapsible": True,
+            "items": [
+                {
+                    "title": _("Dashboard"),
+                    "icon": "dashboard",
+                    "url": reverse_lazy("admin:index"),
+                },
+                {
+                    "title": _("Users"),
+                    "icon": "people",
+                    "url": reverse_lazy("admin:users_visuleouser_changelist"),
+                },
+                {
+                    "title": _("Portfolio"),
+                    "icon": "work",
+                    "url": reverse_lazy("admin:portfolio_projects_changelist"),
+                },
+            ],
+        },
+    ],
+    "TABS": [
+        {
+            "items": [
+                {
+                    "models": [
+                        "users.VisuleoUser",
+                        "users.UserTag",
+                    ],
+                    "label": "Users",
+                    "icon": "people",
+                    "link": reverse_lazy("admin:users_visuleouser_changelist"),
+                },
+                {
+                    "models": [
+                        "portfolio.Projects",
+                        "portfolio.Categories",
+                        "portfolio.Skills",
+                    ],
+                    "label": "Portfolio",
+                    "icon": "work",
+                    "link": reverse_lazy("admin:portfolio_projects_changelist"),
+                },
+            ],
+        }
+    ],
     "EXTENSIONS": {
         "modeltranslation": {
             "flags": {