migrate to vue3; autocomplete still needs work

aircox_streamer/aircox/locale/fr/LC_MESSAGES/django.po

@@ -0,0 +1,130 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2020-01-06 14:14+0100\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n > 1);\n"
+
+#: models.py:37
+msgid "input"
+msgstr ""
+
+#: models.py:38
+msgid "output"
+msgstr ""
+
+#: models.py:56
+msgid "station"
+msgstr ""
+
+#: models.py:58
+msgid "direction"
+msgstr ""
+
+#: models.py:59
+msgid "type"
+msgstr ""
+
+#: models.py:61
+msgid "active"
+msgstr ""
+
+#: models.py:62
+msgid "this port is active"
+msgstr ""
+
+#: models.py:65
+msgid "port settings"
+msgstr ""
+
+#: models.py:66
+msgid ""
+"list of comma separated params available; this is put in the output config "
+"file as raw code; plugin related"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:19
+msgid "Synchronize source with Liquidsoap"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:23
+msgid "Synchronise"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:26
+msgid "Restart current track"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:30
+msgid "Restart"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:33
+msgid "Skip current file"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:34
+msgid "Skip"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:43
+msgid "Add sound"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:51
+msgid "Select a sound"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:53
+msgid "Add a sound to the queue (queue may start playing)"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:62
+msgid "Add"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:68
+msgid "Sounds in queue"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:86
+msgid "Status"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:96
+msgid "Air time"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:106
+msgid "Time left"
+msgstr ""
+
+#: templates/aircox_streamer/source_item.html:114
+msgid "Data source"
+msgstr ""
+
+#: templates/aircox_streamer/streamer.html:19
+msgid "Reload"
+msgstr ""
+
+#: templates/aircox_streamer/streamer.html:26
+#: templates/aircox_streamer/streamer.html:27
+msgid "Select a station"
+msgstr ""
+
+#: urls.py:9 views.py:9
+msgid "Streamer Monitor"
+msgstr ""

aircox_streamer/templates/aircox_streamer/source_item.html

@@ -51,10 +51,9 @@
             <form class="columns" @submit.prevent="source.push($event.target.elements['sound_id'].value)">
                 <div class="column field is-small">
                     {# TODO: select station => change the shit #}
-                    <a-autocomplete url="{% url "aircox:sound-list" %}?station={{ station.pk }}&search=${query}"
-                        class="is-fullwidth"
-                        :model="Sound" field="name" value-field="sound_id" value-attr="id"
-                        {# FIXME dirty hack awaiting the vue component #}
+                    <a-autocomplete class="is-fullwidth"
+                        url="{% url "aircox:sound-list" %}?station={{ station.pk }}&search=${query}"
+                        name="sound_id" :model="Sound" field="path" value-field="id"
                         placeholder="{% trans "Select a sound" %}"></a-autocomplete>
                     <p class="help">
                     {% trans "Add a sound to the queue (queue may start playing)" %}

aircox_streamer/templates/aircox_streamer/streamer.html

@@ -6,9 +6,14 @@
 <script src="{% static "aircox/streamer.js" %}"></script>
 {% endblock %}
 
+{% block init-scripts %}
+aircox.init({apiUrl: "{% url "admin:api:streamer-list" %}"},
+            {config: window.StreamerApp})
+{% endblock %}
+
 {% block content %}
 {{ block.super }}
-<div id="app" v-if="streamers" data-api-url="{% url "admin:api:streamer-list" %}">
+<div id="app" api-url="{% url "admin:api:streamer-list" %}">
     <div class="navbar toolbar">
         <div class="navbar-start">
             <span class="navbar-item control">
@@ -22,7 +27,7 @@
         </div>
         <div class="navbar-end">
             <div class="select navbar-item">
-                <select ref="selectStreamer" onchange="selectStreamer" class="control"
+                <select onchange="selectStreamer" class="control"
                         title="{% trans "Select a station" %}"
                         aria-label="{% trans "Select a station" %}">
                     <option v-for="streamer of streamers" :value="streamer.id">[[ streamer.data.name ]]</option>
@@ -39,7 +44,3 @@
 </div>
 {% endblock %}
 
-{% block outside_bottom %}
-<div id="player">{% include "aircox/widgets/player.html" %}</div>
-{% endblock %}
-