Merge pull request #4 from eddiejaoude/issue-2

Custom html cell

Author: eddiejaoude

README.md

@@ -6,13 +6,31 @@ This GitHub Action creates a table in your `README.md`
 
 ### `github-token` [REQUIRED]
 
-This can be achieved with
+This is available in your GitHub Action
 
 ```yaml
 with:
     github-token: ${{ secrets.GITHUB_TOKEN }}
 ```
 
+### `html-cell` [REQUIRED]
+
+This is the html table cell content with `object-field-names`
+
+```yaml
+with:
+    html-cell: '<td>{{ firstname }} {{ lastname }}</td>'
+```
+
+### `object-field-names` [REQUIRED]
+
+This is json, and contains a list of the names of the fields in your json file data object
+
+```yaml
+with:
+    object-field-names: '[ "firstname", "lastname" ]'
+```
+
 ### `columns` [OPTIONAL]
 
 **defaults to `2`**

action.yml

@@ -9,9 +9,15 @@ inputs:
     description: 'json file to load'
     required: true
     default: 'data.json'
-  github-token:  # id of input
+  github-token:
     description: 'github token'
     required: true
+  html-cell:
+    description: 'html for the table cell'
+    required: true
+  object-field-names:
+    description: 'array of object field names from your json objects'
+    required: true
 runs:
   using: 'node12'
   main: 'index.js'

index.js

@@ -5,16 +5,20 @@ const path = require('path');
 const readmeBox = require('readme-box').ReadmeBox;
 const chunk = require('chunk');
 
-const generateCell = (user) => {
-    return `<td align="center">
-        <p><a href="https://github.com/${user.githubUsername}">${user.name}</a></p>
-        <img src="${user.imageUrl}" />
-        <p><a href="https://github.com/EddieJaoudeCommunity/awesome-github-profiles/issues/${user.issueNumber}">(:100: give your vote)</a></p>
-    </td>`;
+const generateCell = (cell) => {
+    const objectFieldNames = JSON.parse(core.getInput('object-field-names'));
+    let htmlCell = core.getInput('html-cell');
+
+    objectFieldNames.forEach((name) => {
+        htmlCell = htmlCell.replace(new RegExp(`{{ ${name} }}`), cell[name]);
+    });
+    console.log(objectFieldNames);
+    console.log(htmlCell);
+    return htmlCell;
 }
 
 const generateRow = (columns, row) => {
-    const cells = row.map((user) => generateCell(user));
+    const cells = row.map((cell) => generateCell(cell));
 
     if (cells.length < columns) {
         cells.push('<td></td>'.repeat(columns - cells.length));