dashboard and restore data

.gitignore

@@ -111,3 +111,4 @@ docs/_build/
 
 # Security sensitive files
 secrets.json
+db-init/ob2011.sql

app/coi/settings.py

@@ -39,10 +39,14 @@ INSTALLED_APPS = [
     "django.contrib.messages",
     "django.contrib.staticfiles",
     'tailwind',
+    'crispy_forms',
+    'crispy_tailwind',
     'theme.apps.ThemeConfig',
     'django_browser_reload',
     "core.apps.CoreConfig",
     "report.apps.ReportConfig",
+    "sysadmin.apps.SysadminConfig",
+    "dashboard.apps.DashboardConfig",
 ]
 
 MIDDLEWARE = [
@@ -170,3 +174,7 @@ TAILWIND_APP_NAME = 'theme'
 INTERNAL_IPS = [
     "127.0.0.1",
 ]
+CRISPY_ALLOWED_TEMPLATE_PACKS = "tailwind"
+CRISPY_TEMPLATE_PACK = "tailwind"
+
+LOGIN_URL = '/sysadmin/login/'  # Replace with the path to your login view

app/coi/urls.py

@@ -22,7 +22,8 @@ from django.conf import settings
 
 urlpatterns = [
     path("admin/", admin.site.urls),
-    path('', include('report.urls')),  # Include report app's URLs
+    path('', include('dashboard.urls')),  # Include report app's URLs
     path('report/', include('report.urls')),  # Include report app's URLs
+    path('sysadmin/', include('sysadmin.urls')),  # Include report app's URLs
     path("__reload__/", include("django_browser_reload.urls")),
 ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

app/dashboard/admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

app/dashboard/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class DashboardConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'dashboard'

app/dashboard/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

app/dashboard/templates/dashboard/index.html

@@ -0,0 +1,58 @@
+{% extends "base.html" %}
+
+{% block title %}Dashboard{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-6">
+    <h1 class="text-3xl font-bold text-gray-800 mb-4">Welcome to the Dashboard</h1>
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <!-- Card 1 -->
+        <div class="bg-white p-6 rounded-lg shadow-md">
+            <h2 class="text-xl font-semibold text-gray-700">Total Users</h2>
+            <p class="text-gray-600 text-lg mt-2">150</p>
+        </div>
+        <!-- Card 2 -->
+        <div class="bg-white p-6 rounded-lg shadow-md">
+            <h2 class="text-xl font-semibold text-gray-700">Reports Generated</h2>
+            <p class="text-gray-600 text-lg mt-2">45</p>
+        </div>
+        <!-- Card 3 -->
+        <div class="bg-white p-6 rounded-lg shadow-md">
+            <h2 class="text-xl font-semibold text-gray-700">Active Sessions</h2>
+            <p class="text-gray-600 text-lg mt-2">20</p>
+        </div>
+    </div>
+
+    <div class="mt-8">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Recent Activities</h2>
+        <div class="bg-white rounded-lg shadow-md overflow-hidden">
+            <table class="w-full border-collapse border border-gray-200">
+                <thead class="bg-gray-100">
+                    <tr>
+                        <th class="border border-gray-200 px-4 py-2 text-left">Date</th>
+                        <th class="border border-gray-200 px-4 py-2 text-left">Activity</th>
+                        <th class="border border-gray-200 px-4 py-2 text-left">User</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="hover:bg-gray-50">
+                        <td class="border border-gray-200 px-4 py-2">2024-12-22</td>
+                        <td class="border border-gray-200 px-4 py-2">Generated a report</td>
+                        <td class="border border-gray-200 px-4 py-2">John Doe</td>
+                    </tr>
+                    <tr class="hover:bg-gray-50">
+                        <td class="border border-gray-200 px-4 py-2">2024-12-21</td>
+                        <td class="border border-gray-200 px-4 py-2">Logged in</td>
+                        <td class="border border-gray-200 px-4 py-2">Jane Smith</td>
+                    </tr>
+                    <tr class="hover:bg-gray-50">
+                        <td class="border border-gray-200 px-4 py-2">2024-12-20</td>
+                        <td class="border border-gray-200 px-4 py-2">Updated profile</td>
+                        <td class="border border-gray-200 px-4 py-2">Emily Johnson</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+{% endblock %}

app/dashboard/tests.py

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

app/dashboard/urls.py

@@ -0,0 +1,8 @@
+from django.urls import path
+from . import views
+
+app_name = "dashboard"  # Use this namespace for reverse URL lookups
+
+urlpatterns = [
+    path('', views.index_view, name='index'),
+]

app/dashboard/views.py

@@ -0,0 +1,6 @@
+from django.contrib.auth.decorators import login_required
+from django.shortcuts import render
+
+@login_required
+def index_view(request):
+    return render(request, 'dashboard/index.html')

app/sysadmin/admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

app/sysadmin/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class SysadminConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'sysadmin'

app/sysadmin/forms.py

@@ -0,0 +1,35 @@
+# forms.py
+from django import forms
+from django.contrib.auth.forms import AuthenticationForm
+
+class CustomLoginForm(AuthenticationForm):
+    username = forms.CharField(widget=forms.TextInput(attrs={
+        'placeholder': 'Username'
+    }))
+    password = forms.CharField(widget=forms.PasswordInput(attrs={
+        'placeholder': 'Password'
+    }))
+
+# forms.py
+from django.contrib.auth.forms import UserCreationForm
+from django.contrib.auth.models import User
+
+class CustomUserCreationForm(UserCreationForm):
+    class Meta:
+        model = User
+        fields = ['username', 'email', 'password1', 'password2']
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        self.fields['username'].widget.attrs.update({
+            'placeholder': 'Username'
+        })
+        self.fields['email'].widget.attrs.update({
+            'placeholder': 'Email'
+        })
+        self.fields['password1'].widget.attrs.update({
+            'placeholder': 'Password'
+        })
+        self.fields['password2'].widget.attrs.update({
+            'placeholder': 'Confirm Password'
+        })

app/sysadmin/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

app/sysadmin/templates/auth/login.html

@@ -0,0 +1,22 @@
+{% extends "base.html" %}
+{% load tailwind_filters %}
+{% block title %}Login{% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-center h-screen bg-gray-100">
+    <div class="w-full max-w-md p-8 bg-white rounded-lg shadow-md">
+        <h2 class="text-2xl font-bold text-center text-gray-700">Login</h2>
+        <form method="post" class="space-y-4 mt-6">
+            {% csrf_token %}
+            {{ form|crispy }}
+            <button type="submit" class="w-full bg-blue-500 text-white py-2 rounded hover:bg-blue-600">
+                Login
+            </button>
+        </form>
+        <p class="mt-4 text-center text-gray-600">
+            Don't have an account? 
+            <a href="{% url 'sysadmin:register' %}" class="text-blue-500 hover:underline">Register</a>
+        </p>
+    </div>
+</div>
+{% endblock %}

app/sysadmin/templates/auth/register.html

@@ -0,0 +1,22 @@
+{% extends "base.html" %}
+{% load tailwind_filters %}
+{% block title %}Register{% endblock %}
+
+{% block content %}
+<div class="flex items-center justify-center  bg-gray-100">
+    <div class="w-full max-w-md p-8 bg-white rounded-lg shadow-md">
+        <h2 class="text-2xl font-bold text-center text-gray-700">Register</h2>
+        <form method="post" class="space-y-4 mt-6">
+            {% csrf_token %}
+            {{ form|crispy }}
+            <button type="submit" class="w-full bg-green-500 text-white py-2 rounded hover:bg-green-600">
+                Register
+            </button>
+        </form>
+        <p class="mt-4 text-center text-gray-600">
+            Already have an account? 
+            <a href="{% url 'sysadmin:login' %}" class="text-blue-500 hover:underline">Login</a>
+        </p>
+    </div>
+</div>
+{% endblock %}

app/sysadmin/tests.py

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

app/sysadmin/urls.py

@@ -0,0 +1,10 @@
+from django.urls import path
+from . import views
+
+app_name = "sysadmin"  # Use this namespace for reverse URL lookups
+
+urlpatterns = [
+    path('login/', views.login_view, name='login'),
+    path('register/', views.register_view, name='register'),
+    path('logout/', views.logout_view, name='logout'),
+]

app/sysadmin/views.py

@@ -0,0 +1,32 @@
+# views.py
+from django.contrib.auth import authenticate, login, logout
+from django.shortcuts import render, redirect
+from .forms import CustomLoginForm, CustomUserCreationForm
+
+def login_view(request):
+    if request.method == "POST":
+        form = CustomLoginForm(data=request.POST)
+        if form.is_valid():
+            user = form.get_user()
+            login(request, user)
+            return redirect('dashboard:index')  # Redirect to your dashboard
+    else:
+        form = CustomLoginForm()
+
+    return render(request, 'auth/login.html', {'form': form, 'hide_sidebar': True})
+
+def register_view(request):
+    if request.method == "POST":
+        form = CustomUserCreationForm(request.POST)
+        if form.is_valid():
+            user = form.save()
+            login(request, user)  # Log the user in after creation
+            return redirect('dashboard:index')  # Redirect to your dashboard
+    else:
+        form = CustomUserCreationForm()
+
+    return render(request, 'auth/register.html', {'form': form, 'hide_sidebar': True})
+
+def logout_view(request):
+    logout(request)  # Logs out the user
+    return redirect('sysadmin:login')  # Redirect to the login page after logout

app/templates/base.html

@@ -34,7 +34,17 @@
                         <span class="self-center text-xl font-semibold dark:text-white">My App</span>
                     </a>
                 </div>
-                <div class="flex items-center">
+                <div class="flex items-center space-x-4">
+
+                {% if user.is_authenticated %}
+                    <!-- Logged-in User -->
+                    <span class="text-gray-600 dark:text-gray-300">Hello, {{ user.username }}</span>
+                    <a href="{% url 'sysadmin:logout' %}" class="text-blue-500 hover:underline">Logout</a>
+                {% else %}
+                    <!-- Guest User -->
+                    <a href="{% url 'sysadmin:login' %}" class="text-blue-500 hover:underline">Login</a>
+                    <a href="{% url 'sysadmin:register' %}" class="text-blue-500 hover:underline">Register</a>
+                {% endif %}
                     <div class="ml-3">
                         <button type="button" class="flex text-sm bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600">
                             <span class="sr-only">Open user menu</span>
@@ -47,6 +57,7 @@
     </nav>
 
     <!-- Sidebar -->
+    {% if not hide_sidebar %}
     <aside id="logo-sidebar" class="fixed top-0 left-0 z-40 w-64 h-screen pt-20 transition-transform -translate-x-full bg-white border-r border-gray-200 sm:translate-x-0 dark:bg-gray-800 dark:border-gray-700">
         <div class="h-full px-3 pb-4 overflow-y-auto">
             <ul class="space-y-2">
@@ -56,6 +67,7 @@
             </ul>
         </div>
     </aside>
+    {% endif %}
 
     <!-- Main Content -->
     <div class="p-4 sm:ml-64">

requirements.txt

@@ -33,11 +33,11 @@ django-crispy-forms  # Styling for forms
 crispy-bootstrap5  # For Bootstrap 5 support (optional)
 
 # If using TailwindCSS instead of Bootstrap
-django-tailwind  # For TailwindCSS integration
+# django-tailwind  # For TailwindCSS integration
 
 # Cache optimization (optional)
 django-cacheops  # Caching ORM QuerySets
-
+crispy-tailwind
 pandas
 numpy
 scipy