Better code format

This commit is contained in:
Daniel Bulant 2020-04-14 14:23:48 +02:00
parent ec0722f4d5
commit 0831e69408

View file

@ -65,9 +65,17 @@
background-color: rgb(214, 214, 214); background-color: rgb(214, 214, 214);
} }
.privileges {
word-break: normal;
}
.null, .null,
.key { .key {
width: 40px; width: 30px;
}
.default {
width: 50px;
} }
</style> </style>
@ -118,7 +126,7 @@
if (!data.columns) { if (!data.columns) {
console.error(data); console.error(data);
app.appendChild(htmlToElement("<p>" + data + "<p>")); app.appendChild(htmlToElement(`<p>${data}<p>`));
continue; continue;
} }
@ -128,17 +136,21 @@
app.appendChild(comment); app.appendChild(comment);
} catch (e) {} } catch (e) {}
function addField(fieldName) {
return fieldsIgnored.includes(fieldName.toLowerCase()) ? "" : `<th class='${fieldName.toLowerCase()}'>${fieldName}</th>`;
}
var head = htmlToElement(` var head = htmlToElement(`
<tr> <tr>
${fieldsIgnored.includes("field") ? "" : "<th class='field'>Field</th>" } ${addField("Field")}
${fieldsIgnored.includes("type") ? "" : "<th class='type'>Type</th>" } ${addField("Type")}
${fieldsIgnored.includes("collation") ? "" : "<th class='collation'>Collation</th>" } ${addField("Collation")}
${fieldsIgnored.includes("null") ? "" : "<th class='null'>Null?</th>" } ${addField("Null")}
${fieldsIgnored.includes("key") ? "" : "<th class='key'>Key?</th>" } ${addField("Key")}
${fieldsIgnored.includes("default") ? "" : "<th class='default'>Default</th>" } ${addField("Default")}
${fieldsIgnored.includes("extra") ? "" : "<th class='extra'>Extra?</th>" } ${addField("Extra")}
${fieldsIgnored.includes("privileges") ? "" : "<th class='privileges'>Privileges</th>" } ${addField("Privileges")}
${fieldsIgnored.includes("comment") ? "" : "<th class='comment'>Comment</th>" } ${addField("Comment")}
</tr> </tr>
`); `);
@ -147,30 +159,31 @@
var el = ""; var el = "";
for (var field in column) { for (var field in column) {
if (fieldsIgnored.includes(field.toLowerCase())) continue; if (fieldsIgnored.includes(field.toLowerCase())) continue;
if (field.toLowerCase() === "privileges") { if (field.toLowerCase() === "privileges") {
column[field] = column[field].split(",").join(", "); column[field] = column[field].split(",").join(", ");
} }
if (column[field]) { if (column[field]) {
el += "<td class='" + field.toLowerCase() + "'>" + column[field] + "</td>"; el += `<td class='${field.toLowerCase()}'>${column[field]}</td>`;
} else if (field == "Default") { } else if (field == "Default") {
el += "<td class='" + field.toLowerCase() + "'>null</td>"; el += "<td class='default'>null</td>";
} else { } else {
el += "<td class='" + field.toLowerCase() + "'></td>"; el += `<td class='${field.toLowerCase()}'></td>`;
} }
} }
tableEl.appendChild(htmlToElement(`
<tr> tableEl.appendChild(htmlToElement(`<tr>${el}</tr>`));
${el}
</tr>
`))
} }
app.appendChild(tableEl); app.appendChild(tableEl);
} }
var d = new Date(); var d = new Date();
date.innerHTML = "Generated " + d.toString() + ".<br>Number of tables: " + Object.keys(tables) date.innerHTML = `Generated ${d.toString()}.
.length + "<br>Host: " + db.host; <br>Number of tables: ${Object.keys(tables).length}
<br>Host: ${db.host}`;
})() })()
</script> </script>
</body> </body>