Added edit button for nickname

pages/forms.py

@@ -10,9 +10,13 @@ class UserForm(forms.ModelForm):
     class Meta:
         model = User
         fields = ['profile_photo']
-        label = {
-            'profile_photo': '',
-        }
+
+
+class NicknameForm(forms.ModelForm):
+    class Meta:
+        model = User
+        fields = ['nickname']
+
 
 class KeyForm(forms.ModelForm):
     class Meta:

pages/urls.py

@@ -15,4 +15,5 @@ urlpatterns = [
     path('add_itemT', views.ShowAddItemT, name='add_itemT'),
     path('edit_itemT/<int:pk>', views.ShowEditItemT, name='edit_itemT'),
     path('delete_itemT/<int:pk>', views.ShowDeleteItemT, name='delete_itemT'),
+    path('edit_nickname', views.ShowEditNickname, name='edit_nickname'),
 ]

pages/views.py

@@ -4,6 +4,7 @@ from django.http import HttpResponse
 from .forms import (
     HomeForm,
     UserForm,
+    NicknameForm,
     KeyForm,
     ItemsThisWeekForm,
     ItemsTodayForm,
@@ -49,6 +50,19 @@ def ShowProfile(request):
     return render(request, 'profile.html', context)
 
 
+def ShowEditNickname(request):
+    user = User.objects.get(pk=1)
+    form = NicknameForm(instance=user)
+
+    if request.method == 'POST':
+        form = NicknameForm(request.POST, instance=user)
+        if form.is_valid():
+            form.save()
+            return redirect('profile')
+
+    return render(request, 'edit_nickname.html', {'form': form})
+
+
 def ShowKey(request):
     key_list = Key.objects.all()
     return render(request, 'key.html', {'key_list': key_list})

templates/edit_nickname.html

+{% extends 'base.html' %}
+{% load static %}
+
+{% block title %} Key {% endblock %}
+
+{% block header %} Key {% endblock %}
+
+{% block content %}
+
+<form action='' method='POST'>
+  {% csrf_token %}
+  {{ form }}
+  <input type='submit' name='Submit' value='Save'>
+</form>
+
+{% endblock %}

templates/profile.html

@@ -9,9 +9,13 @@
 
 <div id='profile'>
   <div>
-    <p><b>Nickname:</b> {{ user.nickname }} </p>
+    <p>
+      <b>Nickname:</b>
+      {{ user.nickname }}
+      <a href='{% url 'edit_nickname' %}'><button type='button'>Edit</button></a>
+    </p>
     <br>
-    <p><b>Bio:</b> {{ user.bio }}</p>
+    <p><b>Bio:</b>{{ user.bio }}</p>
   </div>
 
   <div id='image-container'>