function debug(obj)
{
console.dir(obj)
}
jQuery(document).ready(function () {
jQuery('body').on('click', '.table', function() {
// alert('touched my table')
});
var table = document.getElementById('geocodeTable')
var geocodeButtons = document.querySelectorAll('[button-type=geocode]')
var saveButtons = document.querySelectorAll('[button-type=save]')
// add onclick events to each geocode button
for (var i = 0, len = geocodeButtons.length; i < len; i++) {
geocodeButtons[i].onclick = (function(event) {
// get row index and col index
var row = this.closest('tr').rowIndex
var cell = this.closest('td').cellIndex
// extract row information
var originalAddress = table.rows[row].cells[0].innerText
var originalCity = table.rows[row].cells[1].innerText
var Street = table.rows[row].cells[3].innerText
var Route = table.rows[row].cells[4].innerText
var Locality = table.rows[row].cells[5].innerText
var Sublocality = table.rows[row].cells[6].innerText
var AdministrativeArea = table.rows[row].cells[7].innerText
var GeocodeStatus = table.rows[row].cells[8].innerText
// debug(originalAddress)
// debug(originalCity)
// debug(Street)
// debug(Route)
// debug(Locality)
// debug(Sublocality)
// debug(AdministrativeArea)
// debug(GeocodeStatus)
})
}
// add onclick events to each save button
for (var i = 0, len = saveButtons.length; i < len; i++) {
saveButtons[i].onclick = (function(event) {
// get row index and col index
var row = this.closest('tr').rowIndex
var cell = this.closest('td').cellIndex
debug('Cell: ' + cell + ' and Row: ' + row)
})
}
/**
* (1) on click of button collect the row cells data [DONE]
* (2) ajax request to jeocode [IN PROGRESS]
* (3) interpret ajax json response
* (4) update table or somewhere in a new row
* (5) on user click of save, store the new data to database
*/
});