Organizations: allow uploading avatar (#614)

https://github.com/user-attachments/assets/37882662-81cf-4f95-a870-6c96d9085bfc

Looks like the error message from file fields is duplicated, I think we
are overriding how we render fields in the new theme somewhere...

Matches readthedocs/readthedocs.org#12254

Author: stsewd

readthedocsext/theme/templates/organizations/partials/header.html

@@ -28,7 +28,7 @@
         {% block organization_header_title %}
           <div class="eight wide computer eight wide tablet sixteen wide mobile middle aligned column">
             <img class="ui micro rounded right spaced inline image"
-                 src="{% gravatar_url organization.email 48 %}"
+                 src="{{ organization.get_avatar_url }}"
                  alt="{% blocktrans trimmed with organization_name=organization.name %}{{ organization_name }} organization{% endblocktrans %}" />
             <a class="ui medium text" href="{{ organization.get_absolute_url }}">
               {{ organization.name }}

readthedocsext/theme/templates/organizations/partials/organization_list.html

@@ -1,11 +1,8 @@
 {% extends "includes/crud/table_list.html" %}
 
-{% load i18n %}
-{% load humanize %}
-{% load gravatar %}
-
-{% load organizations %}
-{% load privacy_tags %}
+{% load trans blocktrans from i18n %}
+{% load has_sso_enabled from organizations %}
+{% load is_admin from privacy_tags %}
 
 {% block top_left_menu_items %}
   <div data-bind="using: FilterView()">
@@ -23,9 +20,11 @@
     {% url "organization_create" as create_url %}
     {% include "includes/crud/create_button.html" with url=create_url text=create_text %}
   {% endif %}
-{% endblock %}
+{% endblock create_button %}
 
-{% block list_placeholder_icon_class %}fad fa-building icon{% endblock %}
+{% block list_placeholder_icon_class %}
+  fad fa-building icon
+{% endblock list_placeholder_icon_class %}
 {% block list_placeholder_header_filtered %}
   {% trans "No matching organizations found" %}
 {% endblock list_placeholder_header_filtered %}
@@ -66,7 +65,9 @@
 {% endblock list_item_right_buttons %}
 
 {% block list_item_image %}
-  <img class="ui image" src="{% gravatar_url object.email 48 %}" />
+  <img class="ui image"
+       src="{{ object.get_avatar_url }}"
+       alt="{% blocktrans trimmed with organization_name=object.name %}{{ organization_name }} organization{% endblocktrans %}" />
 {% endblock list_item_image %}
 
 {% block list_item_header %}
@@ -81,8 +82,7 @@
       {% include "includes/components/config_label.html" with icon="fad fa-user-check" text=text popup=popup %}
     {% endif %}
   </a>
-  <div class="sub header">
-  </div>
+  <div class="sub header"></div>
 {% endblock list_item_header %}
 
 {% block list_item_meta %}
@@ -95,7 +95,8 @@
     {% endblocktrans %}
   </a>
   {% if not object|has_sso_enabled:"allauth" %}
-    <a class="item" href="{% url "organization_team_list" slug=object.slug %}">
+    <a class="item"
+       href="{% url "organization_team_list" slug=object.slug %}">
       {% blocktrans trimmed with team_count=object.teams.count %}
         {{ team_count }} teams
       {% endblocktrans %}

readthedocsext/theme/templates/organizations/settings/organization_edit.html

@@ -15,7 +15,10 @@
 {% endblock organization_edit_content_header %}
 
 {% block organization_edit_content %}
-  <form class="ui form" method="post" action=".">
+  <form class="ui form"
+        method="post"
+        enctype="multipart/form-data"
+        action=".">
     {% csrf_token %}
     {{ form|crispy }}
     <input class="ui primary button" type="submit" value="{% trans "Save" %}" />