Button click now retrieves data from the input

This commit is contained in:
julien lengrand-lambert
2014-03-10 08:58:14 +01:00
parent f0dca9d61d
commit 9f7618a667
3 changed files with 39 additions and 6 deletions

View File

@@ -11,6 +11,6 @@ img {
height: 75px;
}
.overtimeValue {
#overtimeValue {
display:inline;
}

View File

@@ -3,11 +3,11 @@
<head>
<link rel="stylesheet" type="text/css" href="integration.css">
<title>FortNox Overtime summary</title>
<script src="integration.js"></script>
<script type="text/javascript" src="integration.js"></script>
</head>
<body>
<div class= "titleBar">
<h2>SpaceMetric Overtime</h2>
<h1>SpaceMetric Overtime</h1>
</div>
<div class="mainContent">
<div>Total overtime:
@@ -16,5 +16,10 @@
</span>
</div>
</div>
<div class="settings">
<h2>Advanced</h2>
Change Overtime value: <input type="number" name="hours" id="alterHours">
<input type="button" value="Ok" id="submitButton">
</div>
</body>
</html>

View File

@@ -8,17 +8,45 @@ function writeOvertime(result){
}
var overtimeElement = document.getElementById("overtimeValue");
alert(overtimeElement.innerHTML);
overtimeElement.innerHTML = overtime;
}
function showOvertime(){
alert("showOvertime");
chrome.storage.sync.get("overtime", writeOvertime);
}
document.addEventListener('DOMContentLoaded', function () {
/**
* This method is called when the user wants to change its overtime value.
*/
function alterOvertime(){
var hours = document.getElementById("alterHours").value;
console.log(hours);
// chrome.storage.sync.get("overtime", function(result, hours){
// var overtime = result["overtime"];
// var pair = new Object();
// pair["overtime"] = overtime + hours;
// chrome.storage.sync.set(pair);
// });
//document.getElementById("overtimeValue").innerHTML = "plouf";
showOvertime();
}
document.addEventListener('DOMContentLoaded', function () {
//adding element to the button
button = document.getElementById("submitButton");
button.onclick = alterOvertime;
showOvertime();
});
// Will update whenever a change to the storage is made