From fe82d277cd8fd41c67c59991765e89720a42baa7 Mon Sep 17 00:00:00 2001
From: Shing Lyu <shing.lyu@gmail.com>
Date: Tue, 8 Nov 2016 11:48:44 +0800
Subject: [PATCH] Added toolbar for toggling unchanged code display

---
 etc/layout_viewer/css/main.css | 10 ++++++++++
 etc/layout_viewer/viewer.html  | 13 +++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/etc/layout_viewer/css/main.css b/etc/layout_viewer/css/main.css
index 33b85a97249..d339ddc2b1a 100644
--- a/etc/layout_viewer/css/main.css
+++ b/etc/layout_viewer/css/main.css
@@ -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;
+}
diff --git a/etc/layout_viewer/viewer.html b/etc/layout_viewer/viewer.html
index a6ea86d3c36..3b5671af604 100644
--- a/etc/layout_viewer/viewer.html
+++ b/etc/layout_viewer/viewer.html
@@ -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>