Implement avatar rendering logic: add custom tags, template, and styles; update base.html integration and revamp member filter and list designs.

This commit is contained in:
2026-01-10 22:59:11 +01:00
parent 03f8a5eb35
commit 26155de246
11 changed files with 541 additions and 156 deletions

View File

@@ -1,89 +1,20 @@
{% extends "base.html" %}
{% load rules %}
{% block sidebar %}
<div class="section group">
<div class="section-title">Section 1</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
</div>
{% url "backend:members:list" as members_list %}
<div class="section group">
<div class="section-title">Section 1</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
</div>
{% has_perm "members.member_manager" request.user as is_member_manager %}
<div class="section group">
<div class="section-title">Section 1</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
</div>
<div class="section group">
<div class="section-title">Section 1</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
</div>
<div class="section group">
<div class="section-title">Section 2</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
</div>
</div>
<div class="section group">
<div class="section-title">Section 3</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
</div>
</div>
{% comment %}<div class="flex flex-col gap-4 w-full">
<div class="flex flex-col gap-1">
<div class="text-neutral border-b border-neutral font-bold text-sm opacity-40 mb-2">Members</div>
<a class="flex flex-row gap-2 items-center hover:bg-neutral-content rounded-md p-2 cursor-default hover:cursor-pointer">
<i class="fa-solid fa-users"></i>
<span>Members</span>
</a>
<a class="flex flex-row gap-2 items-center hover:bg-neutral-content rounded-md p-2">
<i class="fa-solid fa-users"></i>
<span>Members</span>
</a>
</div>
<div>
<div>Members</div>
<a>
<i class="fa-solid fa-users"></i>
<span>Members</span>
</a>
</div>
</div>
<ul class="menu bg-base-200 rounded-box w-56">
{% if is_member_manager %}
<li class="menu-title">Members</li>
<li class="menu-active">
<a>
<i class="fa-solid fa-users w-5 h-5 mr-2 self-center"></i>Members
</a>
</li>
</ul>{% endcomment %}
<li><a href="{{ members_list }}" {% if members_list in request.path %}class="menu-active"{% endif %}><i class="fa-solid fa-users"></i> Members</a></li>
{% endif %}
<li class="menu-title mt-4">Navigation</li>
<li><a href="#"><i class="fa-solid fa-house"></i> Dashboard</a></li>
<li><a href="#"><i class="fa-solid fa-calendar"></i> Calendar</a></li>
<li><a href="#"><i class="fa-solid fa-users"></i> Members</a></li>
<li><a href="#"><i class="fa-solid fa-gear"></i> Settings</a></li>
{% endblock sidebar %}