Templates and views restructer for better accesibility

ZEZE1020 · Jan 13, 2025 · df868c1 · df868c1
1 parent db76ae3
commit df868c1
Show file tree

Hide file tree

Showing 22 changed files with 93 additions and 54 deletions.
diff --git a/templates/accounts/login.html → accounts/templates/login.html b/templates/accounts/login.html → accounts/templates/login.html
diff --git a/accounts/templates/logout.html b/accounts/templates/logout.html
@@ -0,0 +1,8 @@
+{% extends 'base.html' %}
+
+{% block title %}Logout{% endblock %}
+
+{% block content %}
+<h2>You have been logged out.</h2>
+<p><a href="{% url 'home' %}">Return to Home</a></p>
+{% endblock %}
diff --git a/accounts/templates/profile.html b/accounts/templates/profile.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>User Profile</title>
+    {% load static %}
+    <link rel="stylesheet" href="{% static 'accounts/styles.css' %}">
+</head>
+<body>
+    <header>
+        <h1>{{ user.username }}'s Profile</h1>
+    </header>
+    <main>
+        <p>Email: {{ user.email }}</p>
+        <p>First Name: {{ user.first_name }}</p>
+        <p>Last Name: {{ user.last_name }}</p>
+    </main>
+</body>
+</html>
diff --git a/templates/accounts/signup.html → accounts/templates/signup.html b/templates/accounts/signup.html → accounts/templates/signup.html
diff --git a/templates/accounts/user_create.html → accounts/templates/user_create.html b/templates/accounts/user_create.html → accounts/templates/user_create.html
diff --git a/templates/accounts/user_delete.html → accounts/templates/user_delete.html b/templates/accounts/user_delete.html → accounts/templates/user_delete.html
diff --git a/templates/accounts/user_detail.html → accounts/templates/user_detail.html b/templates/accounts/user_detail.html → accounts/templates/user_detail.html
diff --git a/templates/accounts/user_list.html → accounts/templates/user_list.html b/templates/accounts/user_list.html → accounts/templates/user_list.html
diff --git a/templates/accounts/user_update.html → accounts/templates/user_update.html b/templates/accounts/user_update.html → accounts/templates/user_update.html
diff --git a/accounts/views.py b/accounts/views.py
@@ -13,13 +13,19 @@
 from .models import CustomUser, Follow, Post
 from .forms import CustomUserCreationForm, CustomUserChangeForm
 from django.shortcuts import render
-from django.shortcuts import render
 from django.contrib.auth.forms import AuthenticationForm
+from django.contrib.auth import logout
+
 
 def home(request):
     return render(request, 'home.html')
 
 
+
+def accounts_home(request):
+    return redirect('login')  # Redirects to the login page
+
+
 def home(request):
     return render(request, 'home.html')
 
@@ -71,7 +77,7 @@ def user_profile(request, user_id):
         'followers': followers,
         'following': following,
     }
-    return render(request, 'accounts/profile.html', context)
+    return render(request, 'accounts/profile.html', {'user': user})
 
 def login_view(request):
     form = AuthenticationForm(data=request.POST or None)
@@ -80,14 +86,16 @@ def login_view(request):
         login(request, user)
         next_url = request.GET('next', 'home')
         return redirect('home')
-
     return render(request, 'login.html', {'form': form})
 
 
-def logout_view(request): 
-    if request.method == 'POST': 
-        logout(request) 
+def logout_view(request):
+    if request.method == 'POST':
+        logout(request)
         return redirect('home')
+    else:
+        return redirect('home')  # Redirect to home if not POST request
+
 
 
 def signup(request):

