crowetic/qortal
1
0
Fork 0
forked from Qortal/qortal
Code Pull Requests Activity

Added support for img src updates from a Q-App.

Browse Source 
Example:

document.getElementById("logo").src = "qortal://thumbnail/QortalDemo/qortal_avatar";
This commit is contained in:
CalDescent 2023-01-29 12:04:39 +00:00
parent 1be3ae267e
commit 566c6a3f4b
1 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/main/resources/q-apps/q-apps.js
View File

@ -59,6 +59,10 @@ function buildResourceUrl(service, name, identifier, path) {
}
function extractComponents(url) {
if (!url.startsWith("qortal://")) {
return null;
}
url = url.replace(/^(qortal\:\/\/)/,"");
if (url.includes("/")) {
let parts = url.split("/");
@ -94,6 +98,9 @@ function extractComponents(url) {
}
function convertToResourceUrl(url) {
if (!url.startsWith("qortal://")) {
return null;
}
const c = extractComponents(url);
if (c == null) {
return null;
@ -312,13 +319,30 @@ else if (document.attachEvent) {
*/
document.addEventListener('DOMContentLoaded', () => {
let url = document.querySelector('img').src;
if (url.startsWith("qortal://")) {
const newUrl = convertToResourceUrl(url);
console.log("Loading newUrl " + newUrl);
const newUrl = convertToResourceUrl(url);
if (newUrl != null) {
document.querySelector('img').src = newUrl;
}
});
/**
* Intercept img src updates
*/
document.addEventListener('DOMContentLoaded', () => {
let img = document.querySelector('img');
let observer = new MutationObserver((changes) => {
changes.forEach(change => {
if (change.attributeName.includes('src')) {
const newUrl = convertToResourceUrl(img.src);
if (newUrl != null) {
document.querySelector('img').src = newUrl;
}
}
});
});
observer.observe(img, {attributes: true});
});
const awaitTimeout = (timeout, reason) =>