From cda687294ec2e10f234c373877eeb7d43bae4740 Mon Sep 17 00:00:00 2001
From: n9k <originalcocaineninja@protonmail.com>
Date: Wed, 9 Mar 2022 03:39:43 +0000
Subject: [PATCH] Nojs chat: fix users names/tripcodes having wrong colors

---
 anonstream/templates/nojs_chat_messages.html | 24 ++++++++++----------
 anonstream/templates/nojs_chat_users.html    | 18 +++++++--------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/anonstream/templates/nojs_chat_messages.html b/anonstream/templates/nojs_chat_messages.html
index e9e95ce..5f3b3d2 100644
--- a/anonstream/templates/nojs_chat_messages.html
+++ b/anonstream/templates/nojs_chat_messages.html
@@ -136,14 +136,14 @@
     }
 
     {% for token in messages | map(attribute='token') | list | unique %}
-      {% with user = users_by_token[token] %}
-        [data-token-hash="{{ user.token_hash }}"] > .chat-message__name {
-          color: {{ user.color }};
+      {% with this_user = users_by_token[token] %}
+        [data-token-hash="{{ this_user.token_hash }}"] > .chat-message__name {
+          color: {{ this_user.color }};
         }
-        {% if user.tripcode %}
-          [data-token-hash="{{ user.token_hash }}"] > .tripcode {
-            background-color: {{ user.tripcode.background_color }};
-            color: {{ user.tripcode.foreground_color }};
+        {% if this_user.tripcode %}
+          [data-token-hash="{{ this_user.token_hash }}"] > .tripcode {
+            background-color: {{ this_user.tripcode.background_color }};
+            color: {{ this_user.tripcode.foreground_color }};
           }
         {% endif %}
       {% endwith %}
@@ -161,15 +161,15 @@
   </aside>
   <ol id="chat-messages">
     {% for message in messages | reverse %}
-      <li class="chat-message" data-seq="{{ message.seq }}" data-token-hash="{{ user.token_hash }}">
-        {% with user = users_by_token[message.token] %}
+      {% with this_user = users_by_token[message.token] %}
+        <li class="chat-message" data-seq="{{ message.seq }}" data-token-hash="{{ this_user.token_hash }}">
           <time class="chat-message__time" datetime="{{ message.date }}T{{ message.time_seconds }}Z" title="{{ message.date }} {{ message.time_seconds }}">{{ message.time_minutes }}</time>
           {{- '&nbsp;' | safe -}}
-          {{ appearance(user, insignia_class='chat-message__insignia', name_class='chat-message__name', tag_class='chat-message__name__tag') }}
+          {{ appearance(this_user, insignia_class='chat-message__insignia', name_class='chat-message__name', tag_class='chat-message__name__tag') }}
           {{- ': ' -}}
           <span class="chat-message__markup">{{ message.markup }}</span>
-        {% endwith %}
-      </li>
+        </li>
+      {% endwith %}
     {% endfor %}
   </ol>
   <aside id="timeout-dismiss">
diff --git a/anonstream/templates/nojs_chat_users.html b/anonstream/templates/nojs_chat_users.html
index 0ab12a4..1d5235f 100644
--- a/anonstream/templates/nojs_chat_users.html
+++ b/anonstream/templates/nojs_chat_users.html
@@ -86,14 +86,14 @@
       cursor: default;
     }
 
-    {% for user in users_watching + users_notwatching %}
-      [data-token-hash="{{ user.token_hash }}"] > .user__name {
-        color: {{ user.color }};
+    {% for user_listed in users_watching + users_notwatching %}
+      [data-token-hash="{{ user_listed.token_hash }}"] > .user__name {
+        color: {{ user_listed.color }};
       }
-      {% if user.tripcode %}
-        [data-token-hash="{{ user.token_hash }}"] > .tripcode {
-          background-color: {{ user.tripcode.background_color }};
-          color: {{ user.tripcode.foreground_color }};
+      {% if user_listed.tripcode %}
+        [data-token-hash="{{ user_listed.token_hash }}"] > .tripcode {
+          background-color: {{ user_listed.tripcode.background_color }};
+          color: {{ user_listed.tripcode.foreground_color }};
         }
       {% endif %}
     {% endfor %}
@@ -110,7 +110,7 @@
     <h5>Watching ({{ users_watching | length }})</h5>
     <ul>
       {% for user_listed in users_watching %}
-        <li class="user" data-token-hash="{{ user.token_hash }}">
+        <li class="user" data-token-hash="{{ user_listed.token_hash }}">
           {{- appearance(user_listed, insignia_class='user__insignia', name_class='user__name', tag_class='user__name__tag') -}}
           {%- if user.token == user_listed.token %} (You){% endif -%}
         </li>
@@ -120,7 +120,7 @@
     <h5>Not watching ({{ users_notwatching | length }})</h5>
     <ul>
       {% for user_listed in users_notwatching %}
-        <li class="user" data-token-hash="{{ user.token_hash }}">
+        <li class="user" data-token-hash="{{ user_listed.token_hash }}">
           {{- appearance(user_listed, insignia_class='user__insignia', name_class='user__name', tag_class='user__name__tag') -}}
           {%- if user.token == user_listed.token %} (You){% endif -%}
         </li>