drawContainer.js 880 B

123456789101112131415161718192021222324252627282930
  1. // créer le container de l'interface utilisateur
  2. if (debug) console.log('start drawContainer');
  3. (function() {
  4. let uiContainer = document.createElement('div');
  5. uiContainer.classList.add('uiContainer');
  6. uiContainer.style.position = 'fixed';
  7. let titleContainer = document.createElement('div');
  8. titleContainer.classList.add('uiTitle');
  9. let uiTitle = document.createElement('p');
  10. uiTitle.innerText = '⚙️ Paramètres';
  11. let uiArrow = document.createElement('p');
  12. uiArrow.innerText = '▾';
  13. titleContainer.append(uiTitle);
  14. titleContainer.append(uiArrow);
  15. let uiContent = document.createElement('div');
  16. uiContent.classList.add('uiContent');
  17. uiContainer.append(titleContainer);
  18. uiContainer.append(uiContent);
  19. document.querySelector('body').prepend(uiContainer);
  20. })();
  21. if (debug) console.log('end drawContainer');