fix standup page (#805)

Author: Mir-SA

standup/script.js

@@ -109,15 +109,15 @@ function processStandupData(standupItems) {
 }
 
 function createTableHeaderElement() {
-  const tableHeaderElement = createElement({
+  const tableHeaderElement = createStandupElement({
     type: 'thead',
     classList: ['table-header'],
   });
-  const headerRowElement = createElement({
+  const headerRowElement = createStandupElement({
     type: 'tr',
     classList: ['table-header'],
   });
-  const headerCellElement = createElement({
+  const headerCellElement = createStandupElement({
     type: 'th',
     classList: ['user', 'date', 'table-head'],
   });
@@ -129,7 +129,7 @@ function createTableHeaderElement() {
     date = new Date(date.getTime() - oneDay)
   ) {
     if (!isSunday(date)) {
-      const dateCellElement = createElement({
+      const dateCellElement = createStandupElement({
         type: 'th',
         classList: ['dates'],
         scope: 'row',
@@ -159,20 +159,26 @@ function createTableHeaderElement() {
 }
 
 function createTableRowElement({ userName, imageUrl, userStandupData }) {
-  const rowElement = createElement({ type: 'tr', classList: ['table-row'] });
-  const userCellElement = createElement({ type: 'td', classList: ['user'] });
+  const rowElement = createStandupElement({
+    type: 'tr',
+    classList: ['table-row'],
+  });
+  const userCellElement = createStandupElement({
+    type: 'td',
+    classList: ['user'],
+  });
   userCellElement.scope = 'row';
-  const userContainerElement = createElement({
+  const userContainerElement = createStandupElement({
     type: 'div',
     classList: ['user-list-item'],
   });
-  const userImageElement = createElement({
+  const userImageElement = createStandupElement({
     type: 'img',
     classList: ['user-image'],
   });
   userImageElement.src = imageUrl || dummyPicture;
   userImageElement.alt = userName;
-  const userNameElement = createElement({
+  const userNameElement = createStandupElement({
     type: 'p',
     classList: ['user-name'],
   });
@@ -190,31 +196,31 @@ function createTableRowElement({ userName, imageUrl, userStandupData }) {
   const month = userStandupData.month;
   const year = userStandupData.year;
   for (let i = 0; i < standupStatus.length; i++) {
-    const statusCellElement = createElement({
+    const statusCellElement = createStandupElement({
       type: 'td',
       classList: ['status'],
     });
     statusCellElement.textContent = standupStatus[i];
-    const tooltipElement = createElement({
+    const tooltipElement = createStandupElement({
       type: 'div',
       classList: ['tooltiptext'],
       style: {
         visibility: 'visible',
       },
     });
-    const completedTextElement = createElement({
+    const completedTextElement = createStandupElement({
       type: 'p',
       classList: ['today-standup', 'tooltip-text'],
     });
-    const yesterdayStandupElement = createElement({
+    const yesterdayStandupElement = createStandupElement({
       type: 'p',
       classList: ['yesterday-standup', 'tooltip-text'],
     });
-    const blockersElement = createElement({
+    const blockersElement = createStandupElement({
       type: 'p',
       classList: ['blockers', 'tooltip-text'],
     });
-    const noStandupTextElement = createElement({
+    const noStandupTextElement = createStandupElement({
       type: 'p',
       classList: ['no-standup-text'],
     });

standup/utils.js

@@ -14,7 +14,7 @@ async function makeApiCall(url, method, body, credentials, headers, options) {
   }
 }
 
-function createElement({ type, classList }) {
+function createStandupElement({ type, classList }) {
   const element = document.createElement(type);
   element.classList.add(...classList);
   return element;
@@ -46,25 +46,25 @@ function createSidebarPanelElement(
   currentMonthName,
   currentYear,
 ) {
-  const standupHeadElement = createElement({
+  const standupHeadElement = createStandupElement({
     type: 'h4',
     classList: ['standup-head'],
   });
   standupHeadElement.innerHTML = `Standup for ${day} ${currentMonthName} ${currentYear}`;
-  const sidebarPanelElement = createElement({
+  const sidebarPanelElement = createStandupElement({
     type: 'div',
     classList: ['sidebar-panel', 'sidebar'],
   });
   sidebarPanelElement.id = 'standupSidebar';
-  const completedElement = createElement({
+  const completedElement = createStandupElement({
     type: 'div',
     classList: ['completed'],
   });
-  const plannedElement = createElement({
+  const plannedElement = createStandupElement({
     type: 'div',
     classList: ['planned'],
   });
-  const blockersElement = createElement({
+  const blockersElement = createStandupElement({
     type: 'div',
     classList: ['blockers'],
   });