frontend: check in html, css, js

frontend/js/dashboard-setting.js

@@ -0,0 +1,46 @@
+(function (global, document) {
+
+  // Sets the vue.js toggle to select and deselect panes visually.
+  function settingSelectCSS(id) {
+    var data = global.dashboard.$data;
+    var settings = data.settings;
+
+    for (var i = 0; i < settings.length; i++) {
+      if (settings[i].id == id) {
+        settings[i].selected = true;
+      }
+      else {
+        settings[i].selected = false;
+      }
+    }
+  }
+
+
+  // Selects a setting.
+  global.settingSelect = function(id) {
+    var data = global.dashboard.$data;
+    var settings = data.settings;
+
+    settingSelectCSS(id);
+
+    $("ul.tabs li").removeClass("current");
+    $(".content").removeClass("current");
+    $(".original").addClass("current");
+
+    for (var i = 0; i < settings.length; i++) {
+      if (id == settings[i].id)
+        settings[i].open();
+    }
+  };
+
+
+  // Deselects all settings.
+  global.settingDeselectAll = function() {
+    var data = global.dashboard.$data;
+    var settings = data.settings;
+
+    for (var i = 0; i < settings.length; i++)
+      settings[i].selected = false;
+  }
+
+} (window, document));