window.addEventListener('load', function () { var sections = document.querySelectorAll('section'); for (var i = 0; i < sections.length; i++) { callRequest('status', sections[i].id); } }); function callRequest(action, section, message) { var pre = document.querySelector('#' + section + ' pre'); pre.innerHTML = 'Loading ...'; var label = document.querySelector('#' + section + ' .label'); label.classList.remove('label-success'); label.classList.remove('label-important'); label.classList.add('label-warning'); label.innerHTML = 'Loading'; var buttons = document.querySelectorAll('#' + section + ' button'); for (var button in buttons) { buttons[button].disabled = true; } var xhr = new XMLHttpRequest(); xhr.open('POST', 'ajax.php'); xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhr.send('action=' + action + '§ion=' + section + '&message=' + message); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && (xhr.status === 200 || xhr.status === 0)) { pre.innerHTML = xhr.responseText; var splitLabel = xhr.responseText.split("\n").reverse(); label.classList.remove('label-warning'); if ((typeof splitLabel[1] !== 'undefined' && !splitLabel[1].match(/nothing to commit/)) || xhr.responseText.match(/by [0-9]* commit/)) { label.classList.add('label-important'); label.innerHTML = 'Update needed'; } else { label.classList.add('label-success'); label.innerHTML = 'OK'; } for (var button in buttons) { buttons[button].disabled = false; } document.querySelector('#' + section + ' input').value = ''; } }; }