1 files changed, 81 insertions, 0 deletions
diff --git a/devtools/client/webide/content/devicesettings.js b/devtools/client/webide/content/devicesettings.js
new file mode 100644
index 000000000..987df5995
--- /dev/null
+++ b/devtools/client/webide/content/devicesettings.js
@@ -0,0 +1,81 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+var Cu = Components.utils;
+const {require} = Cu.import("resource://devtools/shared/Loader.jsm", {});
+const {AppManager} = require("devtools/client/webide/modules/app-manager");
+const {Connection} = require("devtools/shared/client/connection-manager");
+const ConfigView = require("devtools/client/webide/modules/config-view");
+
+var configView = new ConfigView(window);
+
+window.addEventListener("load", function onLoad() {
+  window.removeEventListener("load", onLoad);
+  AppManager.on("app-manager-update", OnAppManagerUpdate);
+  document.getElementById("close").onclick = CloseUI;
+  document.getElementById("device-fields").onchange = UpdateField;
+  document.getElementById("device-fields").onclick = CheckReset;
+  document.getElementById("search-bar").onkeyup = document.getElementById("search-bar").onclick = SearchField;
+  document.getElementById("custom-value").onclick = UpdateNewField;
+  document.getElementById("custom-value-type").onchange = ClearNewFields;
+  document.getElementById("add-custom-field").onkeyup = CheckNewFieldSubmit;
+  BuildUI();
+}, true);
+
+window.addEventListener("unload", function onUnload() {
+  window.removeEventListener("unload", onUnload);
+  AppManager.off("app-manager-update", OnAppManagerUpdate);
+});
+
+function CloseUI() {
+  window.parent.UI.openProject();
+}
+
+function OnAppManagerUpdate(event, what) {
+  if (what == "connection" || what == "runtime-global-actors") {
+    BuildUI();
+  }
+}
+
+function CheckNewFieldSubmit(event) {
+  configView.checkNewFieldSubmit(event);
+}
+
+function UpdateNewField() {
+  configView.updateNewField();
+}
+
+function ClearNewFields() {
+  configView.clearNewFields();
+}
+
+function CheckReset(event) {
+  configView.checkReset(event);
+}
+
+function UpdateField(event) {
+  configView.updateField(event);
+}
+
+function SearchField(event) {
+  configView.search(event);
+}
+
+var getAllSettings; // Used by tests
+function BuildUI() {
+  configView.resetTable();
+
+  if (AppManager.connection &&
+      AppManager.connection.status == Connection.Status.CONNECTED &&
+      AppManager.settingsFront) {
+    configView.front = AppManager.settingsFront;
+    configView.kind = "Setting";
+    configView.includeTypeName = false;
+
+    getAllSettings = AppManager.settingsFront.getAllSettings()
+                     .then(json => configView.generateDisplay(json));
+  } else {
+    CloseUI();
+  }
+}