149 lines
3.7 KiB
JavaScript
149 lines
3.7 KiB
JavaScript
var printHTML = function(fname, node) {
|
|
var request = new XMLHttpRequest();
|
|
request.open('GET', fname, true);
|
|
request.onreadystatechange = function() {
|
|
if (request.readyState !== 4) {
|
|
return 0;
|
|
}
|
|
|
|
if (request.status === 200) {
|
|
node.innerHTML = request.responseText;
|
|
}
|
|
else {
|
|
console.log("printMarkdown status:", request.status);
|
|
return 1;
|
|
}
|
|
}
|
|
request.send();
|
|
}
|
|
|
|
|
|
var printMarkdown = function(fname, node) {
|
|
var request = new XMLHttpRequest();
|
|
request.open('GET', fname, true);
|
|
request.onreadystatechange = function() {
|
|
if (request.readyState !== 4) {
|
|
return 0;
|
|
}
|
|
|
|
if (request.status === 200) {
|
|
node.innerHTML = markdown.toHTML(request.responseText);
|
|
}
|
|
else {
|
|
console.log("printMarkdown status:", request.status);
|
|
return 1;
|
|
}
|
|
}
|
|
request.send();
|
|
}
|
|
|
|
var printCSV = function (fname, node) {
|
|
var request = new XMLHttpRequest();
|
|
request.open('GET', fname, true);
|
|
request.onreadystatechange = function() {
|
|
if (request.readyState !== 4) {
|
|
return 0;
|
|
}
|
|
|
|
if (request.status === 200) {
|
|
node.innerHTML = "";
|
|
|
|
//build the search bar
|
|
var div = document.createElement("DIV");
|
|
div.className = "ui action input";
|
|
var input = document.createElement("INPUT");
|
|
input.id = "searchInput";
|
|
input.type = "text";
|
|
input.placeholder = "Search...";
|
|
div.appendChild(input);
|
|
var button = document.createElement("BUTTON");
|
|
button.id = "searchButton";
|
|
button.className = "ui button";
|
|
button.innerHTML = "Search";
|
|
button.onclick = searchTable;
|
|
div.appendChild(button);
|
|
|
|
var table = parseCSVToTable(request.responseText, ';');
|
|
table.id = "table";
|
|
table.className = "ui celled table unstackable";
|
|
|
|
var scrollable = document.createElement("DIV");
|
|
scrollable.className = "scrollable";
|
|
|
|
scrollable.appendChild(table);
|
|
node.appendChild(div);
|
|
node.appendChild(scrollable);
|
|
|
|
var sorter = tsorter.create("table");
|
|
}
|
|
else {
|
|
console.log("printCSV status:", request.status);
|
|
return 1;
|
|
}
|
|
}
|
|
request.send();
|
|
}
|
|
|
|
var parseCSVToTable = function(csvText, delim) {
|
|
//split
|
|
var allLines = csvText.split(/\r\n|\n/);
|
|
|
|
//error fix
|
|
if (allLines[allLines.length -1] == '') {
|
|
allLines.pop();
|
|
}
|
|
|
|
//convert into an array of usable lines
|
|
var lines = [];
|
|
while(allLines.length) {
|
|
lines.push(allLines.shift().split(delim));
|
|
}
|
|
|
|
//finally, parse lines into a table
|
|
var table = document.createElement("table");
|
|
var tbody = table.createTBody(-1);
|
|
|
|
for (var i = 0; i < lines.length; i++) {
|
|
//insert th objects
|
|
if (i == 0) {
|
|
var thead = table.createTHead(-1);
|
|
var row = thead.insertRow(0);
|
|
for (var j = 0; j < lines[i].length; j++) {
|
|
var cell = document.createElement("TH");
|
|
cell.innerHTML = lines[i][j];
|
|
row.appendChild(cell);
|
|
}
|
|
}
|
|
|
|
//insert td objects
|
|
if (i != 0) {
|
|
var row = tbody.insertRow(-1);
|
|
for (var j = 0; j < lines[i].length; j++) {
|
|
var cell = row.insertCell(-1);
|
|
cell.appendChild(document.createTextNode(lines[i][j]));
|
|
}
|
|
}
|
|
}
|
|
|
|
//return the table element
|
|
return table;
|
|
}
|
|
|
|
function searchTable() {
|
|
var input = document.getElementById("searchInput");
|
|
var table = document.getElementById("table");
|
|
|
|
var filter = input.value.toUpperCase();
|
|
var trows = table.getElementsByTagName("tr");
|
|
|
|
for (var i = 1; i < trows.length; i++) {
|
|
var tds = trows[i].cells;
|
|
trows[i].style.display = "none";
|
|
for (var j = 0; j < tds.length; j++) {
|
|
if (tds[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
|
|
trows[i].style.display = "";
|
|
}
|
|
}
|
|
}
|
|
}
|