DEV: Add logic to build markdown table
This commit is contained in:
parent
4bbb3a9647
commit
669be70f18
|
@ -1,7 +1,7 @@
|
|||
// import Controller from "@ember/controller";
|
||||
import { action } from "@ember/object";
|
||||
import loadScript from "discourse/lib/load-script";
|
||||
import { tableToObj } from "../lib/utilities";
|
||||
import { arrayToTable, tableToObj } from "../lib/utilities";
|
||||
import Component from "@ember/component";
|
||||
|
||||
export default Component.extend({
|
||||
|
@ -25,6 +25,7 @@ export default Component.extend({
|
|||
const tableObject = tableToObj(table);
|
||||
const headings = [];
|
||||
const tableData = [];
|
||||
console.log(this.model.id);
|
||||
tableObject.forEach((object) => {
|
||||
// Build Headings
|
||||
if (!headings.includes(...Object.keys(object))) {
|
||||
|
@ -62,7 +63,22 @@ export default Component.extend({
|
|||
@action
|
||||
editTable() {
|
||||
// TODO: insert table edit submission logic
|
||||
console.log("New Data:", this.spreadsheet.getData());
|
||||
const updatedHeaders = this.spreadsheet.getHeaders().split(","); // keys
|
||||
const updatedData = this.spreadsheet.getData(); // values
|
||||
|
||||
const markdownTable = this.buildTableMarkdown(updatedHeaders, updatedData);
|
||||
this.triggerModalClose();
|
||||
},
|
||||
|
||||
buildTableMarkdown(headers, data) {
|
||||
const table = [];
|
||||
data.forEach((row) => {
|
||||
const result = {};
|
||||
|
||||
headers.forEach((key, index) => (result[key] = row[index]));
|
||||
table.push(result);
|
||||
});
|
||||
|
||||
return arrayToTable(table);
|
||||
},
|
||||
});
|
||||
|
|
|
@ -1,6 +1,14 @@
|
|||
// SRC: https://gist.github.com/mattheo-gist/4151867
|
||||
/* eslint-disable */
|
||||
|
||||
/**
|
||||
* Generate an object from an HTML table
|
||||
*
|
||||
* @see {@link https://gist.github.com/mattheo-gist/4151867|GitHub}
|
||||
*
|
||||
* @param {Table} table HTML Table element
|
||||
*
|
||||
* @return {Object} A JavaScript object
|
||||
*/
|
||||
export function tableToObj(table) {
|
||||
var rows = table.rows;
|
||||
var propCells = rows[0].cells;
|
||||
|
@ -29,3 +37,51 @@ export function tableToObj(table) {
|
|||
}
|
||||
return results;
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate markdown table from an array of objects
|
||||
*
|
||||
* @see {@link https://github.com/Nijikokun/array-to-table|GitHub}:
|
||||
*
|
||||
* @param {Array} array Array of objects
|
||||
* @param {Array} columns Optional, table column names, otherwise taken from the keys of the first object
|
||||
* @param {String} alignment Optional table alignment. Can be 'center' (default), 'left' or 'right'
|
||||
*
|
||||
* @return {String} Markdown table
|
||||
*/
|
||||
export function arrayToTable(array, columns, alignment = "center") {
|
||||
var table = "";
|
||||
var separator = {
|
||||
left: ":---",
|
||||
right: "---:",
|
||||
center: "---",
|
||||
};
|
||||
|
||||
// Generate column list
|
||||
var cols = columns ? columns.split(",") : Object.keys(array[0]);
|
||||
|
||||
// Generate table headers
|
||||
table += cols.join(" | ");
|
||||
table += "\r\n";
|
||||
|
||||
// Generate table header seperator
|
||||
table += cols
|
||||
.map(function () {
|
||||
return separator[alignment] || separator.center;
|
||||
})
|
||||
.join(" | ");
|
||||
table += "\r\n";
|
||||
|
||||
// Generate table body
|
||||
array.forEach(function (item) {
|
||||
table +=
|
||||
cols
|
||||
.map(function (key) {
|
||||
return String(item[key] || "");
|
||||
})
|
||||
.join(" | ") + "\r\n";
|
||||
});
|
||||
|
||||
// Return table
|
||||
return table;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue