- various __all__

- serializer: track search, reorder module files
- autocomplete: allow simple string value selection
- playlist editor:
    - ui & flow improve
    - init data
    - save user settings
    - autocomplete
    - fix bugs
    - discard changes

aircox/templates/admin/aircox/playlist_inline.html

@@ -1,17 +1,16 @@
 {% comment %}Inline block to edit playlists{% endcomment %}
 {% load aircox aircox_admin static i18n %}
 
-{# include "adminsortable2/edit_inline/tabular-django-4.1.html" #}
 {% with inline_admin_formset as admin_formset %}
 {% with admin_formset.formset as formset %}
 
-<script id="{{ formset.prefix }}-init-data">
-{{ formset|inline_data|json }}
-</script>
 <div id="inline-tracks" class="box mb-5">
     {{ admin_formset.non_form_errors }}
 
-    <a-playlist-editor data-el="{{ formset.prefix }}-init-data"
+    <a-playlist-editor
+            :labels="{% track_inline_labels %}"
+            :init-data="{% track_inline_data formset=formset %}"
+            settings-url="{% url "api:user-settings" %}"
             data-prefix="{{ formset.prefix }}-">
         <template #title>
             <h5 class="title is-4">{% trans "Playlist" %}</h5>
@@ -57,13 +56,21 @@
         {% if not field.widget.is_hidden and not field.is_readonly %}
         <template v-slot:row-{{ field.name }}="{item,col,row,value,attr,emit}">
             <div class="field">
+                {% if field.name in 'artist,title,album' %}
+                <a-autocomplete
+                        :input-class="['input', item.error(attr) ? 'is-danger' : 'half-field']"
+                        url="{% url 'api:track-autocomplete' %}?{{ field.name }}=${query}&field={{ field.name }}"
+                {% else %}
                 <div class="control">
                     <input type="{{ widget.type }}"
                         :class="['input', item.error(attr) ? 'is-danger' : 'half-field']"
+                {% endif %}
                         :name="'{{ formset.prefix }}-' + row + '-{{ field.name }}'"
                         v-model="item.data[attr]"
                         @change="emit('change', col)"/>
+                {% if field.name not in 'artist,title,album' %}
                 </div>
+                {% endif %}
                 <p v-for="error in item.error(attr)" class="help is-danger">
                     [[ error ]] !
                 </p>