added avatar logo, based off name/username
This commit is contained in:
parent
6b911f0f69
commit
03eb2c9da9
5 changed files with 33 additions and 6 deletions
|
|
@ -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 }}
|
||||||
|
|
|
||||||
|
|
@ -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 }}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
23
crates/ezidam/templates/utils/avatar.html.tera
Normal file
23
crates/ezidam/templates/utils/avatar.html.tera
Normal 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 %}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue