add profile view of a member

fet2020/members/urls.py

@@ -5,6 +5,7 @@ from . import views
 
 urlpatterns = [
     path('', views.index, name='members'),
-    path('<str:filter>', views.index),
-    path('jobs/<str:slug>', views.index),
+    path('<str:filter>', views.members_view),
+    path('jobs/<str:slug>', views.jobs_view),
+    path('member/<str:member_name>', views.profile_view),
 ]

fet2020/members/views.py

@@ -10,35 +10,76 @@ from rest_framework import permissions
 # from django_filters.rest_framework import DjangoFilterBackend
 
 
-def index(request, slug=None, filter=None):
+def index(request, filter=None):
     job_group = deque(JobGroup.objects.all())
-    job_list = []
     members = None
 
-    if slug is not None:
-        job_names = JobMember.jobs.get_job_names(slug=slug)
-        active_members = JobMember.active_member.get_members_of_job(job_names=job_names)
-        inactive_members = JobMember.inactive_member.get_members_of_job(job_names=job_names)
-
-        for idx, item in enumerate(job_names):
-            job_list.append((job_names[idx], active_members[idx], inactive_members[idx]))
+    if filter is None:
+        members = deque(Member.all_members.all())
+    elif filter in Member.MemberRole:
+        members = deque(Member.all_members.filter(role=filter))
     else:
-        if filter is None:
-            members = deque(Member.all_members.all())
-        elif filter in Member.MemberRole:
-            members = deque(Member.all_members.filter(role=filter))
-        else:
-            members = None
+        members = None
+
+    context = {
+        "job_group": job_group,
+        "members": members,
+    }
+
+    return render(request, 'members/index.html', context)
+
+
+def jobs_view(request, slug=None):
+    job_group = deque(JobGroup.objects.all())
+    job_list = []
+
+    job_names = JobMember.jobs.get_job_names(slug=slug)
+    active_members = JobMember.active_member.get_members_of_job(job_names=job_names)
+    inactive_members = JobMember.inactive_member.get_members_of_job(job_names=job_names)
+
+    for idx, item in enumerate(job_names):
+        job_list.append((job_names[idx], active_members[idx], inactive_members[idx]))
 
     context = {
         "job_group": job_group,
         "job_list": job_list,
+    }
+
+    return render(request, 'members/index.html', context)
+
+
+def members_view(request, filter=None):
+    job_group = deque(JobGroup.objects.all())
+
+    if filter is None:
+        members = deque(Member.all_members.all())
+    elif filter in Member.MemberRole:
+        members = deque(Member.all_members.filter(role=filter))
+    else:
+        members = None
+
+    context = {
+        "job_group": job_group,
         "members": members,
     }
 
     return render(request, 'members/index.html', context)
 
 
+def profile_view(request, member_name=None):
+    job_group = deque(JobGroup.objects.all())
+    member = None
+
+    member = deque(Member.all_members.filter(mailaccount=member_name))
+
+    context = {
+        "job_group": job_group,
+        "member": member,
+    }
+
+    return render(request, 'members/index.html', context)
+
+
 class MemberViewSet(viewsets.ModelViewSet):
     """
     API endpoint that allows users to be viewed or edited.

fet2020/templates/members/index.html

@@ -11,34 +11,38 @@
         <a id="members" data-toggle="tab" href="/members/A">Aktive Mitglieder</a>
         <a id="members" data-toggle="tab" href="/members/P">Inaktive Mitglieder</a>
         {% for job in job_group %}
-        <a id="jobs-{{job.id}}" data-toggle="tab" href="/members/jobs/{{job.slug}}">{{job.name}}</a>
+        <a id="jobs-{{job.slug}}" data-toggle="tab" href="/members/jobs/{{job.slug}}">{{job.name}}</a>
         {% endfor %}
     </ul>
 
     <!-- Tab panes -->
     <div class="tab-content" id="nav-tabContent">
 
+        {% for mem in member %}
+            {% with member=mem %}
+            {% include 'members/partials/_member_details.html' %}
+            {% endwith %}
+        {% endfor %}
+
         <div id="members" class="tab-pane fade in active">
-            {% if members == None %}
-            {% else %}
+            {% if members is not None %}
                 {% include 'members/members_list.html' %}
             {% endif %}
         </div>
 
-        <div id="jobs-{{job.id}}" class="tab-pane">
-            {% if members is None %}
+        {% for job in job_list %}
+            <div id="jobs-{{job.slug}}" class="tab-pane">
+            <div class="grid-container">
 
-                {% for job in job_list %}
-                    {% if job_list|length > 1 %}
-                        <h2>{{job.0}}</h2>
-                    {% endif %}
-                    {% with active_members=job.1 inactive_members=job.2 %}
-                    {% include 'members/jobs_list.html' %}
-                    {% endwith %}
-                {% endfor %}
+                {% if job_list|length > 1 %}
+                    <h2>{{job.0}}</h2>
+                {% endif %}
+                {% with active_members=job.1 inactive_members=job.2 %}
+                {% include 'members/jobs_list.html' %}
+                {% endwith %}
 
-            {% endif %}
-        </div>
+            </div>
+        {% endfor %}
     </div>
 
 </div>

fet2020/templates/members/jobs_list.html

@@ -1,6 +1,4 @@
 
-<div class="grid-container">
-
 Aktuelle Mitglieder: {{active_members.count}}
 <div class="grid-x">
     {% for mem in active_members %}

fet2020/templates/members/members_list.html

@@ -1,6 +1,5 @@
 
 <div class="grid-container">
-    <h1> Mitarbeiter Liste </h1>
     <h2> Grid Style</h2>
     <div class="grid-x">
     {% for member in members %}
@@ -16,11 +15,4 @@
         {% include 'members/partials/_member.html' %}
     {% endfor %}
     </div>
-
-    <h2>Detail List</h2>
-    <div class="grid-container">
-    {% for member in members %}
-        {% include 'members/partials/_member_details.html' %}
-    {% endfor %}
-    </div>
 </div>

fet2020/templates/members/partials/_member.html

@@ -2,7 +2,9 @@
 
 {# only thumb and name of member #}
 {% load thumbnail %}
-<a class="thumbnail member-thumb" style="width:150px;height:150px">
-{% if member.image %}<img src="{{member.image | thumbnail_url:'thumb'}}" />{% endif %}
+<a class="thumbnail member-thumb" href="/members/member/{{member.mailaccount}}" style="width:150px;height:150px">
+{% if member.image %}
+    <img src="{{member.image | thumbnail_url:'thumb'}}" />
+{% endif %}
 <div class="thumb-layer"><div><h1>{{member.nickname}}</h1> <p>{{member.firstname}} {{member.surname}}</p></div></div>
 </a>