diff --git a/static/index.html b/static/index.html index 0e14f8c..7ac18da 100644 --- a/static/index.html +++ b/static/index.html @@ -135,6 +135,49 @@ `; + } + function multikey() { + return ` + +Multi key + + +`; } const app = document.getElementById("app"); @@ -223,8 +266,11 @@ `); tableEl.appendChild(head); + app.appendChild(tableEl); for (var column of data.columns) { var el = document.createElement("tr"); + el.id = "column_" + table + "_" + column.Field; + for (var field in column) { if (fieldsIgnored.includes(field.toLowerCase())) continue; var td = document.createElement("td"); @@ -246,52 +292,15 @@ case "PRI": column[field] = htmlToElement(key("Primary key", "#f39c12", "#f1c40f", "#f39c12")); break; - case "MUL": - column[field] = htmlToElement(` - -Multi key - - -`); - break; case "UNI": column[field] = htmlToElement(key("Unique key", "#bfbfbf", "#dbdbdb", "#808080")); break; + case "MUL": + column[field] = ""; + break; + case "": break; + default: + console.error("Unknown key:", column[field]); } case "extra": if (column[field] === "auto_increment") { @@ -314,9 +323,13 @@ l145 -6 113 -146 c62 -80 188 -237 280 -348 l167 -202 50 -6 c190 -26 347 } tableEl.appendChild(el); + + let t = document.querySelector(`#${el.id} > .key`); + + var d = data.indexes.filter(e => e.Column_name === column.Field); + if(d[0] && !t.childElementCount) + t.appendChild(htmlToElement(multikey())); } - - app.appendChild(tableEl); } var d = new Date();