Add ajax-select app and improve some templates

core/templates/core/base.jinja

@@ -4,9 +4,9 @@
         {% block head %}
         <title>{% block title %}{% trans %}Welcome!{% endtrans %}{% endblock %}</title>
         <link rel="stylesheet" href="{{ static('core/base.css') }}">
-        <link rel="stylesheet" href="{{ static('core/form.css') }}">
         <link rel="stylesheet" href="{{ static('core/multiple-select.css') }}">
         <link rel="stylesheet" href="{{ static('core/js/ui/jquery-ui.min.css') }}">
+        <link rel="stylesheet" href="{{ static('ajax_select/css/ajax_select.css') }}">
         <link rel="stylesheet" href="{{ static('core/style.css') }}">
         {% endblock %}
     </head>
@@ -70,6 +70,7 @@
         <script src="{{ static('core/js/jquery-3.1.0.min.js') }}"></script>
         <script src="{{ static('core/js/ui/jquery-ui.min.js') }}"></script>
         <script src="{{ static('core/js/multiple-select.js') }}"></script>
+        <script src="{{ static('ajax_select/js/ajax_select.js') }}"></script>
         <script src="{{ static('core/js/script.js') }}"></script>
         <script>
 $('.select_single').multipleSelect({

core/templates/core/macros.jinja

@@ -14,3 +14,24 @@
     <em>{{ user.get_display_name() }}</em>
     </a>
 {%- endmacro %}
+
+{% macro user_mini_profile(user) %}
+<div id="user_profile">
+    <div id="pictures">
+        {% if user.profile_pict %}
+        <img src="{{ user.profile_pict.get_download_url() }}" alt="{% trans %}Profile{% endtrans %}" />
+        {% endif %}
+    </div>
+    <p>{{ user.get_full_name() }}</p>
+    {% if user.nick_name %}
+    <p id="nickname">&laquo; {{ user.nick_name }} &raquo;</p>
+    {% endif %}
+    {% if user.date_of_birth %}
+    <p>{% trans %}Born: {% endtrans %}{{ user.date_of_birth|date("d/m/Y") }}</p>
+    {% endif %}
+    {% if user.promo %}
+    <p><img src="{{ static('core/img/promo_%02d.png' % user.promo) }}" alt="Promo {{ user.promo }}" class="promo_pict" />
+    {% trans %}Promo: {% endtrans %}{{ user.promo }}</p>
+    {% endif %}
+</div>
+{%- endmacro %}

core/templates/core/user_detail.jinja

@@ -6,31 +6,33 @@
 
 {% block infos %}
 
-<div id="user_profile">
-    <div id="pictures">
-        {% if profile.profile_pict %}
-        <img src="{{ profile.profile_pict.get_download_url() }}" alt="{% trans %}Profile{% endtrans %}" />
+<div id="user_profile_container">
+    <div id="user_profile">
+        <div id="pictures">
+            {% if profile.profile_pict %}
+            <img src="{{ profile.profile_pict.get_download_url() }}" alt="{% trans %}Profile{% endtrans %}" />
+            {% endif %}
+            <p><em>{{ profile.quote }}</em></p>
+        </div>
+        <h4>{{ profile.get_full_name() }}</h4>
+        {% if profile.nick_name %}
+        <p id="nickname">&laquo; {{ profile.nick_name }} &raquo;</p>
+        {% endif %}
+        {% if profile.date_of_birth %}
+        <p>{% trans %}Born: {% endtrans %}{{ profile.date_of_birth|date("d/m/Y") }}</p>
+        {% endif %}
+        {% if profile.department != "NA" %}
+        <p>{{ profile.department }}{{ profile.semester }}
+        {% endif %}
+        {% if profile.dpt_option %}
+        <br>{% trans %}Option: {% endtrans %}{{ profile.dpt_option }}
+        {% endif %}
+        </p>
+        {% if profile.promo %}
+        <p><img src="{{ static('core/img/promo_%02d.png' % profile.promo) }}" alt="Promo {{ profile.promo }}" class="promo_pict" />
+        {% trans %}Promo: {% endtrans %}{{ profile.promo }}</p>
         {% endif %}
-        <p><em>{{ profile.quote }}</em></p>
     </div>
-    <h4>{{ profile.get_full_name() }}</h4>
-    {% if profile.nick_name %}
-    <p id="nickname">&laquo; {{ profile.nick_name }} &raquo;</p>
-    {% endif %}
-    {% if profile.date_of_birth %}
-    <p>{% trans %}Born: {% endtrans %}{{ profile.date_of_birth|date("d/m/Y") }}</p>
-    {% endif %}
-    {% if profile.department != "NA" %}
-    <p>{{ profile.department }}{{ profile.semester }}
-    {% endif %}
-    {% if profile.dpt_option %}
-    <br>{% trans %}Option: {% endtrans %}{{ profile.dpt_option }}
-    {% endif %}
-    </p>
-    {% if profile.promo %}
-    <p><img src="{{ static('core/img/promo_%02d.png' % profile.promo) }}" alt="Promo {{ profile.promo }}" class="promo_pict" />
-    {% trans %}Promo: {% endtrans %}{{ profile.promo }}</p>
-    {% endif %}
 </div>
 
 {% if user.membership.filter(end_date=None).exists() or user.is_in_group(settings.SITH_MAIN_BOARD_GROUP) %}

core/templates/core/user_edit.jinja

@@ -6,19 +6,19 @@
 
 {% block infos %}
 <h2>{% trans %}Edit user profile{% endtrans %}</h2>
-<form action="" method="post" enctype="multipart/form-data">
+<form action="" method="post" enctype="multipart/form-data" id="user_edit">
     {% csrf_token %}
     {% for field in form %}
     <p>{{ field.errors }}<label for="{{ field.name }}">{{ field.label }}
     {%- if field.name == "profile_pict" and form.instance.profile_pict -%}
     <br>{% trans %}Current profile: {% endtrans %}
-    <img src="{{ form.instance.profile_pict.get_download_url() }}" title="{% trans %}Profile{% endtrans %}" width="50px" /><br>
+    <img src="{{ form.instance.profile_pict.get_download_url() }}" title="{% trans %}Profile{% endtrans %}" /><br>
     {%- elif field.name == "avatar_pict" and form.instance.avatar_pict -%}
     <br>{% trans %}Current avatar: {% endtrans %}
-    <img src="{{ form.instance.avatar_pict.get_download_url() }}" title="{% trans %}Avatar{% endtrans %}" width="50px" /><br>
+    <img src="{{ form.instance.avatar_pict.get_download_url() }}" title="{% trans %}Avatar{% endtrans %}" /><br>
     {%- elif field.name == "scrub_pict" and form.instance.scrub_pict -%}
     <br>{% trans %}Current scrub: {% endtrans %}
-    <img src="{{ form.instance.scrub_pict.get_download_url() }}" title="{% trans %}Scrub{% endtrans %}" width="50px" /><br>
+    <img src="{{ form.instance.scrub_pict.get_download_url() }}" title="{% trans %}Scrub{% endtrans %}" /><br>
     {%- endif %}</label> {{ field }}</p>
     {% endfor %}
     <p><input type="submit" value="{% trans %}Update{% endtrans %}" /></p>

core/templates/core/user_mini.jinja

@@ -1,19 +1,3 @@
-<div id="user_profile">
-    <div id="pictures">
-        {% if profile.profile_pict %}
-        <img src="{{ profile.profile_pict.get_download_url() }}" alt="{% trans %}Profile{% endtrans %}" />
-        {% endif %}
-    </div>
-    <p>{{ profile.get_full_name() }}</p>
-    {% if profile.nick_name %}
-    <p id="nickname">&laquo; {{ profile.nick_name }} &raquo;</p>
-    {% endif %}
-    {% if profile.date_of_birth %}
-    <p>{% trans %}Born: {% endtrans %}{{ profile.date_of_birth|date("d/m/Y") }}</p>
-    {% endif %}
-    {% if profile.promo %}
-    <p><img src="{{ static('core/img/promo_%02d.png' % profile.promo) }}" alt="Promo {{ profile.promo }}" class="promo_pict" />
-    {% trans %}Promo: {% endtrans %}{{ profile.promo }}</p>
-    {% endif %}
-</div>
+{% from "core/macros.jinja" import user_mini_profile %}
 
+{{ user_mini_profile(profile) }}