add badges

app/templates/users/settings.html

@@ -53,6 +53,16 @@
         <input class="warn" type="submit" value="Change password">
       </form>
     </fieldset>
+    <fieldset>
+      <legend>Badges</legend>
+      <a href="{{ url_for('guides.guide_page', category='user-guides', slug='settings', _anchor='badges')}}">Badges help</a>
+      <bitty-7-0 data-connect="{{ '/static/js/bitties/pyrom-bitty.js' | cachebust }} BadgeEditorForm" data-listeners="click input submit change">
+        <form data-use="badgeEditorPrepareSubmit" data-init='loadBadgeEditor' data-receive='addBadge' method='post' enctype='multipart/form-data' action='{{ url_for('users.save_badges', username=active_user.username) }}'>
+          <div>Loading badges&hellip;</div>
+          <div>If badges fail to load, JS may be disabled.</div>
+        </form>
+      </bitty-7-0>
+    </fieldset>
   </div>
   <div>
     <a class="linkbutton critical" href="{{ url_for('users.delete_page', username=active_user.username) }}">Delete account</a>

app/templates/users/user.html

@@ -1,4 +1,4 @@
-{% from 'common/macros.html' import timestamp %}
+{% from 'common/macros.html' import timestamp, badge_button %}
 {% extends 'base.html' %}
 {% block title %}{{ target_user.get_readable_name() }}'s profile{% endblock %}
 {% block content %}
@@ -54,6 +54,11 @@
         Signature:
         <div>{{ target_user.signature_rendered | safe }}</div>
       {% endif %}
+      <div class="badges-container">
+        {% for badge in target_user.get_badges() %}
+        {{ badge_button(badge) }}
+        {% endfor %}
+      </div>
     </div>
   </div>
   <div class="user-page-stats">