Таблица вместо списка

2022-02-18 15:18:15 +03:00
parent b78238ef76
commit 146fba6bba
2 changed files with 46 additions and 9 deletions
--- a/output/OutputItem.js
+++ b/output/OutputItem.js
@@ -3,6 +3,7 @@ module.exports = class OutputItem {
    this.name = name + ' prime'
    this.parts = parts
    this.set = set
+    this.link = `https://warframe.market/items/${name}_prime_set`

    this.difference = set - parts
  }
--- a/output/template.hbs
+++ b/output/template.hbs
@@ -11,7 +11,33 @@
      font-family: sans-serif;
    }

-    ul li b {
+    a {
+      text-decoration: none;
+      color: black;
+    }
+
+    table {
+      margin: 64px 0;
+      border-spacing: 0;
+    }
+
+    tr {
+      text-align: left;
+    }
+
+    tr:nth-child(even) {
+      background: rgb(240, 242, 243);
+    }
+
+    td {
+      padding: 2px 16px;
+    }
+
+    th {
+      padding: 8px 16px;
+    }
+
+    .name {
      text-transform: capitalize;
    }

@@ -23,16 +49,26 @@
 <body>
  <h1>Warframe Market Gaps</h1>

-  <ul>
+  <table>
+    <tr>
+      <th>Name</th>
+      <th>Parts price</th>
+      <th>Set price</th>
+      <th>Difference</th>
+    </tr>
  {{#each items}}
-    <li>
-      <b>{{this.name}}</b>
-      Parts price: {{this.parts}} 
-      Set price: {{this.set}}
-      Difference: {{this.difference}}
-    </li>
+    <tr>
+      <td class="name">
+        <a href="{{this.link}}" target="_blank">
+          {{this.name}}
+        </a>
+      </td>
+      <td>{{this.parts}}</td>
+      <td>{{this.set}}</td>
+      <td>{{this.difference}}</td>
+    </tr>
  {{/each}}
-  </ul>
+  </table>

  <div class="timestamp">
    Generated at {{timestamp}}