added avatar logo, based off name/username

This commit is contained in:
Philippe Loctaux 2023-04-14 09:21:46 +02:00
parent 6b911f0f69
commit 03eb2c9da9
5 changed files with 33 additions and 6 deletions

View file

@ -1,5 +1,7 @@
{% extends "base" %} {% extends "base" %}
{% import "utils/avatar" as avatar %}
{% block page %} {% block page %}
<body class=" d-flex flex-column"> <body class=" d-flex flex-column">
<script src="/js/demo-theme.min.js"></script> <script src="/js/demo-theme.min.js"></script>
@ -25,8 +27,7 @@
<form action="" method="post" autocomplete="off" novalidate class="mt-4"> <form action="" method="post" autocomplete="off" novalidate class="mt-4">
{% if user %} {% if user %}
<div class="mb-4 text-center"> <div class="mb-4 text-center">
<span class="avatar avatar-xl mb-3" {{ avatar::avatar(username=user.username, name=user.name, size="xl", css="mb-3") }}
style="background-image: url(/avatar/{{ user.sub }}?size=250)"></span>
<h3> <h3>
{% if user.name %} {% if user.name %}
{{ user.name }} {{ user.name }}

View file

@ -1,5 +1,7 @@
{% extends "base" %} {% extends "base" %}
{% import "utils/avatar" as avatar %}
{% block page %} {% block page %}
<body class=" d-flex flex-column"> <body class=" d-flex flex-column">
<script src="/js/demo-theme.min.js"></script> <script src="/js/demo-theme.min.js"></script>
@ -17,8 +19,7 @@
<p class="text-muted">Preparing application</p> <p class="text-muted">Preparing application</p>
</div> </div>
<div class="mb-4"> <div class="mb-4">
<span class="avatar avatar-xl mb-3" {{ avatar::avatar(username=username, name=name, size="xl", css="mb-3") }}
style="background-image: url(/avatar/{{ user_id }}?size=250)"></span>
<h3> <h3>
{% if name %} {% if name %}
{{ name }} {{ name }}

View file

@ -1,4 +1,7 @@
{% extends "base" %} {% extends "base" %}
{% import "utils/avatar" as avatar %}
{% block page %} {% block page %}
<body> <body>
<script src="/js/demo-theme.min.js"></script> <script src="/js/demo-theme.min.js"></script>

View file

@ -11,8 +11,7 @@
<div class="nav-item dropdown"> <div class="nav-item dropdown">
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown"
aria-label="Open user menu"> aria-label="Open user menu">
<span class="avatar avatar-sm" {{ avatar::avatar(username=user.username, name=user.name, size="sm", css="") }}
style="background-image: url(/avatar/{{ user.sub }}?size=250)"></span>
<div class="d-none d-xl-block ps-2"> <div class="d-none d-xl-block ps-2">
{% if user.name %} {% if user.name %}
<div>{{ user.name }}</div> <div>{{ user.name }}</div>

View file

@ -0,0 +1,23 @@
{% macro avatar(username, name, size, css) %}
{% if name %}
{% set name_array = name | split(pat=" ") %}
{% set first_name_array = name_array | first | split(pat="") %}
{% set last_name_array = name_array | last | split(pat="") %}
{% set avatar = first_name_array[1] ~ last_name_array[1] %}
{% else %}
{% set username_array = username | split(pat="") %}
{% set username_array_rev = username_array | reverse %}
{% set avatar = username_array[1] ~ username_array_rev[1] %}
{% endif %}
<span class="avatar avatar-{{ size }} {{ css }}">
{{ avatar }}
</span>
{% endmacro avatar %}