Update index.js

msenaavci · web-flow · commit 7cbb6d2c7461 · 2019-06-02T05:21:41.000+02:00
diff --git a/homework/index.js b/homework/index.js
@@ -37,6 +37,73 @@
         createAndAppend('div', root, { text: err.message, class: 'alert-error' });
       } else {
         createAndAppend('pre', root, { text: JSON.stringify(data, null, 2) });
+        const h1 = createAndAppend('h1', root, {
+          class: 'h1',
+          text: 'HYF Repositories',
+        });
+        const select = createAndAppend('select', h1, {
+          class: 'selector',
+        });
+        select.innerHTML = data.sort(function(a, b) {
+          a.name.localeCompare(b.name);
+        });
+        for (let i = 0; i < data.length; i++) {
+          createAndAppend('option', select, {
+            text: data[i].name,
+            value: i,
+          });
+        }
+        const createRepo = repoI => {
+          const container = createAndAppend('div', root);
+          const leftDiv = createAndAppend('div', container, {
+            id: 'left-div',
+          });
+          const rightDiv = createAndAppend('div', container, {
+            id: 'right-div',
+          });
+          const table1 = createAndAppend('table', leftDiv);
+          const trL1 = createAndAppend('tr', table1);
+          const link = createAndAppend('td', trL1, {
+            text: 'Repository:',
+          });
+          createAndAppend('a', link, {
+            href: data[repoI].html_url,
+            target: '_blank',
+            text: data[repoI].name,
+          });
+          const trL2 = createAndAppend('tr', table1);
+          const descriprion = createAndAppend('td', trL2, {
+            text: `Description: ${data[repoI].description}`,
+          });
+          const trL3 = createAndAppend('tr', table1);
+          const forks = createAndAppend('td', trL3, {
+            text: `Forks:  ${data[repoI].forks}`,
+          });
+          const trL4 = createAndAppend('tr', table);
+          const update = createAndAppend('td', trL4, {
+            text: `Updated:  ${data[repoI].updated_at}`,
+          });
+        };
+        const constributors = () => {
+          fetch(data[i].contributors_url)
+            .then(response => response.json())
+            .then(data => {
+              const ul = createAndAppend('ul', rightDiv);
+              const li = createAndAppend('li', ul, {
+                id: 'constributor_item',
+              });
+              createAndAppend('img', li, {
+                src: data[i].avatar_url,
+                height: '52px',
+              });
+              const divConst = createAndAppend('div', li, {
+                text: data[i].login,
+              });
+              createAndAppend('div', li, {
+                text: `${dataCont[i].contributions}`,
+              });
+            });
+        };
       }
     });
   }
