jgeorgi/GlModelViewer
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Add download image button

Browse Source 
Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
Justin Georgi
2024-11-03 20:44:05 -07:00
parent 80759edbad
commit 7a53ef8de8
2 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
includes/GlModelHooks.php
View File

@@ -65,7 +65,8 @@ class GlModelHooks {
* @return bool|void True to continue default processing or false to abort for custom processing * @return bool|void True to continue default processing or false to abort for custom processing
*/ */
public static function onAlternateEditPreview( $editor, $content, string &$previewHTML, ?ParserOutput &$parserOutput ) { public static function onAlternateEditPreview( $editor, $content, string &$previewHTML, ?ParserOutput &$parserOutput ) {
$file = MediaWikiServices::getInstance()->getRepoGroup()->findFile($editor->getTitle()); $title = $editor->getTitle();
$file = MediaWikiServices::getInstance()->getRepoGroup()->findFile($title);
if (!$file || $file->getMimeType() !== 'model/gltf-binary') { if (!$file || $file->getMimeType() !== 'model/gltf-binary') {
return true; return true;
} }
@@ -91,10 +92,16 @@ class GlModelHooks {
'onclick' => 'readyDelHotspot()' 'onclick' => 'readyDelHotspot()'
); );
$dldButtonAttr = array(
'class' => 'preview-button MakeImage',
'onclick' => 'downloadImage("' . $title . '")'
);
$addHsButton = array( $addHsButton = array(
Html::rawElement('button',$addButtonAttr,'Add a new hotspot'), Html::rawElement('button',$addButtonAttr,'Add a new hotspot'),
Html::rawElement('button',$readButtonAttr,'Update hotspots'), Html::rawElement('button',$readButtonAttr,'Update hotspots'),
Html::rawElement('button',$delButtonAttr,'Delete hotspot') Html::rawElement('button',$delButtonAttr,'Delete hotspot'),
Html::rawElement('button',$dldButtonAttr,'Download image')
); );
$previewHTML = Html::rawElement('div',NULL,$previewViewer.implode($addHsButton)); $previewHTML = Html::rawElement('div',NULL,$previewViewer.implode($addHsButton));

25
modules/glmv.js
View File

@@ -392,4 +392,29 @@ enableViewer = function() {
previewMv[0].disableTap = false previewMv[0].disableTap = false
previewMv[0].toggleAttribute('camera-controls', true) previewMv[0].toggleAttribute('camera-controls', true)
return previewMv[0] return previewMv[0]
}
/**
* Use the model viewer methods to get image
* of current view and download
*
* @param {string} defName wiki page name to use as base file name
*/
downloadImage = function(defName) {
const imgName = defName.substring(5).split('.')[0]
const mView = $('model-viewer')[0]
const dlA = document.createElement('a')
dlA.setAttribute('download',imgName + '.png')
const reader = new FileReader()
reader.addEventListener("load", () => {
dlA.setAttribute('href',reader.result)
dlA.click()
},{once: true})
mView.toBlob(null, null, true)
.then(imgBlob => {
reader.readAsDataURL(imgBlob)
})
} }