Мелочи по визуалу

src/views/list.twig

@@ -75,5 +75,55 @@
 {% endblock %}
 
 {% block footer %}
-    <script src="{{ base_url('js/checker.js') }}"></script>
+    <script>
+        document.querySelectorAll('tr.pls').forEach((tr) => {
+            const id = tr.attributes['data-playlist-id'].value
+            const xhr = new XMLHttpRequest()
+            xhr.responseType = 'json'
+            xhr.timeout = 60000 // ms = 1 min
+            let el_status = tr.querySelector('span.status')
+            let el_count = tr.querySelector('td.count')
+            xhr.onreadystatechange = () => {
+                if (xhr.readyState === XMLHttpRequest.DONE) {
+                    console.log('[' + id + '] DONE', xhr.response)
+                    el_status.classList.remove('bg-secondary')
+                    el_status.innerText = xhr.response.status
+                    el_count.innerText = xhr.response?.count ?? 0
+                    switch (xhr.response.status) {
+                        case 'online':
+                            el_status.classList.add('bg-success')
+                            break
+                        case 'timeout':
+                            el_status.classList.add('bg-warning')
+                            break
+                        default:
+                            el_status.classList.add('bg-danger')
+                            break
+                    }
+                    if (xhr.response.error) {
+                        el_status.title = '[' + xhr.response.error.code + '] ' + xhr.response.error.message
+                    }
+                }
+            }
+            xhr.onerror = () => {
+                console.log('[' + id + '] ERROR', xhr.response)
+                el_status.classList.add('bg-danger')
+                el_status.innerText = 'error'
+                el_count.innerText = 0
+            }
+            xhr.onabort = () => {
+                console.log('[' + id + '] ABORTED', xhr.response)
+                el_status.classList.add('bg-secondary')
+                el_count.innerText = 0
+            }
+            xhr.ontimeout = () => {
+                console.log('[' + id + '] TIMEOUT', xhr.response)
+                el_status.classList.add('bg-secondary')
+                el_status.innerText = 'timeout'
+                el_count.innerText = 0
+            }
+            xhr.open('GET', '/' + id + '/json')
+            xhr.send()
+        })
+    </script>
 {% endblock %}