edne / airhead-frontend Goto Github PK

Display upload errors, maybe with a pop-up notification

The /api/info endpoint has a greet_message key (I'm considering to rename it in a more descriptive name) that holds human readable information taken from the configuration file.

It would be nice that the message could be styled a little bit (bold, italic, links) rendering it from Markdown to HTML.

Problem: caching - How can I force clients to refresh JavaScript files? - StackOverflow

Solution: burhanloey/cljs-simple-cache-buster: A simple cache buster for lein-cljsbuild

Using lein release to build airhead-cljs doesn't work. Particularly the code being generated does not reflect the latest updates. API calls still points to /api/tracks instead of /api/library and /api/queue instead of /api/playlist.

I don't face this problem building the project with lein figwheel. This command produces the expected results, but it can't be of course used in production.

Optional desktop notifications when the playing track changes, with a button to toggle it.

I'm opnening an issue here since the major work is on the frontend.

An user wants to change the title, the artists, or the album of a track he wants to upload. The user should be able to edit the tags before sending any data to the server.

The user would pick the file from the open file button, three input fields would show up with the current track tags ad defaults. The user would be able to change them and eventually confirm the upload.

Some pointers:

• StackOverflow - JavaScript Play Uploaded Audio
• GitHub - nazar-pc/metadata-audio-parser

Can be done moving the progress bar in the left box, and using the right one for the text

How to reproduce:

• Upload a track
• Before the said track has finished uploading, select and upload another track

Result: https://youtu.be/qIGEdIvn1X0

See airhead#22.

Pressing the + button aside a track in the library doesn't produce any result.

Logs from the JavaScript console:

PUT http://127.0.0.1:8080/api/playlist/ 405 (Method Not Allowed)

core.cljc?rel=1495792754357:550 cljs.core.PersistentArrayMap {meta: null, cnt: 4, arr: Array(8), __hash: null, cljs$lang$protocol_mask$partition0$: 16647951…}arr: Array(8)cljs$lang$protocol_mask$partition0$: 16647951cljs$lang$protocol_mask$partition1$: 8196cnt: 4meta: null__hash: null__proto__: Object
ajax$core$print_error_response @ core.cljc?rel=1495792754357:550
ajax$core$transform_handler_$_easy_handler @ core.cljc?rel=1495792754357:562
ajax.core.js_handler.cljs$core$IFn$_invoke$arity$2 @ core.cljc?rel=1495792754357:472
(anonymous) @ xhrio.cljs?rel=1495792753597:25
goog.events.EventTarget.fireListeners @ eventtarget.js:284
goog.events.EventTarget.dispatchEventInternal_ @ eventtarget.js:381
goog.events.EventTarget.dispatchEvent @ eventtarget.js:196
goog.net.XhrIo.dispatchErrors_ @ xhrio.js:724
goog.net.XhrIo.onReadyStateChangeHelper_ @ xhrio.js:866
goog.net.XhrIo.onReadyStateChangeEntryPoint_ @ xhrio.js:806
goog.net.XhrIo.onReadyStateChange_ @ xhrio.js:790