diff --git a/domain-server/resources/web/js/settings.js b/domain-server/resources/web/js/settings.js index 48b3b15e8f..4471efdc66 100644 --- a/domain-server/resources/web/js/settings.js +++ b/domain-server/resources/web/js/settings.js @@ -22,13 +22,77 @@ var viewHelpers = { } if (setting.type === 'checkbox') { - form_group += "" + if (setting.label !== null && typeof(setting.label) !== 'undefined' && setting.label !== "") { + form_group += "" + } form_group += "
" form_group += ""; form_group += "
" + } else if (setting.type === 'table') { + form_group += "
" + form_group += "
" + setting.label + "
" + form_group += "
" + form_group += "

" + setting.help + "

" + form_group += "
" + + form_group += "" + // Column names + form_group += "" + if (setting.number === true) { + form_group += "" + } + form_group += "" + _.each(setting.columns, function(col) { + form_group += "" + }) + if (setting.can_delete === true || setting.can_add === true) { + form_group += "" + } + form_group += "" + + // Rows + var row_num = 1 + _.each(setting_value, function(row, name) { + form_group += "" + if (setting.number === true) { + form_group += "" + } + form_group += "" + _.each(setting.columns, function(col) { + form_group += "" + }) + if (setting.can_delete === true) { + form_group += "" + } else if (setting.can_add === true) { + form_group += "" + } + form_group += "" + row_num++ + }) + + // Entries + if (setting.can_add === true) { + form_group += "" + if (setting.number === true) { + form_group += "" + } + form_group += "" + _.each(setting.columns, function(col) { + form_group += "" + }) + form_group += "" + form_group += "" + } + + form_group += "
#" + setting.key.label + "" + col.label + "
" + row_num + "" + name + "" + if (row.hasOwnProperty(col.name)) { + form_group += row[col.name] + } + form_group += "
" + form_group += "
" } else { input_type = _.has(setting, 'type') ? setting.type : "text" @@ -46,7 +110,7 @@ var viewHelpers = { form_group += "" } else { - form_group += "" } @@ -79,8 +143,18 @@ $(document).ready(function(){ resizeFn(); $(window).resize(resizeFn); }) + + + $('#settings-form').on('click', '.add-row', function(){ + console.log("add-row " + $(this)) + }) - $('#settings-form').on('change', 'input', function(){ + $('#settings-form').on('click', '.del-row', function(){ + console.log("del-row " + $(this)) + }) + + + $('#settings-form').on('change', '.setting-input', function(){ // this input was changed, add the changed data attribute to it $(this).attr('data-changed', true)