improve fbl partial

fbl_integration/models.py

···
     created_at = models.DateTimeField(auto_now_add=True)
     status = models.CharField(max_length=64)
 
+    def tags_list(self):
+        return self.tags_secured.split(',')
+
     @classmethod
     def create_user(cls, username) -> PawUser:
         if not PawUser.objects.filter(username=username).exists():

fbl_integration/templates/partials/attendee_info.html

···
 {% block attendee_info %}
 {% load i18n %}
+{% if fbl_account %}
 <h2 class="font-semibold text-xs mt-4 mb-2">{% trans 'Rawrgister Info' %}</h2>
-<div class="text-sm">
-{{ fbl_account.username }} <div class="ml-2 badge badge-neutral">#{{ fbl_account.badge_number }}</div>
 
-{% trans 'Status' %}: <div class="ml-2 badge badge-neutral">{{ fbl_account.status }}</div>
+<div class="text-sm flex flex-col">
+    <div class="my-1 flex items-center">
+        {{ fbl_account.username }} <div class="ml-2 badge badge-accent">#{{ fbl_account.badge_number }}</div>
+    </div>
+    <div class="my-1 flex items-center">
+        <label class="font-semibold text-xs">{% trans 'Status' %}:</label> <div class="ml-2 badge badge-info">{{ fbl_account.status }}</div>
+    </div>
+    <div>
+        <h3 class="font-semibold text-xs my-1">{% trans 'Tags' %}</h3>
+        {% for tag in fbl_account.tags_list %}
+        <div class="badge badge-accent badge-outline mr-2">{{ tag }}</div>
+        {% endfor %}
+    </div>
 </div>
+{% endif %}
 {% endblock %}

paw/__init__.py

···
 from django import get_version
 
 PAW_VERSION = (0, 5, 8, "final", 0)
-FBL_ITERATION = 3
+FBL_ITERATION = 4
 
 __version__ = f"{get_version(PAW_VERSION)}-fbl{FBL_ITERATION}"

paw/static/css/paw.css

···
   color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
 }
 
+.badge-info {
+  border-color: transparent;
+  --tw-bg-opacity: 1;
+  background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
+  --tw-text-opacity: 1;
+  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
+}
+
 .badge-success {
   border-color: transparent;
   --tw-bg-opacity: 1;
···
   background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
   --tw-text-opacity: 1;
   color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
+}
+
+.badge-outline {
+  border-color: currentColor;
+  --tw-border-opacity: 0.5;
+  background-color: transparent;
+  color: currentColor;
 }
 
 .badge-outline.badge-neutral {
···
   color: var(--fallback-n,oklch(var(--n)/var(--tw-text-opacity)));
 }
 
+.badge-outline.badge-primary {
+  --tw-text-opacity: 1;
+  color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
+}
+
+.badge-outline.badge-secondary {
+  --tw-text-opacity: 1;
+  color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
+}
+
 .badge-outline.badge-accent {
   --tw-text-opacity: 1;
   color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
+}
+
+.badge-outline.badge-info {
+  --tw-text-opacity: 1;
+  color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
 }
 
 .badge-outline.badge-success {
···
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
+}
+
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 
 .mb-1 {