gecko-dev/devtools/client/webide/content/details.js

124 строки
4.1 KiB
JavaScript

/* 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/. */
const {require} = ChromeUtils.import("resource://devtools/shared/Loader.jsm", {});
const {AppManager} = require("devtools/client/webide/modules/app-manager");
window.addEventListener("load", function() {
document.addEventListener("visibilitychange", updateUI, true);
AppManager.on("app-manager-update", onAppManagerUpdate);
updateUI();
}, {capture: true, once: true});
window.addEventListener("unload", function() {
AppManager.off("app-manager-update", onAppManagerUpdate);
}, {capture: true, once: true});
function onAppManagerUpdate(what, details) {
if (what == "project" ||
what == "project-validated") {
updateUI();
}
}
function resetUI() {
document.querySelector("#toolbar").classList.add("hidden");
document.querySelector("#type").classList.add("hidden");
document.querySelector("#descriptionHeader").classList.add("hidden");
document.querySelector("#manifestURLHeader").classList.add("hidden");
document.querySelector("#locationHeader").classList.add("hidden");
document.body.className = "";
document.querySelector("#icon").src = "";
document.querySelector("h1").textContent = "";
document.querySelector("#description").textContent = "";
document.querySelector("#type").textContent = "";
document.querySelector("#manifestURL").textContent = "";
document.querySelector("#location").textContent = "";
document.querySelector("#errorslist").innerHTML = "";
document.querySelector("#warningslist").innerHTML = "";
}
function updateUI() {
resetUI();
const project = AppManager.selectedProject;
if (!project) {
return;
}
if (project.type != "runtimeApp" && project.type != "mainProcess") {
document.querySelector("#toolbar").classList.remove("hidden");
document.querySelector("#locationHeader").classList.remove("hidden");
document.querySelector("#location").textContent = project.location;
}
document.body.className = project.validationStatus;
document.querySelector("#icon").src = project.icon;
document.querySelector("h1").textContent = project.name;
let manifest;
if (project.type == "runtimeApp") {
manifest = project.app.manifest;
} else {
manifest = project.manifest;
}
if (manifest) {
if (manifest.description) {
document.querySelector("#descriptionHeader").classList.remove("hidden");
document.querySelector("#description").textContent = manifest.description;
}
document.querySelector("#type").classList.remove("hidden");
if (project.type == "runtimeApp") {
const manifestURL = AppManager.getProjectManifestURL(project);
document.querySelector("#type").textContent = manifest.type || "web";
document.querySelector("#manifestURLHeader").classList.remove("hidden");
document.querySelector("#manifestURL").textContent = manifestURL;
} else if (project.type == "mainProcess") {
document.querySelector("#type").textContent = project.name;
} else {
document.querySelector("#type").textContent = project.type + " " + (manifest.type || "web");
}
if (project.type == "packaged") {
const manifestURL = AppManager.getProjectManifestURL(project);
if (manifestURL) {
document.querySelector("#manifestURLHeader").classList.remove("hidden");
document.querySelector("#manifestURL").textContent = manifestURL;
}
}
}
const errorsNode = document.querySelector("#errorslist");
const warningsNode = document.querySelector("#warningslist");
if (project.errors) {
for (const e of project.errors) {
const li = document.createElement("li");
li.textContent = e;
errorsNode.appendChild(li);
}
}
if (project.warnings) {
for (const w of project.warnings) {
const li = document.createElement("li");
li.textContent = w;
warningsNode.appendChild(li);
}
}
AppManager.update("details");
}
// Used in details.xhtml.
/* exported removeProject */
function removeProject() {
AppManager.removeSelectedProject();
}