mirror of
https://github.com/immense/Remotely.git
synced 2025-10-26 11:27:15 +00:00
84 lines
3.7 KiB
JavaScript
84 lines
3.7 KiB
JavaScript
import * as Utilities from "./Utilities.js";
|
|
export var CommandCompletionDiv = document.querySelector("#commandCompletionDiv");
|
|
export var CommandInfoDiv = document.querySelector("#commandInfoDiv");
|
|
export var CommandModeSelect = document.querySelector("#commandModeSelect");
|
|
export var ConsoleOutputDiv = document.querySelector("#consoleOutputDiv");
|
|
export var ConsoleTextArea = document.querySelector("#consoleTextArea");
|
|
export var DeviceGrid = document.querySelector("#deviceGrid");
|
|
export var DevicesSelectedCount = document.querySelector("#devicesSelectedSpan");
|
|
export var OnlineDevicesCount = document.querySelector("#onlineDevicesSpan");
|
|
export var TotalDevicesCount = document.querySelector("#totalDevicesSpan");
|
|
export var MeasurementCanvas = document.createElement("canvas");
|
|
export var MeasurementContext = MeasurementCanvas.getContext("2d");
|
|
export var TabContentWrapper = document.getElementById("tabContentWrapper");
|
|
export var ConsoleFrame = document.getElementById("consoleFrame");
|
|
export var ConsoleTab = document.getElementById("consoleTab");
|
|
export var ConsoleAlert = document.getElementById("consoleAlert");
|
|
export var DeviceGroupSelect = document.getElementById("deviceGroupSelect");
|
|
export var GridFilter = document.getElementById("gridFilter");
|
|
export var AlertsButton = document.getElementById("alertsButton");
|
|
export var CloseAlertsButton = document.getElementById("closeAlertsFrameButton");
|
|
export var AlertsFrame = document.getElementById("alertsFrame");
|
|
export var AlertsCount = document.getElementById("alertsCount");
|
|
export var ToastsWrapper = document.getElementById("toastsWrapper");
|
|
export function ShowMessage(message) {
|
|
var messageDiv = document.createElement("div");
|
|
messageDiv.classList.add("toast-message");
|
|
messageDiv.innerHTML = message;
|
|
ToastsWrapper.appendChild(messageDiv);
|
|
window.setTimeout(() => {
|
|
messageDiv.remove();
|
|
}, 5000);
|
|
}
|
|
export function ShowModal(title, modalBodyHtml, buttonsHTML = "", onDismissCallback = null) {
|
|
var modalID = Utilities.CreateGUID();
|
|
var modalHTML = `<div id="${modalID}" class="modal fade in" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">${title}</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
${modalBodyHtml}
|
|
</div>
|
|
<div class="modal-footer">
|
|
${buttonsHTML}
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
var wrapperDiv = document.createElement("div");
|
|
wrapperDiv.innerHTML = modalHTML;
|
|
document.body.appendChild(wrapperDiv);
|
|
$("#" + modalID).on("hidden.bs.modal", ev => {
|
|
try {
|
|
if (onDismissCallback) {
|
|
onDismissCallback();
|
|
}
|
|
}
|
|
finally {
|
|
ev.currentTarget.parentElement.remove();
|
|
}
|
|
});
|
|
$("#" + modalID).modal("show");
|
|
return wrapperDiv;
|
|
}
|
|
;
|
|
export function ValidateInput(inputElement) {
|
|
if (!inputElement.checkValidity()) {
|
|
$(inputElement)["tooltip"]({
|
|
template: '<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner text-danger"></div></div>',
|
|
title: inputElement.validationMessage
|
|
});
|
|
$(inputElement)["tooltip"]("show");
|
|
return false;
|
|
}
|
|
else {
|
|
return true;
|
|
}
|
|
}
|
|
//# sourceMappingURL=UI.js.map
|