CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-04-21 19:26:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

added a function to change save button background with a change in map edits made by users

Browse Source
This commit is contained in:
tanerochris
2016-05-16 23:05:27 +01:00
parent 63b5181e17
commit 6df6a463aa
1 changed files with 43 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/id/ui/save.js
+43 -10
View File
@@ -1,6 +1,11 @@
iD.ui.Save = function(context) {
var history = context.history(),
key = iD.ui.cmd('⌘S');
key = iD.ui.cmd('⌘S'),
prevNumchange = 0 ,
color = 255 ,
saveBtnBackground = '';
function saving() {
return context.mode().id === 'save';
@@ -13,6 +18,38 @@ iD.ui.Save = function(context) {
}
}
function getBackground(numChanges) {
var percentage = 0;
var step = parseInt(255 / 50);
var background = '';
if(numChanges < 50) {
prevNumchange = numChanges;
return 'rgba(255,255,255)';
}
else if(numChanges == 50) {
prevNumchange = numChanges;
return 'rgb(255 , 255 , 136)';
}
else if(numChanges > 50 && numChanges < 100) {
if(prevNumchange < numChanges) {
color = color - step;
background = 'rgb(255, ' + color + ' , 0)';
}
else if(prevNumchange > numChanges) {
color = color + step;
background = 'rgb(255 , '+ color + ' , 0)';
}
prevNumchange = numChanges;
console.log(color);
return background;
}
else {
prevNumchange = numChanges;
return 'rgb(255 , 0 , 0 )';
}
}
return function(selection) {
var tooltip = bootstrap.tooltip()
.placement('bottom')
@@ -49,19 +86,15 @@ iD.ui.Save = function(context) {
tooltip.title(iD.ui.tooltipHtml(t(numChanges > 0 ?
'save.help' : 'save.no_changes'), key));
saveBtnBackground = getBackground(numChanges);
button
.classed('disabled', numChanges === 0)
.classed('has-count', numChanges > 0)
.classed('yellow', numChanges >= 50 && numChanges < 75)
.classed('orange', numChanges >= 75 && numChanges < 100)
.classed('red', numChanges >= 100);
.style('background' , saveBtnBackground);
button.select('span.count')
.classed('yellow', numChanges >= 50 && numChanges < 75)
.classed('orange', numChanges >= 75 && numChanges < 100)
.classed('red', numChanges >= 100)
.text(numChanges);
.text(numChanges)
.style('background' , saveBtnBackground)
.style('opacity' , '0.5' );
});