mirror of
https://gitcode.com/gh_mirrors/es/esp32-opencv.git
synced 2025-08-15 03:01:04 +08:00
initial commit
This commit is contained in:
204
samples/winrt/JavaScript/sample-utils/sample-utils.js
Normal file
204
samples/winrt/JavaScript/sample-utils/sample-utils.js
Normal file
@ -0,0 +1,204 @@
|
||||
//// Copyright (c) Microsoft Corporation. All rights reserved
|
||||
|
||||
// This file is a part of the SDK sample framework. For code demonstrating scenarios in this particular sample,
|
||||
// please see the html, css and js folders.
|
||||
|
||||
(function () {
|
||||
|
||||
//
|
||||
// Helper controls used in the sample pages
|
||||
//
|
||||
|
||||
// The ScenarioInput control inserts the appropriate markup to get labels & controls
|
||||
// hooked into the input section of a scenario page so that it's not repeated in
|
||||
// every one.
|
||||
|
||||
var lastError = "";
|
||||
var lastStatus = "";
|
||||
var ScenarioInput = WinJS.Class.define(
|
||||
function (element, options) {
|
||||
element.winControl = this;
|
||||
this.element = element;
|
||||
|
||||
new WinJS.Utilities.QueryCollection(element)
|
||||
.setAttribute("role", "main")
|
||||
.setAttribute("aria-labelledby", "inputLabel");
|
||||
element.id = "input";
|
||||
|
||||
this.addInputLabel(element);
|
||||
this.addDetailsElement(element);
|
||||
this.addScenariosPicker(element);
|
||||
}, {
|
||||
addInputLabel: function (element) {
|
||||
var label = document.createElement("h2");
|
||||
label.textContent = "Input";
|
||||
label.id = "inputLabel";
|
||||
element.parentNode.insertBefore(label, element);
|
||||
},
|
||||
addScenariosPicker: function (parentElement) {
|
||||
var scenarios = document.createElement("div");
|
||||
scenarios.id = "scenarios";
|
||||
var control = new ScenarioSelect(scenarios);
|
||||
|
||||
parentElement.insertBefore(scenarios, parentElement.childNodes[0]);
|
||||
},
|
||||
|
||||
addDetailsElement: function (sourceElement) {
|
||||
var detailsDiv = this._createDetailsDiv();
|
||||
while (sourceElement.childNodes.length > 0) {
|
||||
detailsDiv.appendChild(sourceElement.removeChild(sourceElement.childNodes[0]));
|
||||
}
|
||||
sourceElement.appendChild(detailsDiv);
|
||||
},
|
||||
_createDetailsDiv: function () {
|
||||
var detailsDiv = document.createElement("div");
|
||||
|
||||
new WinJS.Utilities.QueryCollection(detailsDiv)
|
||||
.addClass("details")
|
||||
.setAttribute("role", "region")
|
||||
.setAttribute("aria-labelledby", "descLabel")
|
||||
.setAttribute("aria-live", "assertive");
|
||||
|
||||
var label = document.createElement("h3");
|
||||
label.textContent = "Description";
|
||||
label.id = "descLabel";
|
||||
|
||||
detailsDiv.appendChild(label);
|
||||
return detailsDiv;
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
// The ScenarioOutput control inserts the appropriate markup to get labels & controls
|
||||
// hooked into the output section of a scenario page so that it's not repeated in
|
||||
// every one.
|
||||
|
||||
var ScenarioOutput = WinJS.Class.define(
|
||||
function (element, options) {
|
||||
element.winControl = this;
|
||||
this.element = element;
|
||||
new WinJS.Utilities.QueryCollection(element)
|
||||
.setAttribute("role", "region")
|
||||
.setAttribute("aria-labelledby", "outputLabel")
|
||||
.setAttribute("aria-live", "assertive");
|
||||
element.id = "output";
|
||||
|
||||
this._addOutputLabel(element);
|
||||
this._addStatusOutput(element);
|
||||
}, {
|
||||
_addOutputLabel: function (element) {
|
||||
var label = document.createElement("h2");
|
||||
label.id = "outputLabel";
|
||||
label.textContent = "Output";
|
||||
element.parentNode.insertBefore(label, element);
|
||||
},
|
||||
_addStatusOutput: function (element) {
|
||||
var statusDiv = document.createElement("div");
|
||||
statusDiv.id = "statusMessage";
|
||||
statusDiv.setAttribute("role", "textbox");
|
||||
element.insertBefore(statusDiv, element.childNodes[0]);
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
// Sample infrastructure internals
|
||||
|
||||
var currentScenarioUrl = null;
|
||||
|
||||
WinJS.Navigation.addEventListener("navigating", function (evt) {
|
||||
currentScenarioUrl = evt.detail.location;
|
||||
});
|
||||
|
||||
WinJS.log = function (message, tag, type) {
|
||||
var isError = (type === "error");
|
||||
var isStatus = (type === "status");
|
||||
|
||||
if (isError || isStatus) {
|
||||
var statusDiv = /* @type(HTMLElement) */ document.getElementById("statusMessage");
|
||||
if (statusDiv) {
|
||||
statusDiv.innerText = message;
|
||||
if (isError) {
|
||||
lastError = message;
|
||||
statusDiv.style.color = "blue";
|
||||
} else if (isStatus) {
|
||||
lastStatus = message;
|
||||
statusDiv.style.color = "green";
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Control that populates and runs the scenario selector
|
||||
|
||||
var ScenarioSelect = WinJS.UI.Pages.define("/sample-utils/scenario-select.html", {
|
||||
ready: function (element, options) {
|
||||
var that = this;
|
||||
var selectElement = WinJS.Utilities.query("#scenarioSelect", element);
|
||||
this._selectElement = selectElement[0];
|
||||
|
||||
SdkSample.scenarios.forEach(function (s, index) {
|
||||
that._addScenario(index, s);
|
||||
});
|
||||
|
||||
selectElement.listen("change", function (evt) {
|
||||
var select = evt.target;
|
||||
if (select.selectedIndex >= 0) {
|
||||
var newUrl = select.options[select.selectedIndex].value;
|
||||
WinJS.Navigation.navigate(newUrl);
|
||||
}
|
||||
});
|
||||
selectElement[0].size = (SdkSample.scenarios.length > 5 ? 5 : SdkSample.scenarios.length);
|
||||
if (SdkSample.scenarios.length === 1) {
|
||||
// Avoid showing down arrow when there is only one scenario
|
||||
selectElement[0].setAttribute("multiple", "multiple");
|
||||
}
|
||||
|
||||
// Use setImmediate to ensure that the select element is set as active only after
|
||||
// the scenario page has been constructed.
|
||||
setImmediate(function () {
|
||||
that._selectElement.setActive();
|
||||
});
|
||||
},
|
||||
|
||||
_addScenario: function (index, info) {
|
||||
var option = document.createElement("option");
|
||||
if (info.url === currentScenarioUrl) {
|
||||
option.selected = "selected";
|
||||
}
|
||||
option.text = (index + 1) + ") " + info.title;
|
||||
option.value = info.url;
|
||||
this._selectElement.appendChild(option);
|
||||
}
|
||||
});
|
||||
|
||||
function activated(e) {
|
||||
WinJS.Utilities.query("#featureLabel")[0].textContent = SdkSample.sampleTitle;
|
||||
}
|
||||
|
||||
WinJS.Application.addEventListener("activated", activated, false);
|
||||
|
||||
// Export public methods & controls
|
||||
WinJS.Namespace.define("SdkSample", {
|
||||
ScenarioInput: ScenarioInput,
|
||||
ScenarioOutput: ScenarioOutput
|
||||
});
|
||||
|
||||
// SDK Sample Test helper
|
||||
document.TestSdkSample = {
|
||||
getLastError: function () {
|
||||
return lastError;
|
||||
},
|
||||
|
||||
getLastStatus: function () {
|
||||
return lastStatus;
|
||||
},
|
||||
|
||||
selectScenario: function (scenarioID) {
|
||||
scenarioID = scenarioID >> 0;
|
||||
var select = document.getElementById("scenarioSelect");
|
||||
var newUrl = select.options[scenarioID - 1].value;
|
||||
WinJS.Navigation.navigate(newUrl);
|
||||
}
|
||||
};
|
||||
})();
|
Reference in New Issue
Block a user