map icon window HTML

icon-window-html.js

 const iconWindowHTML = (data, iconsData) => {
        const iconWindowElement = document.createElement('div');
        iconWindowElement.classList.add('card', 'marker-window');

        const iconsHTML = Object.values(iconsData).map(iconData => {
          if(!iconData?.icon){
            return '';
          }
          return `
            <div class="d-flex flex-column align-items-center mr-1">
              ${iconData.icon.outerHTML}
              <div class="m-1">
                ${iconData.value}${iconData.unit}
              </div>
              <div>
                ${iconData.attribute}
              </div>
            </div>`;
          }).join('');

        iconWindowElement.innerHTML = `
            <div class="card-body">
                <h6 class="card-title">${data.name}</h6>
                <div class="icons-list">
                    ${iconsHTML}
                </div>
            </div>
        `;

        return iconWindowElement;
    };