Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 22:15:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Added toolbar for toggling unchanged code display

Browse source
This commit is contained in:
Shing Lyu 2016-11-08 11:48:44 +08:00
parent 22ffdf8018
commit fe82d277cd
2 changed files with 23 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
etc/layout_viewer/css/main.css
View file

@ -15,3 +15,13 @@
.hidden-glyphicon {
visibility:hidden;
}
#toolbar {
background: rgba(255,255,255,0.5);
box-shadow: 0.5em 0.5em 2em lightgrey;
position: fixed;
top: 1em;
right: 1em;
padding: 1em;
border-radius: 1em;
}

13
etc/layout_viewer/viewer.html
View file

@ -67,6 +67,11 @@
</div>
</div>
</div>
<div id="toolbar">
<input type="checkbox" name="show_unchanged" id="show_unchanged" />
<label for="show_unchanged">Show unchanged code</label>
<a href="#top">Back to top</a>
</div>
</div>
<!-- jQuery -->
@ -219,6 +224,13 @@
});
}
function register_toggle_unchanaged_code_handler() {
var show_unchange_box = document.getElementById("show_unchanged");
show_unchange_box.addEventListener("change", function(evt){
jsondiffpatch.formatters.html.showUnchanged(show_unchange_box.checked, null, 800);
});
}
$( document ).ready(function() {
var upload = document.getElementsByTagName('input')[0];
upload.onchange = function (e) {
@ -233,6 +245,7 @@
reader.readAsText(file);
return false;
};
register_toggle_unchanaged_code_handler();
});
</script>
</body>