function applyChanges(data, url, showResult, refreshPage) { var success = false; $.ajax({ type : "POST", url : url, data : JSON.stringify(data),// now data come in this function contentType : "application/json; charset=utf-8", crossDomain : true, dataType : "json", success : function(data, status, jqXHR) { console.log("Applied changes successfully.") if (showResult) { var modal = $("#modal_success"); modal.find('.modal-body p').text("Applied changes successfully"); modal.modal('show'); } if (refreshPage) { location.reload(true); } }, error : function(jqXHR, status) { console.log(jqXHR); var modal = $("#modal_error"); modal.find('.modal-body p').text(jqXHR["responseText"]); modal.modal('show'); } }); } function getTableData(table) { var rData = [] // reformat - pretty format var records = [] table.rows().every(function() { var r = this.data(); var record = {} record["record_name"] = r[0].trim(); record["record_type"] = r[1].trim(); record["record_status"] = r[2].trim(); record["record_ttl"] = r[3].trim(); record["record_data"] = r[4].trim(); records.push(record); }); return records } function saveRow(oTable, nRow) { var jqInputs = $(oTable.row(nRow).node()).find("input"); var jqSelect = $(oTable.row(nRow).node()).find("select"); if (jqSelect[1].value == 'false') { status = 'Active'; } else { status = 'Disabled'; } oTable.cell(nRow,0).data(jqInputs[0].value); oTable.cell(nRow,1).data(jqSelect[0].value); oTable.cell(nRow,2).data(status); oTable.cell(nRow,3).data(jqSelect[2].value); oTable.cell(nRow,4).data(jqInputs[1].value); var record = jqInputs[0].value; var button_edit = "<button type=\"button\" class=\"btn btn-flat btn-warning button_edit\" id=\"" + record + "\">Edit <i class=\"fa fa-edit\"></i></button>" var button_delete = "<button type=\"button\" class=\"btn btn-flat btn-danger button_delete\" id=\"" + record + "\">Delete <i class=\"fa fa-trash\"></i></button>" oTable.cell(nRow,5).data(button_edit); oTable.cell(nRow,6).data(button_delete); oTable.draw(); } function restoreRow(oTable, nRow) { var aData = oTable.row(nRow).data(); var jqTds = $('>td', nRow); oTable.row(nRow).data(aData); oTable.draw(); } function editRow(oTable, nRow) { var aData = oTable.row(nRow).data(); var jqTds = oTable.cells(nRow,'').nodes(); var record_types = ""; for(var i = 0; i < records_allow_edit.length; i++) { var record_type = records_allow_edit[i]; record_types += "<option value=\"" + record_type + "\">" + record_type + "</option>"; } jqTds[0].innerHTML = '<input type="text" id="edit-row-focus" class="form-control input-small" value="' + aData[0] + '">'; jqTds[1].innerHTML = '<select class="form-control" id="record_type" name="record_type" value="' + aData[1] + '"' + '>' + record_types + '</select>'; jqTds[2].innerHTML = '<select class="form-control" id="record_status" name="record_status" value="' + aData[2] + '"' + '><option value="false">Active</option><option value="true">Disabled</option></select>'; jqTds[3].innerHTML = '<select class="form-control" id="record_ttl" name="record_ttl" value="' + aData[3] + '"' + '><option value="60">1 minute</option><option value="300">5 minutes</option><option value="1800">30 minutes</option><option value="3600">60 minutes</option><option value="86400">24 hours</option></select>'; jqTds[4].innerHTML = '<input type="text" style="display:table-cell; width:100% !important" id="current_edit_record_data" name="current_edit_record_data" class="form-control input-small advance-data" value="' + aData[4].replace(/\"/g,""") + '">'; jqTds[5].innerHTML = '<button type="button" class="btn btn-flat btn-primary button_save">Save</button>'; jqTds[6].innerHTML = '<button type="button" class="btn btn-flat btn-primary button_cancel">Cancel</button>'; // set current value of dropdows column if (aData[2] == 'Active'){ isDisabled = 'false'; } else { isDisabled = 'true'; } SelectElement('record_type', aData[1]); SelectElement('record_status', isDisabled); SelectElement('record_ttl', aData[3]); } function SelectElement(elementID, valueToSelect) { var element = document.getElementById(elementID); element.value = valueToSelect; } function getdnssec(url){ $.getJSON(url, function(data) { var modal = $("#modal_dnssec_info"); if (data['status'] == 'error'){ modal.find('.modal-body p').text(data['msg']); } else { dnssec_msg = ''; var dnssec = data['dnssec']; for (var i = 0; i < dnssec.length; i++) { if (dnssec[i]['active']){ dnssec_msg += '<form>'+ '<h3><strong>'+dnssec[i]['keytype']+'</strong></h3>'+ '<strong>DNSKEY</strong>'+ '<input class="form-control" autocomplete="off" type="text" readonly="true" value="'+dnssec[i]['dnskey']+'">'+ '</form>'+ '<br/>'; if(dnssec[i]['ds']){ var dsList = dnssec[i]['ds']; dnssec_msg += '<strong>DS</strong>'; for (var j = 0; j < dsList.length; j++){ dnssec_msg += '<input class="form-control" autocomplete="off" type="text" readonly="true" value="'+dsList[j]+'">'; } } dnssec_msg += '</form>'; } } modal.find('.modal-body p').html(dnssec_msg); } modal.modal('show'); }); } // pretty JSON json_library = { replacer: function(match, pIndent, pKey, pVal, pEnd) { var key = '<span class=json-key>'; var val = '<span class=json-value>'; var str = '<span class=json-string>'; var r = pIndent || ''; if (pKey){ r = r + key + pKey.replace(/[": ]/g, '') + '</span>: '; } if (pVal){ r = r + (pVal[0] == '"' ? str : val) + pVal + '</span>'; } return r + (pEnd || ''); }, prettyPrint: function(obj) { obj = obj.replace(/"/g, "\\\"").replace(/u'/g, "\'").replace(/'/g, "\"").replace(/(False|None)/g, "\"$1\""); var jsonData = JSON.parse(obj); var jsonLine = /^( *)("[\w]+": )?("[^"]*"|[\w.+-]*)?([,[{])?$/mg; return JSON.stringify(jsonData, null, 3) .replace(/&/g, '&').replace(/\\"/g, '"') .replace(/</g, '<').replace(/>/g, '>') .replace(jsonLine, json_library.replacer); } };