MamaLuyba

если надо только после полного выезда сворачивать другой, то просто добавь переменную inTransion, например. и пока она true - ниче не сворачивать.

stopImmediatePropagation

раз у тебя async, можно предположить, что перед обоими методами нужен await

в общем, чтобы мозги не напрягать - сделай проще: после загрузки страницы добавь класс к этому лого. в классе выстави нужные значения и задай анимацию перемещения - transition: 0,5s

пиши обработчик на "keydown", и вручную задавай форматирование. но сразу скажу - дело это неблагодарное.

вебсокеты

вопрос из разряда: "как сделать так, чтобы моя собака на меня не лаяла?". мы откуда должны знать, почему карточка закрывается? очевидно, так прописано в коде. и это место надо подправить.

что не обрабатывает? addEventListener? такого быть не может? CPABuildLock? так кто знает, что там у тебя написано. iOS к коду придирчив - что не так, сразу до свидания.

делаешь кнопку "Сохранить" - и все проблемы решены. без нажатия ничего никуда не отправлять.

стоит начать с того, что использовать локальное хранилище для передачи данных - это сосо. надо использовать сервисы, хотя бы.
и, как уже упомянули, Observable - асинхронный, и работать с ним надо соответственно.

если собираешься создавать блоки динамически - вешай обработчик сразу там. если в шаблоне - вешай click, в который передавай event, в котором и будет нужный блок.
ну, или как посоветовали выше, нужные уникальные идентификаторы блоков.

возьми любой js-фреймворк и не изобретай велосипеды.

дык так же и ставь: либо пробежался по массиву и поставил на паузу все, кроме выбранного, либо через селектор выбери те, которые проигрываются и их на паузу.

как у тебя setInterval может не работать корректно?

const interval = setInterval(() => {
const element = document.getElementsByClassName(" class")[0];
if (element) {
element.click();
clearInterval(interval);
}
}, 500)

Да. Получаешь тэг элемента, и если это нужный - не выполняешь замену.

Хз насчет джанго, но вообще логика такова: вешаешь 'onmouseover' на каждого исполнителя, получаешь в сработавшем событии данные (id, innerText - на выбор), по этим данным отбираешь нужные треки и закидываешь их в правый столбец.

Плавно - это transition, появление - это анимация. Осталось только проверить, что элемент в фокусе (тут через скрипты).

Чтобы делить общий код, можно воспользоваться worker-ом. Но для текущей даты это и не требуется - она всегда будет одинакова в момент времени.
Перед тем, как искать элемент на странице, нужно убедиться, что страница полностью загрузилась, т.е. нужно слушать DOMContentLoaded.
По поводу слайдеров: либо смотреть адрес страницы и запускать только на нужных, либо опять-таки - искать элемент слайдера.

Дык чтобы было в формате "DD-MM-YYYY", и надо в такой формат переводить: moment(value).format('DD-MM-YYYY')