first commit
This commit is contained in:
189
media/plg_installer_packageinstaller/js/packageinstaller.js
Normal file
189
media/plg_installer_packageinstaller/js/packageinstaller.js
Normal file
@ -0,0 +1,189 @@
|
||||
/**
|
||||
* @copyright (C) 2020 Open Source Matters, Inc. <https://www.joomla.org>
|
||||
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
||||
*/
|
||||
|
||||
Joomla = window.Joomla || {};
|
||||
(Joomla => {
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
Joomla.submitbuttonpackage = () => {
|
||||
const form = document.getElementById('adminForm');
|
||||
|
||||
// do field validation
|
||||
if (form.install_package.value === '') {
|
||||
Joomla.renderMessages({
|
||||
warning: [Joomla.Text._('PLG_INSTALLER_PACKAGEINSTALLER_NO_PACKAGE')]
|
||||
});
|
||||
} else if (form.install_package.files[0].size > form.max_upload_size.value) {
|
||||
Joomla.renderMessages({
|
||||
warning: [Joomla.Text._('COM_INSTALLER_MSG_WARNINGS_UPLOADFILETOOBIG')]
|
||||
});
|
||||
} else {
|
||||
const loading = document.getElementById('loading');
|
||||
if (loading) {
|
||||
loading.classList.remove('hidden');
|
||||
}
|
||||
form.installtype.value = 'upload';
|
||||
form.submit();
|
||||
}
|
||||
};
|
||||
if (typeof FormData === 'undefined') {
|
||||
document.querySelector('#legacy-uploader').classList.remove('hidden');
|
||||
document.querySelector('#uploader-wrapper').classList.add('hidden');
|
||||
return;
|
||||
}
|
||||
let uploading = false;
|
||||
const dragZone = document.querySelector('#dragarea');
|
||||
const fileInput = document.querySelector('#install_package');
|
||||
const fileSizeMax = document.querySelector('#max_upload_size').value;
|
||||
const button = document.querySelector('#select-file-button');
|
||||
const returnUrl = document.querySelector('#installer-return').value;
|
||||
const progress = document.getElementById('upload-progress');
|
||||
const progressBar = progress.querySelector('.progress-bar');
|
||||
const percentage = progress.querySelector('.uploading-number');
|
||||
let uploadUrl = 'index.php?option=com_installer&task=install.ajax_upload';
|
||||
function showError(res) {
|
||||
dragZone.setAttribute('data-state', 'pending');
|
||||
let message = Joomla.Text._('PLG_INSTALLER_PACKAGEINSTALLER_UPLOAD_ERROR_UNKNOWN');
|
||||
if (res == null) {
|
||||
message = Joomla.Text._('PLG_INSTALLER_PACKAGEINSTALLER_UPLOAD_ERROR_EMPTY');
|
||||
} else if (typeof res === 'string') {
|
||||
// Let's remove unnecessary HTML
|
||||
message = res.replace(/(<([^>]+)>|\s+)/g, ' ');
|
||||
} else if (res.message) {
|
||||
({
|
||||
message
|
||||
} = res);
|
||||
}
|
||||
Joomla.renderMessages({
|
||||
error: [message]
|
||||
});
|
||||
}
|
||||
if (returnUrl) {
|
||||
uploadUrl += `&return=${returnUrl}`;
|
||||
}
|
||||
button.addEventListener('click', () => {
|
||||
fileInput.click();
|
||||
});
|
||||
fileInput.addEventListener('change', () => {
|
||||
if (uploading) {
|
||||
return;
|
||||
}
|
||||
Joomla.submitbuttonpackage();
|
||||
});
|
||||
dragZone.addEventListener('dragenter', event => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
dragZone.classList.add('hover');
|
||||
return false;
|
||||
});
|
||||
|
||||
// Notify user when file is over the drop area
|
||||
dragZone.addEventListener('dragover', event => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
dragZone.classList.add('hover');
|
||||
return false;
|
||||
});
|
||||
dragZone.addEventListener('dragleave', event => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
dragZone.classList.remove('hover');
|
||||
return false;
|
||||
});
|
||||
dragZone.addEventListener('drop', event => {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
if (uploading) {
|
||||
return;
|
||||
}
|
||||
dragZone.classList.remove('hover');
|
||||
const files = event.target.files || event.dataTransfer.files;
|
||||
if (!files.length) {
|
||||
return;
|
||||
}
|
||||
const file = files[0];
|
||||
const data = new FormData();
|
||||
if (!file.type) {
|
||||
Joomla.renderMessages({
|
||||
error: [Joomla.Text._('PLG_INSTALLER_PACKAGEINSTALLER_NO_PACKAGE')]
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (file.size > fileSizeMax) {
|
||||
Joomla.renderMessages({
|
||||
warning: [Joomla.Text._('COM_INSTALLER_MSG_WARNINGS_UPLOADFILETOOBIG')]
|
||||
});
|
||||
return;
|
||||
}
|
||||
data.append('install_package', file);
|
||||
data.append('installtype', 'upload');
|
||||
dragZone.setAttribute('data-state', 'uploading');
|
||||
progressBar.setAttribute('aria-valuenow', 0);
|
||||
uploading = true;
|
||||
progressBar.style.width = 0;
|
||||
percentage.textContent = '0';
|
||||
|
||||
// Upload progress
|
||||
const progressCallback = evt => {
|
||||
if (evt.lengthComputable) {
|
||||
const percentComplete = evt.loaded / evt.total;
|
||||
const number = Math.round(percentComplete * 100);
|
||||
progressBar.style.width = `${number}%`;
|
||||
progressBar.setAttribute('aria-valuenow', number);
|
||||
percentage.textContent = `${number}`;
|
||||
if (number === 100) {
|
||||
dragZone.setAttribute('data-state', 'installing');
|
||||
}
|
||||
}
|
||||
};
|
||||
Joomla.request({
|
||||
url: uploadUrl,
|
||||
method: 'POST',
|
||||
perform: true,
|
||||
data,
|
||||
onBefore: xhr => {
|
||||
xhr.upload.addEventListener('progress', progressCallback);
|
||||
},
|
||||
onSuccess: response => {
|
||||
if (!response) {
|
||||
showError(response);
|
||||
return;
|
||||
}
|
||||
let res;
|
||||
try {
|
||||
res = JSON.parse(response);
|
||||
} catch (e) {
|
||||
showError(e);
|
||||
return;
|
||||
}
|
||||
if (!res.success && !res.data) {
|
||||
showError(res);
|
||||
return;
|
||||
}
|
||||
|
||||
// Always redirect that can show message queue from session
|
||||
if (res.data.redirect) {
|
||||
window.location.href = res.data.redirect;
|
||||
} else {
|
||||
window.location.href = 'index.php?option=com_installer&view=install';
|
||||
}
|
||||
},
|
||||
onError: error => {
|
||||
uploading = false;
|
||||
if (error.status === 200) {
|
||||
const res = error.responseText || error.responseJSON;
|
||||
showError(res);
|
||||
} else {
|
||||
showError(error.statusText);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
document.getElementById('installbutton_package').addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
Joomla.submitbuttonpackage();
|
||||
});
|
||||
});
|
||||
})(Joomla);
|
||||
1
media/plg_installer_packageinstaller/js/packageinstaller.min.js
vendored
Normal file
1
media/plg_installer_packageinstaller/js/packageinstaller.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
Joomla=window.Joomla||{},(e=>{document.addEventListener("DOMContentLoaded",(()=>{if(e.submitbuttonpackage=()=>{const t=document.getElementById("adminForm");if(""===t.install_package.value)e.renderMessages({warning:[e.Text._("PLG_INSTALLER_PACKAGEINSTALLER_NO_PACKAGE")]});else if(t.install_package.files[0].size>t.max_upload_size.value)e.renderMessages({warning:[e.Text._("COM_INSTALLER_MSG_WARNINGS_UPLOADFILETOOBIG")]});else{const e=document.getElementById("loading");e&&e.classList.remove("hidden"),t.installtype.value="upload",t.submit()}},"undefined"==typeof FormData)return document.querySelector("#legacy-uploader").classList.remove("hidden"),void document.querySelector("#uploader-wrapper").classList.add("hidden");let t=!1;const a=document.querySelector("#dragarea"),r=document.querySelector("#install_package"),n=document.querySelector("#max_upload_size").value,s=document.querySelector("#select-file-button"),o=document.querySelector("#installer-return").value,l=document.getElementById("upload-progress"),d=l.querySelector(".progress-bar"),i=l.querySelector(".uploading-number");let u="index.php?option=com_installer&task=install.ajax_upload";function c(t){a.setAttribute("data-state","pending");let r=e.Text._("PLG_INSTALLER_PACKAGEINSTALLER_UPLOAD_ERROR_UNKNOWN");null==t?r=e.Text._("PLG_INSTALLER_PACKAGEINSTALLER_UPLOAD_ERROR_EMPTY"):"string"==typeof t?r=t.replace(/(<([^>]+)>|\s+)/g," "):t.message&&({message:r}=t),e.renderMessages({error:[r]})}o&&(u+=`&return=${o}`),s.addEventListener("click",(()=>{r.click()})),r.addEventListener("change",(()=>{t||e.submitbuttonpackage()})),a.addEventListener("dragenter",(e=>(e.preventDefault(),e.stopPropagation(),a.classList.add("hover"),!1))),a.addEventListener("dragover",(e=>(e.preventDefault(),e.stopPropagation(),a.classList.add("hover"),!1))),a.addEventListener("dragleave",(e=>(e.preventDefault(),e.stopPropagation(),a.classList.remove("hover"),!1))),a.addEventListener("drop",(r=>{if(r.preventDefault(),r.stopPropagation(),t)return;a.classList.remove("hover");const s=r.target.files||r.dataTransfer.files;if(!s.length)return;const o=s[0],l=new FormData;if(!o.type)return void e.renderMessages({error:[e.Text._("PLG_INSTALLER_PACKAGEINSTALLER_NO_PACKAGE")]});if(o.size>n)return void e.renderMessages({warning:[e.Text._("COM_INSTALLER_MSG_WARNINGS_UPLOADFILETOOBIG")]});l.append("install_package",o),l.append("installtype","upload"),a.setAttribute("data-state","uploading"),d.setAttribute("aria-valuenow",0),t=!0,d.style.width=0,i.textContent="0";const p=e=>{if(e.lengthComputable){const t=e.loaded/e.total,r=Math.round(100*t);d.style.width=`${r}%`,d.setAttribute("aria-valuenow",r),i.textContent=`${r}`,100===r&&a.setAttribute("data-state","installing")}};e.request({url:u,method:"POST",perform:!0,data:l,onBefore:e=>{e.upload.addEventListener("progress",p)},onSuccess:e=>{if(!e)return void c(e);let t;try{t=JSON.parse(e)}catch(e){return void c(e)}t.success||t.data?t.data.redirect?window.location.href=t.data.redirect:window.location.href="index.php?option=com_installer&view=install":c(t)},onError:e=>{if(t=!1,200===e.status){c(e.responseText||e.responseJSON)}else c(e.statusText)}})})),document.getElementById("installbutton_package").addEventListener("click",(t=>{t.preventDefault(),e.submitbuttonpackage()}))}))})(Joomla);
|
||||
Binary file not shown.
Reference in New Issue
Block a user