Merge pull request #39 from IQSS/7-add-year-to-table

add launch year to table #7
IQSS · Dec 9, 2019 · c93a06e · c93a06e
2 parents 632139d + 162f703
commit c93a06e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -24,8 +24,12 @@ th.installation-country-header {
   width: 10%;
 }
 
+th.installation-year-header {
+  width: 10%;
+}
+
 th.installation-description-header {
-  width: 70%;
+  width: 60%;
 }
 
 .installation-name-suggest-add {
@@ -36,6 +40,10 @@ th.installation-description-header {
   font-style: italic;
 }
 
+.installation-year-suggest-add {
+  font-style: italic;
+}
+
 .installation-description-suggest-add {
   font-style: italic;
 }
@@ -46,5 +54,8 @@ th.installation-description-header {
 .installation-country-row {
 }
 
+.installation-year-row {
+}
+
 .installation-description-row {
 }
diff --git a/index.html b/index.html
@@ -26,13 +26,15 @@
         <tr>
           <th class="installation-name-header">Name</th>
           <th class="installation-country-header">Country</th>
+          <th class="installation-year-header">Year</th>
           <th class="installation-description-header">Description</th>
         </tr>
       </thead>
       <tbody>
         <tr>
           <td class="installation-name-suggest-add">[Your installation! 🎉🎉🎉]</td>
           <td class="installation-country-suggest-add">[Country]</td>
+          <td class="installation-year-suggest-add">[Launched]</td>
           <td class="installation-description-suggest-add">
             [A description of your installation of Dataverse.] To add your installation to the map,
             please follow the
@@ -48,6 +50,7 @@
       <tr>
         <td class="installation-name-row"></td>
         <td class="installation-country-row"></td>
+        <td class="installation-year-row"></td>
         <td class="installation-description-row"></td>
       </tr>
     </template>

diff --git a/js/table.js b/js/table.js
@@ -13,6 +13,7 @@ if ('content' in document.createElement('template')) {
         name = installations[i].name;
         hostname = installations[i].hostname;
         country = installations[i].country;
+        year = installations[i].launch_year;
         description = installations[i].description;
         // Clone the new row and insert it into the table
         var clone = document.importNode(template.content, true);
@@ -24,7 +25,8 @@ if ('content' in document.createElement('template')) {
           name +
           '</a>';
         td[1].textContent = country;
-        td[2].textContent = description;
+        td[2].textContent = year;
+        td[3].textContent = description;
         tbody.appendChild(clone);
       }
     });