Алексей Юдов

Потому что вы объявили константу entry как пустой объект и вернули её. То что в forEach что то делаете не касается этой константы. От сюда и вывод.

Добавлю к этому вопросу решение, к которому в итоге пришли.
Я изначально выбрал неправильный подход для скачивания файлов через JavaScript, поэтому все задачи с этим связанные перенес на бэк. Таким образом на бэк просто передаю ссылку на нужный файл и делаю запрос с бэка для скачивания. Авторизацию прохожу за счет добавления заголовка "Authorization: Bearer <api token from cookie>" в запросе.

Можно так попробовать, но в целом у меня глаза болят от такой реализации

Получить координаты элемента и Координаты в документе

Не могу сказать что этот пример хорошо реализован, однако вам стоит смотреть в сторону табов. Код с добавлением класса active можно исключить прописав в css стили примерно так:

.my-container-class[data-toggle="true"] { background: red }
.my-container-class[data-toggle="false"] { background: none }

$(".groups tr").click(function(){
	$(this).css( "background", "red" );
})

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

Устанавливайте node, разворачивайте webpack или gulp/grunt для того чтобы можно было биндить модули в общий файл script.js

Использовать require / import / export без компоновщика бесполезно, браузер не поймет.

Что такое webpack?

Видео WebPack:
https://www.youtube.com/watch?v=y5zxAriT0UA
https://www.youtube.com/watch?v=mU_vRythpgY

Учитесь гуглить...

$(document).click( function( e ) {
  if( !$( ".my-window" ).is( e.target ) ) {
    // your code, if the click wasn't aboard the "window", e.g. hide the window below
    // ...
  }
} )

function foo (...args) {
	console.log(...args)
}

foo(1, 2, 3, 4)

window.location.href = "https://some_link.here/to/go/there"

Причем тут табы и модалки? Сделайте просто функцию генерации модалки. Передавайте в неё нужный контент и вставляйте сбилженую модалку в какой нибудь <div id="my-modal-box"></div>

Вот простой пример:
HTML

<button id="btn-1">First button</button>
<button id="btn-2">Second button</button>
<div id="my-modal-box">
  This is may be modal window component, use css ...
</div>

JS

function buildModal(containerID, content) {
  document.getElementById(containerID).innerHTML = content;
}

document.getElementById("btn-1").onclick - function() {
  buildModal("my-modal-box", "Content from first button")
}

document.getElementById("btn-2").onclick - function() {
  buildModal("my-modal-box", "Content from second button")
}

/* showModal() and hideModal() write yourself */

Вообщем, вот пример того как можно быстро выводить все ваши данные через vuejs:


советую начать изучать реактивное программирование (react, vue, etc.), дабы облегчить свои страдания. ( Инфы в инете полным полно , офф дока тоже хорошая )

Online:
The best: jsfiddle
2: codepen
3: playcode

Offline:
The best: Sublime Text 3
2: VS Code
3: Atom ( чувствителен к плагинам )

Вот хороший вариант. Изменить стиль не составит труда.

Потому что это размеры окна браузера или размеры элемента с учетом внешних отступов.
Используйте clientWidth

Использование localStorage для тестов неплохо, но я бы на вашем месте переписал это все в объект для каждого таймера. Благо ES6 даст вам понятную классовую обертку.

Можете тут создавать сколько влезет независимых таймеров.



Что касается нескольких таймеров, то вот тут специалист очень хорошо объясняет как работает js и его внутренний механизм под названием event loop.

Нужна точка отсчета для использования ваше упомянутого debouncing метода. Для этого можно использовать "печенюхи", которые в данной задаче бесполезны, так как их можно просто удалить и снова закидывать сервер запросами ( 1 запрос * 5000 запросов ). А можно писать логи прям на сервере и парсить их скриптом, который будет является чем-то вроде "proxy" и сам будет знать когда ему отвлекаться на запросы пользователя, а когда "попросить подождать".

JavaScript-ом проверяем есть ли у текущего пункта меню подпункты, если да, то рядом с текущим пунктом вставляем кнопку с определенным классом, на который вешаем обработчик события раскрытия контейнера с дочерними подпунктами.

Писать готовое решение никто не будет.

В вашем случае думаю ID не нужны. Обработчик вешайте на класс ( меняйте "#" на "." в PHP и JS ), можете проверить с помощью JS наличие комментов, чтобы не выводить пустой блок, а например написать "Комментов нет".

Выполняете в cmd такую командуnpm install gulp@3.9.0
Проверяете версию, должна быть 3.9.0 gulp --v
Проверяете заработал ли gulp-file.