ui: avatar uploader

packages/ui-default/templates/home_settings.html

@@ -1,5 +1,20 @@
 {% extends "layout/home_base.html" %}
 {% block home_content %}
+{% if category == "account" %}
+  <div class="section" id="upload_avatar" data-heading-extract-to="#menu-item-home_account" style="nojs--hide">
+    <div class="section__header">
+      <h1 class="section__title" id="avatar" data-heading>{{ _('Avatar') }}</h1>
+    </div>
+    <div class="section__body typo">
+      <p>{{ _('You can also upload your avatar to Gravatar and it will be automatically updated here.')|safe }}</p>
+    </div>
+    <div class="section__body">
+      <img width="128px" height="128px" src="{{ avatarUrl(current.avatar, 128) }}" alt="{{ current.uname }}">
+      <div class="changeAvatar"></div>
+      <button class="change-avatar button rounded primary">{{ _('Change avatar') }}</button>
+    </div>
+  </div>
+{% endif %}
 <div class="section" data-heading-extract-to="#menu-item-home_{{ category }}">
   {% include "partials/setting.html" %}
 </div>