diff --git a/...tes/notifications/notifications_list.html → ...cations/templates/notifications_list.html b/...tes/notifications/notifications_list.html → ...cations/templates/notifications_list.html
diff --git a/templates/posts/feed.html → posts/templates/feed.html b/templates/posts/feed.html → posts/templates/feed.html
diff --git a/templates/posts/post_create.html → posts/templates/post_create.html b/templates/posts/post_create.html → posts/templates/post_create.html
diff --git a/templates/posts/post_detail.html → posts/templates/post_detail.html b/templates/posts/post_detail.html → posts/templates/post_detail.html
diff --git a/templates/posts/post_list.html → posts/templates/post_list.html b/templates/posts/post_list.html → posts/templates/post_list.html
diff --git a/templates/posts/post_update.html → posts/templates/post_update.html b/templates/posts/post_update.html → posts/templates/post_update.html
diff --git a/social_media_api/__pycache__/settings.cpython-313.pyc b/social_media_api/__pycache__/settings.cpython-313.pyc
diff --git a/social_media_api/settings.py b/social_media_api/settings.py
@@ -31,7 +31,11 @@
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
 
-ALLOWED_HOSTS = ['social-media-api-a5m3.onrender.com', '127.0.0.1:8000']
+ALLOWED_HOSTS = [
+    'localhost',
+    '127.0.0.1',
+    'social-media-api-a5m3.onrender.com', 
+]
 
 
 # Application definition
@@ -122,8 +126,8 @@
 # settings.py
 
 
-DATABASES = {
-    'default': dj_database_url.config(conn_max_age=600)
+DATABASES = { 
+    'default': dj_database_url.config(default=config('DATABASE_URL')) 
 }
 
 

diff --git a/social_media_api/urls.py b/social_media_api/urls.py
@@ -25,8 +25,7 @@
     path('api/accounts/', include('accounts.urls')),
     path('api/notifications/', include('notifications.urls')),
     path('api/posts/', include('posts.urls')),
-    path('', home_view, name='home'),
-    path('accounts', include('allauth.urls'))
+    path('accounts', include('allauth.urls')),
 ]
 
 if settings.DEBUG:

diff --git a/staticfiles/home/styles.css b/staticfiles/home/styles.css
@@ -0,0 +1,32 @@
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  background-color: #f9f9f9;
+}
+
+header {
+  background-color: #333;
+  color: #fff;
+  padding: 1em;
+  text-align: center;
+}
+
+h1 {
+  color: #333;
+}
+
+nav ul {
+  list-style: none;
+  padding: 0;
+}
+
+nav li {
+  display: inline;
+  margin-right: 1em;
+}
+
+nav a {
+  color: #fff;
+  text-decoration: none;
+}
diff --git a/templates/accounts/profile.html b/templates/accounts/profile.html
diff --git a/templates/base.html b/templates/base.html
@@ -16,9 +16,13 @@
                 <li><a href="/api/accounts/">Accounts API</a></li>
                 <li><a href="/api/notifications/">Notifications API</a></li>
                 <li><a href="/api/posts/">Posts API</a></li>
-                <li><a href="/accounts/">Accounts</a></li>
                 {% if user.is_authenticated %}
-                    <li><a href="{% url 'logout' %}">Sign Out</a></li>
+                    <li>
+                        <form action="{% url 'logout' %}" method="post" style="display:inline;">
+                            {% csrf_token %}
+                            <button type="submit" style="background:none; border:none; color:inherit; cursor:pointer; font:inherit; padding:0;">Sign Out</button>
+                        </form>
+                    </li>
                 {% else %}
                     <li><a href="{% url 'signup' %}">Sign Up</a></li>
                     <li><a href="{% url 'login' %}">Sign In</a></li>
@@ -40,9 +44,12 @@
                 <li><a href="/api/accounts/">Accounts API</a></li>
                 <li><a href="/api/notifications/">Notifications API</a></li>
                 <li><a href="/api/posts/">Posts API</a></li>
-                <li><a href="/accounts/">Accounts</a></li>
                 {% if user.is_authenticated %}
-                    <li><a href="{% url 'logout' %}">Sign Out</a></li>
+                        <form action="{% url 'logout' %}" method="post" style="display:inline;">
+                            {% csrf_token %}
+                            <button type="submit" style="background:none; border:none; color:inherit; cursor:pointer; font:inherit; padding:0;">Sign Out</button>
+                        </form>
+                    </li>
                 {% else %}
                     <li><a href="{% url 'signup' %}">Sign Up</a></li>
                     <li><a href="{% url 'login' %}">Sign In</a></li>