matt/WebEditor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added input for editing table description

Browse Source
This commit is contained in:
Matthew Welch 2021-01-11 20:55:54 -08:00
parent 6185c6181e
commit f6630ff659
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/editor.html
View File

@ -20,6 +20,10 @@
<label class="form-label">Table Name</label> <label class="form-label">Table Name</label>
<input type="text" class="form-control" id="detail-table-name"> <input type="text" class="form-control" id="detail-table-name">
</div> </div>
<div class="mb-3">
<label class="form-label">Table Description</label>
<textarea class="form-control" id="detail-table-description"></textarea>
</div>
<div class="mb-3"> <div class="mb-3">
<div class="form-check"> <div class="form-check">
<label class="form-check-label"> <label class="form-check-label">

11
src/js/editor.js
View File

@ -9,6 +9,7 @@ let nav = $("nav");
let nav_scroll = nav.scrollLeft(); let nav_scroll = nav.scrollLeft();
let detail_tab_name = $("#detail-tab-name"); let detail_tab_name = $("#detail-tab-name");
let detail_table_name = $("#detail-table-name"); let detail_table_name = $("#detail-table-name");
let detail_table_description = $("#detail-table-description");
let detail_table_hidden = $("#detail-table-hidden"); let detail_table_hidden = $("#detail-table-hidden");
let detail_column_name = $("#detail-column-name"); let detail_column_name = $("#detail-column-name");
let detail_column_selectable = $("#detail-column-selectable"); let detail_column_selectable = $("#detail-column-selectable");
@ -188,6 +189,7 @@ function updateDetailsPanel() {
let data = getSelectedCellData(); let data = getSelectedCellData();
detail_tab_name.val(data["tab_name"]); detail_tab_name.val(data["tab_name"]);
detail_table_name.val(data["table_name"]); detail_table_name.val(data["table_name"]);
detail_table_description.val(data["table_description"]);
detail_column_name.val(data["col_name"]); detail_column_name.val(data["col_name"]);
detail_table_hidden.prop("checked", data["table_hidden"]); detail_table_hidden.prop("checked", data["table_hidden"]);
detail_column_selectable.prop("checked", data["col_selectable"]); detail_column_selectable.prop("checked", data["col_selectable"]);
@ -240,6 +242,7 @@ function getSelectedCellData(force_update=false) {
cell_data["table_index"] = i; cell_data["table_index"] = i;
cell_data["table_name"] = table_data["name"]; cell_data["table_name"] = table_data["name"];
cell_data["tab_name"] = table_data["tab_name"]; cell_data["tab_name"] = table_data["tab_name"];
cell_data["table_description"] = table_data["description"];
cell_data["table_hidden"] = table_data["hidden"]; cell_data["table_hidden"] = table_data["hidden"];
cell_data["num_rows"] = table_data["rows"].length; cell_data["num_rows"] = table_data["rows"].length;
cell_data["num_cols"] = table_data["columns"].length; cell_data["num_cols"] = table_data["columns"].length;
@ -832,6 +835,14 @@ detail_table_name.on("input", (event) => {
selected_cell_data["table_name"] = new_table_name; selected_cell_data["table_name"] = new_table_name;
}); });
detail_table_description.on("input", (event) => {
let input = $(event.target);
let new_table_description = input.val();
let data = getSelectedCellData();
tables_data[data["table_index"]]["description"] = new_table_description;
selected_cell_data["table_description"] = new_table_description;
})
detail_table_hidden.on("input", (event) => { detail_table_hidden.on("input", (event) => {
let input = $(event.target); let input = $(event.target);
let table_hidden = input.prop("checked"); let table_hidden = input.prop("checked");