Add file page model display

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
2024-10-23 10:19:30 -07:00
parent 36f8cbe04b
commit 134d9203de
3 changed files with 25 additions and 77 deletions

View File

@@ -4,72 +4,6 @@ modelLoad.setAttribute('src','https://ajax.googleapis.com/ajax/libs/model-viewer
let headElem = document.getElementsByTagName('head')[0]
headElem.appendChild(modelLoad)
/*
let urlProm, dataProm
let isFilePageImage = false
let glbElems = document.querySelectorAll('.mw-body-content [href$=".glb"][title$=".glb"')
if (glbElems.length > 0) {
[...glbElems].forEach((ge, idx) => {
console.log(ge)
const modelRef = ge.href
const modelTitle = ge.title
isFilePageImage = false
if (idx == 0
&& $('.mw-page-title-namespace').text() == 'File'
&& $('.mw-page-title-main').text() == modelTitle) {
isFilePageImage = true
}
if (modelRef.indexOf('File:') >= 0) {
urlProm = getModelUrl(modelTitle)
dataProm = getModelMeta(modelTitle)
} else {
urlProm = new Promise(resolve => {
resolve(modelRef)
})
dataProm = getModelMeta('File:' + modelTitle)
}
Promise.all([urlProm, dataProm]).then((modelInfo) => {
console.log(modelInfo[0])
const newModel = document.createElement('model-viewer')
newModel.src = modelInfo[0]
newModel.toggleAttribute('camera-controls')
newModel.toggleAttribute('ar')
newModel.style.width='800px'
newModel.style.height='600px'
if (isFilePageImage) {
ge.parentElement.insertBefore(newModel, ge)
$('.mediaWarning').remove()
} else {
ge.parentElement.replaceChild(newModel, ge)
}
console.log(modelInfo[1])
})
})
}
async function getModelUrl(getTitle) {
const urlApi = new mw.Api;
let urlApiResp = await urlApi.get({
"action": "query",
"format": "json",
"prop": "imageinfo",
"titles": getTitle,
"iiprop": "url"
});
return urlApiResp.query.pages[Object.keys(urlApiResp.query.pages)[0]].imageinfo[0].url
}
async function getModelMeta(getTitle) {
const metaApi = new mw.Api;
let metaApiResp = await metaApi.get({
"action": "parse",
"page": getTitle
});
return JSON.parse($(metaApiResp.parse.text['*']).find('pre').text() || '{}')
}
*/
if (mw.config.values.wgAction == 'submit') {
[...document.getElementsByTagName('model-viewer')].forEach( mv => {
mv.disableTap = true;