1 files changed, 40 insertions, 0 deletions
diff --git a/apps/system/js/gridview.js b/apps/system/js/gridview.js
new file mode 100644
index 0000000..399bf3e
--- /dev/null
+++ b/apps/system/js/gridview.js
@@ -0,0 +1,40 @@
+/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- /
+/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */
+
+'use strict';
+
+var GridView = {
+  grid: null,
+
+  get visible() {
+    return this.grid && this.grid.style.display === 'block';
+  },
+
+  hide: function gv_hide() {
+    if (this.grid)
+      this.grid.style.visibility = 'hidden';
+  },
+
+  show: function gv_show() {
+    var grid = this.grid;
+    if (!grid) {
+      grid = document.createElement('div');
+      grid.id = 'debug-grid';
+      grid.dataset.zIndexLevel = 'debug-grid';
+
+      this.grid = grid;
+      document.getElementById('screen').appendChild(grid);
+    }
+
+    grid.style.visibility = 'visible';
+  },
+
+  toggle: function gv_toggle() {
+    this.visible ? this.hide() : this.show();
+  }
+};
+
+SettingsListener.observe('debug.grid.enabled', false, function(value) {
+  !!value ? GridView.show() : GridView.hide();
+});
+