mirror of
https://github.com/kiddin9/op-packages.git
synced 2026-10-26 22:12:51 +08:00
803 lines
22 KiB
JavaScript
803 lines
22 KiB
JavaScript
'use strict';
|
||
'require view';
|
||
'require rpc';
|
||
'require ui';
|
||
'require poll';
|
||
|
||
var I18N = null;
|
||
|
||
function loadI18N() {
|
||
if (I18N)
|
||
return Promise.resolve();
|
||
|
||
return new Promise(function (resolve, reject) {
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.open('GET', '/luci-static/resources/view/run/i18n.json', true);
|
||
xhr.onload = function () {
|
||
if (xhr.status >= 200 && xhr.status < 300) {
|
||
try {
|
||
I18N = JSON.parse(xhr.responseText);
|
||
resolve();
|
||
} catch (e) {
|
||
reject(e);
|
||
}
|
||
} else {
|
||
reject(new Error('Failed to load i18n.json'));
|
||
}
|
||
};
|
||
xhr.onerror = function () {
|
||
reject(new Error('Network error loading i18n.json'));
|
||
};
|
||
xhr.send();
|
||
});
|
||
}
|
||
|
||
function getLang() {
|
||
try {
|
||
var m = document.cookie.match(/luci_lang=([a-zA-Z-]+)/);
|
||
if (m) return m[1].substring(0, 2).toLowerCase();
|
||
|
||
if (window.L && L.env && L.env.lang)
|
||
return L.env.lang.substring(0, 2).toLowerCase();
|
||
|
||
return 'zh';
|
||
} catch (e) {
|
||
return 'zh';
|
||
}
|
||
}
|
||
|
||
function _(key) {
|
||
if (!I18N)
|
||
return getDefaultText(key);
|
||
|
||
var lang = getLang();
|
||
var str = (I18N[lang] && I18N[lang][key]) || (I18N.zh && I18N.zh[key]) || getDefaultText(key) || key;
|
||
var args = Array.prototype.slice.call(arguments, 1);
|
||
if (args.length > 0) {
|
||
return str.format.apply(str, args);
|
||
}
|
||
return str;
|
||
}
|
||
|
||
function getDefaultText(key) {
|
||
var defaults = {
|
||
'title': 'Run安装器',
|
||
'desc': '在路由器上上传并执行脚本或安装包，注意架构务必匹配。',
|
||
'drop_tip': '拖入文件，或从电脑选择。',
|
||
'choose_file': '选择 .run 或 .sh 文件',
|
||
'choose_ipk': '选择 .ipk 包',
|
||
'choose_apk': '选择 .apk 包',
|
||
'execute': '执行',
|
||
'clean_up': '清理',
|
||
'upload_title': '上传文件',
|
||
'log_title': '执行日志',
|
||
'clean_done': '临时文件与日志已清理。',
|
||
'only_supported': '仅支持 .run、.sh、.ipk 和 .apk 文件。',
|
||
'prepare_upload': '准备上传：%s (%s)',
|
||
'upload_failed': '上传失败。',
|
||
'uploading': '正在上传 %s：%d%%',
|
||
'upload_err': '上传请求失败。',
|
||
'upload_invalid': '上传返回格式无效。',
|
||
'upload_done': '上传完成：%s (%s)',
|
||
'starting': '正在启动安装器...',
|
||
'started': '安装器已启动，PID %d。',
|
||
'running': '安装器正在运行。',
|
||
'last_file': '上一次安装包：%s',
|
||
'err_no_opkg': '您的系统不支持 ipk 包安装，请选择 apk 包。',
|
||
'err_no_apk': '您的系统不支持 apk 包安装，请选择 ipk 包。',
|
||
'script_args': '脚本参数（如 -q -h）',
|
||
'args_hint': '您可以输入脚本参数或留空',
|
||
'cancel': '取消',
|
||
'confirm': '确定',
|
||
'auto_cleaned': '执行完毕，已自动清理临时文件。',
|
||
'download_run': '下载并执行 .run',
|
||
'download_url': '请输入 .run 文件的下载地址',
|
||
'downloading': '正在下载...',
|
||
'only_run': '仅支持 .run 文件下载',
|
||
'no_file': '请先选择sh文件'
|
||
};
|
||
return defaults[key] || null;
|
||
}
|
||
|
||
function cleanupStaleDialogs() {
|
||
var allDivs = document.getElementsByTagName('div');
|
||
for (var i = allDivs.length - 1; i >= 0; i--) {
|
||
var div = allDivs[i];
|
||
if (!div || !div.parentNode) continue;
|
||
var style = window.getComputedStyle ? window.getComputedStyle(div) : div.style;
|
||
var isFixed = style.position === 'fixed' || (div.style && div.style.position === 'fixed');
|
||
var hasHighZ = (style.zIndex && parseInt(style.zIndex) >= 9000) || (div.style.zIndex && parseInt(div.style.zIndex) >= 9000);
|
||
var isOurDialog = div.style && (div.style.zIndex === '9999' || div.style.background && div.style.background.indexOf('rgba(0,0,0,0.5)') !== -1);
|
||
if (isFixed && (hasHighZ || isOurDialog)) {
|
||
div.parentNode.removeChild(div);
|
||
}
|
||
}
|
||
}
|
||
|
||
var uploadStart = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'upload_start',
|
||
params: ['filename', 'size']
|
||
});
|
||
|
||
var uploadChunk = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'upload_chunk',
|
||
params: ['id', 'data', 'index']
|
||
});
|
||
|
||
var uploadFinish = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'upload_finish',
|
||
params: ['id']
|
||
});
|
||
|
||
var runInstaller = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'run',
|
||
params: ['id', 'args']
|
||
});
|
||
|
||
var getStatus = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'status'
|
||
});
|
||
|
||
var getVersion = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'version'
|
||
});
|
||
|
||
var getCapabilities = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'capabilities'
|
||
});
|
||
|
||
var readLog = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'read_log',
|
||
params: ['offset']
|
||
});
|
||
|
||
var cleanup = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'cleanup'
|
||
});
|
||
|
||
var downloadRun = rpc.declare({
|
||
object: 'luci-app-run',
|
||
method: 'download_run',
|
||
params: ['url']
|
||
});
|
||
|
||
function formatBytes(size) {
|
||
if (size >= 1024 * 1024)
|
||
return '%.1f MiB'.format(size / 1024 / 1024);
|
||
|
||
if (size >= 1024)
|
||
return '%.1f KiB'.format(size / 1024);
|
||
|
||
return '%d B'.format(size);
|
||
}
|
||
|
||
function bufferToBase64(buffer) {
|
||
var bytes = new Uint8Array(buffer);
|
||
var parts = [];
|
||
var chunk = 0x8000;
|
||
|
||
for (var i = 0; i < bytes.length; i += chunk)
|
||
parts.push(String.fromCharCode.apply(null, bytes.subarray(i, i + chunk)));
|
||
|
||
return btoa(parts.join(''));
|
||
}
|
||
|
||
return view.extend({
|
||
handleSave: null,
|
||
handleReset: null,
|
||
handleSaveApply: null,
|
||
|
||
logOffset: 0,
|
||
currentUploadId: null,
|
||
currentFileType: null,
|
||
appVersion: 'unknown',
|
||
capabilities: { opkg: 1, apk: 1 },
|
||
|
||
load: function () {
|
||
var self = this;
|
||
return loadI18N().then(function () {
|
||
return getVersion().then(function (res) {
|
||
if (res && res.version) {
|
||
self.appVersion = res.version;
|
||
var storedVersion = localStorage.getItem('luci-app-run-version');
|
||
if (storedVersion && storedVersion !== self.appVersion) {
|
||
localStorage.setItem('luci-app-run-version', self.appVersion);
|
||
window.location.reload(true);
|
||
} else {
|
||
localStorage.setItem('luci-app-run-version', self.appVersion);
|
||
}
|
||
}
|
||
return getCapabilities().then(function (cap) {
|
||
if (cap) {
|
||
self.capabilities = {
|
||
opkg: cap.opkg || 0,
|
||
apk: cap.apk || 0
|
||
};
|
||
}
|
||
return getStatus().catch(function () {
|
||
return {};
|
||
});
|
||
}).catch(function () {
|
||
return getStatus().catch(function () {
|
||
return {};
|
||
});
|
||
});
|
||
}).catch(function () {
|
||
return getCapabilities().then(function (cap) {
|
||
if (cap) {
|
||
self.capabilities = {
|
||
opkg: cap.opkg || 0,
|
||
apk: cap.apk || 0
|
||
};
|
||
}
|
||
return getStatus().catch(function () {
|
||
return {};
|
||
});
|
||
}).catch(function () {
|
||
return getStatus().catch(function () {
|
||
return {};
|
||
});
|
||
});
|
||
});
|
||
}).catch(function () {
|
||
return getStatus().catch(function () {
|
||
return {};
|
||
});
|
||
});
|
||
},
|
||
|
||
render: function (status) {
|
||
var self = this;
|
||
|
||
cleanupStaleDialogs();
|
||
|
||
var fileInput = E('input', {
|
||
'type': 'file',
|
||
accept: '.run,.sh,.ipk,.apk,application/x-shellscript,application/octet-stream',
|
||
style: 'display:none'
|
||
});
|
||
|
||
var ipkInput = E('input', {
|
||
'type': 'file',
|
||
accept: '.ipk',
|
||
style: 'display:none'
|
||
});
|
||
|
||
var apkInput = E('input', {
|
||
'type': 'file',
|
||
accept: '.apk',
|
||
style: 'display:none'
|
||
});
|
||
|
||
var progress = E('progress', {
|
||
max: 100,
|
||
value: 0,
|
||
style: 'width:100%;display:none'
|
||
});
|
||
|
||
var state = E('div', { 'class': 'cbi-value-description' }, _('drop_tip'));
|
||
|
||
var log = E('pre', {
|
||
id: 'run-log',
|
||
style: 'min-height:16em;max-height:32em;overflow:auto;background:#111;color:#eee;padding:1em;white-space:pre-wrap',
|
||
}, ['']);
|
||
|
||
var pickButton = E('button', {
|
||
class: 'cbi-button cbi-button-apply run-btn',
|
||
style: 'background:#333!important;background-color:#333!important;background-image:none!important;color:#fff!important;border-color:#333!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important',
|
||
click: function (ev) {
|
||
ev.preventDefault();
|
||
cleanupStaleDialogs();
|
||
fileInput.value = '';
|
||
fileInput.click();
|
||
}
|
||
}, [_('choose_file')]);
|
||
|
||
var ipkButton = E('button', {
|
||
class: 'cbi-button cbi-button-add run-btn',
|
||
style: 'margin-left:10px;background:#2E7D32!important;background-color:#2E7D32!important;background-image:none!important;color:#fff!important;border-color:#2E7D32!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important',
|
||
click: function (ev) {
|
||
ev.preventDefault();
|
||
cleanupStaleDialogs();
|
||
ipkInput.value = '';
|
||
ipkInput.click();
|
||
}
|
||
}, [_('choose_ipk')]);
|
||
|
||
var apkButton = E('button', {
|
||
class: 'cbi-button cbi-button-add run-btn',
|
||
style: 'margin-left:10px;background:#1565C0!important;background-color:#1565C0!important;background-image:none!important;color:#fff!important;border-color:#1565C0!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important',
|
||
click: function (ev) {
|
||
ev.preventDefault();
|
||
cleanupStaleDialogs();
|
||
apkInput.value = '';
|
||
apkInput.click();
|
||
}
|
||
}, [_('choose_apk')]);
|
||
|
||
var downloadButton = E('button', {
|
||
class: 'cbi-button cbi-button-action run-btn',
|
||
style: 'margin-left:10px;background:#E65100!important;background-color:#E65100!important;background-image:none!important;color:#fff!important;border-color:#E65100!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important',
|
||
click: function (ev) {
|
||
ev.preventDefault();
|
||
cleanupStaleDialogs();
|
||
self.showDownloadDialog(function (url) {
|
||
if (url !== null) {
|
||
log.textContent = '';
|
||
self.startDownload(runButton, state, url.trim());
|
||
}
|
||
});
|
||
}
|
||
}, [_('download_run')]);
|
||
|
||
var runButton = E('button', {
|
||
class: 'cbi-button cbi-button-action run-btn',
|
||
disabled: false,
|
||
style: 'min-width:140px;margin-left:15px;background:#7B1FA2!important;background-color:#7B1FA2!important;background-image:none!important;color:#fff!important;border-color:#7B1FA2!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important;pointer-events:auto!important;cursor:pointer!important',
|
||
click: function (ev) {
|
||
ev.preventDefault();
|
||
ev.stopPropagation();
|
||
|
||
cleanupStaleDialogs();
|
||
|
||
log.textContent = '';
|
||
|
||
if (self.currentFileType === '.sh') {
|
||
self.showArgsDialog(function (args) {
|
||
if (args !== null) {
|
||
self.startRun(runButton, state, args.trim());
|
||
}
|
||
});
|
||
} else {
|
||
self.startRun(runButton, state, '');
|
||
}
|
||
return false;
|
||
}
|
||
}, [_('execute')]);
|
||
|
||
var cleanButton = E('button', {
|
||
class: 'cbi-button cbi-button-reset run-btn',
|
||
style: 'margin-left:35px;background:#C62828!important;background-color:#C62828!important;background-image:none!important;color:#fff!important;border-color:#C62828!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important',
|
||
click: function (ev) {
|
||
ev.preventDefault();
|
||
cleanupStaleDialogs();
|
||
cleanup().then(function (res) {
|
||
if (res && res.error)
|
||
throw new Error(res.error);
|
||
|
||
self.currentUploadId = null;
|
||
self.currentFileType = null;
|
||
self.logOffset = 0;
|
||
self.prevRunning = false;
|
||
self.autoCleanType = null;
|
||
log.textContent = '';
|
||
progress.style.display = 'none';
|
||
fileInput.value = '';
|
||
ipkInput.value = '';
|
||
apkInput.value = '';
|
||
state.textContent = _('clean_done');
|
||
}).catch(function (err) {
|
||
ui.addNotification(null, E('p', [err.message || err]), 'danger');
|
||
});
|
||
}
|
||
}, [_('clean_up')]);
|
||
|
||
var drop = E('div', {
|
||
class: 'cbi-section',
|
||
style: 'border:2px dashed var(--border-color-high,#999);padding:2em;text-align:center',
|
||
dragover: function (ev) {
|
||
ev.preventDefault();
|
||
drop.style.borderStyle = 'solid';
|
||
},
|
||
dragleave: function () {
|
||
drop.style.borderStyle = 'dashed';
|
||
},
|
||
drop: function (ev) {
|
||
ev.preventDefault();
|
||
cleanupStaleDialogs();
|
||
drop.style.borderStyle = 'dashed';
|
||
if (ev.dataTransfer.files && ev.dataTransfer.files.length)
|
||
self.uploadFile(ev.dataTransfer.files[0], progress, state, runButton);
|
||
}
|
||
}, [
|
||
E('h3', [_('upload_title')]),
|
||
E('p', [state]),
|
||
E('p', [pickButton, ipkButton, apkButton]),
|
||
E('p', { style: 'margin-top:10px' }, [downloadButton, runButton, cleanButton]),
|
||
progress,
|
||
fileInput,
|
||
ipkInput,
|
||
apkInput
|
||
]);
|
||
|
||
fileInput.addEventListener('change', function () {
|
||
if (fileInput.files && fileInput.files.length) {
|
||
var selectedFile = fileInput.files[0];
|
||
fileInput.value = '';
|
||
self.uploadFile(selectedFile, progress, state, runButton);
|
||
}
|
||
});
|
||
|
||
ipkInput.addEventListener('change', function () {
|
||
if (ipkInput.files && ipkInput.files.length) {
|
||
var selectedFile = ipkInput.files[0];
|
||
ipkInput.value = '';
|
||
self.uploadFile(selectedFile, progress, state, runButton);
|
||
}
|
||
});
|
||
|
||
apkInput.addEventListener('change', function () {
|
||
if (apkInput.files && apkInput.files.length) {
|
||
var selectedFile = apkInput.files[0];
|
||
apkInput.value = '';
|
||
self.uploadFile(selectedFile, progress, state, runButton);
|
||
}
|
||
});
|
||
|
||
setTimeout(function () {
|
||
cleanupStaleDialogs();
|
||
runButton.disabled = false;
|
||
runButton.removeAttribute('disabled');
|
||
runButton.style.pointerEvents = 'auto';
|
||
runButton.style.cursor = 'pointer';
|
||
}, 100);
|
||
|
||
poll.add(function () {
|
||
return self.refreshLog(log, state);
|
||
}, 1);
|
||
|
||
this.applyStatus(status, state);
|
||
|
||
return E('div', { class: 'cbi-map' }, [
|
||
E('h2', [_('title')]),
|
||
E('div', { class: 'cbi-map-descr', style: 'margin-bottom:15px' }, [_('desc')]),
|
||
drop,
|
||
E('div', { class: 'cbi-section' }, [
|
||
E('h3', [_('log_title')]),
|
||
log
|
||
])
|
||
]);
|
||
},
|
||
|
||
applyStatus: function (status, state) {
|
||
if (!status) return;
|
||
|
||
if (status.running)
|
||
state.textContent = _('running');
|
||
else if (status.file)
|
||
state.textContent = _('last_file', status.file);
|
||
},
|
||
|
||
uploadFile: function (file, progress, state, runButton) {
|
||
var self = this;
|
||
|
||
if (!file.name.match(/\.(run|sh|ipk|apk)$/i)) {
|
||
ui.addNotification(null, E('p', [_('only_supported')]), 'danger');
|
||
return Promise.reject();
|
||
}
|
||
|
||
self.currentUploadId = null;
|
||
self.logOffset = 0;
|
||
self.prevRunning = false;
|
||
self.autoCleanType = null;
|
||
|
||
var ext = file.name.match(/\.(run|sh|ipk|apk)$/i);
|
||
self.currentFileType = ext ? ext[0].toLowerCase() : null;
|
||
|
||
progress.style.display = '';
|
||
progress.value = 0;
|
||
state.textContent = _('prepare_upload', file.name, formatBytes(file.size));
|
||
|
||
return uploadStart(file.name, file.size).then(function (res) {
|
||
if (res && res.error)
|
||
throw new Error(res.error);
|
||
|
||
self.currentUploadId = res.id;
|
||
return self.uploadFileFast(res, file, progress, state, runButton);
|
||
}).catch(function (err) {
|
||
progress.style.display = 'none';
|
||
state.textContent = _('upload_failed');
|
||
ui.addNotification(null, E('p', [err.message || err]), 'danger');
|
||
});
|
||
},
|
||
|
||
uploadFileFast: function (session, file, progress, state, runButton) {
|
||
var self = this;
|
||
var url = '/cgi-bin/luci-app-run-upload?id=' +
|
||
encodeURIComponent(session.id) + '&token=' + encodeURIComponent(session.token);
|
||
|
||
return new Promise(function (resolve, reject) {
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.open('POST', url, true);
|
||
xhr.setRequestHeader('Content-Type', 'application/octet-stream');
|
||
|
||
xhr.upload.onprogress = function (ev) {
|
||
if (!ev.lengthComputable) return;
|
||
progress.value = Math.floor(ev.loaded * 100 / ev.total);
|
||
state.textContent = _('uploading', file.name, progress.value);
|
||
};
|
||
|
||
xhr.onerror = function () {
|
||
reject(new Error(_('upload_err')));
|
||
};
|
||
|
||
xhr.onload = function () {
|
||
progress.value = 100;
|
||
|
||
uploadFinish(session.id).then(function () {
|
||
state.textContent = _('upload_done', file.name, formatBytes(file.size));
|
||
}).catch(function () {
|
||
state.textContent = _('upload_done', file.name, formatBytes(file.size));
|
||
});
|
||
|
||
resolve();
|
||
};
|
||
|
||
xhr.send(file);
|
||
});
|
||
},
|
||
|
||
startRun: function (runButton, state, args) {
|
||
var self = this;
|
||
|
||
if (!this.currentUploadId) {
|
||
ui.addNotification(null, E('p', [_('no_file')]), 'danger');
|
||
return;
|
||
}
|
||
|
||
state.textContent = _('starting');
|
||
self.autoCleanType = null;
|
||
|
||
return runInstaller(this.currentUploadId, args || '').then(function (res) {
|
||
if (res && res.error) {
|
||
var errorMsg = res.error;
|
||
if (res.error === 'ERR_NO_OPKG') {
|
||
errorMsg = _('err_no_opkg');
|
||
} else if (res.error === 'ERR_NO_APK') {
|
||
errorMsg = _('err_no_apk');
|
||
}
|
||
throw new Error(errorMsg);
|
||
}
|
||
|
||
self.logOffset = 0;
|
||
self.prevRunning = true;
|
||
if (self.currentFileType === '.sh' || self.currentFileType === '.run') {
|
||
self.autoCleanType = self.currentFileType;
|
||
}
|
||
state.textContent = _('started', res.pid);
|
||
}).catch(function (err) {
|
||
ui.addNotification(null, E('p', [err.message || err]), 'danger');
|
||
});
|
||
},
|
||
|
||
showArgsDialog: function (callback) {
|
||
var closed = false;
|
||
function closeDialog(result) {
|
||
if (closed) return;
|
||
closed = true;
|
||
document.removeEventListener('keydown', escHandler);
|
||
if (dialog.parentNode) {
|
||
document.body.removeChild(dialog);
|
||
}
|
||
callback(result);
|
||
}
|
||
|
||
function escHandler(ev) {
|
||
if (ev.key === 'Escape' || ev.keyCode === 27) {
|
||
closeDialog(null);
|
||
}
|
||
}
|
||
|
||
var dialog = E('div', {
|
||
style: 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999',
|
||
click: function (ev) {
|
||
if (ev.target === dialog) {
|
||
closeDialog(null);
|
||
}
|
||
}
|
||
}, [
|
||
E('div', {
|
||
style: 'background:#fff;border-radius:8px;padding:20px;width:400px;box-shadow:0 4px 20px rgba(0,0,0,0.3)',
|
||
click: function (ev) { ev.stopPropagation(); }
|
||
}, [
|
||
E('input', {
|
||
type: 'text',
|
||
placeholder: _('args_hint'),
|
||
style: 'width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px',
|
||
id: 'run-args-dialog-input',
|
||
keydown: function (ev) {
|
||
if (ev.key === 'Enter' || ev.keyCode === 13) {
|
||
ev.preventDefault();
|
||
var args = this.value;
|
||
closeDialog(args);
|
||
}
|
||
}
|
||
}),
|
||
E('div', {
|
||
style: 'display:flex;justify-content:flex-end;gap:10px'
|
||
}, [
|
||
E('button', {
|
||
class: 'cbi-button cbi-button-reset',
|
||
style: 'padding:8px 20px;text-transform:none',
|
||
click: function () {
|
||
closeDialog(null);
|
||
}
|
||
}, [_('cancel')]),
|
||
E('button', {
|
||
class: 'cbi-button cbi-button-action',
|
||
style: 'padding:8px 20px;text-transform:none',
|
||
click: function () {
|
||
var args = document.getElementById('run-args-dialog-input').value;
|
||
closeDialog(args);
|
||
}
|
||
}, [_('confirm')])
|
||
])
|
||
])
|
||
]);
|
||
|
||
document.addEventListener('keydown', escHandler);
|
||
document.body.appendChild(dialog);
|
||
setTimeout(function () {
|
||
var input = document.getElementById('run-args-dialog-input');
|
||
if (input) input.focus();
|
||
}, 50);
|
||
},
|
||
|
||
showDownloadDialog: function (callback) {
|
||
var closed = false;
|
||
function closeDialog(result) {
|
||
if (closed) return;
|
||
closed = true;
|
||
document.removeEventListener('keydown', escHandler);
|
||
if (dialog.parentNode) {
|
||
document.body.removeChild(dialog);
|
||
}
|
||
callback(result);
|
||
}
|
||
|
||
function escHandler(ev) {
|
||
if (ev.key === 'Escape' || ev.keyCode === 27) {
|
||
closeDialog(null);
|
||
}
|
||
}
|
||
|
||
var dialog = E('div', {
|
||
style: 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999',
|
||
click: function (ev) {
|
||
if (ev.target === dialog) {
|
||
closeDialog(null);
|
||
}
|
||
}
|
||
}, [
|
||
E('div', {
|
||
style: 'background:#fff;border-radius:8px;padding:20px;width:400px;box-shadow:0 4px 20px rgba(0,0,0,0.3)',
|
||
click: function (ev) { ev.stopPropagation(); }
|
||
}, [
|
||
E('input', {
|
||
type: 'text',
|
||
placeholder: _('download_url'),
|
||
style: 'width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px',
|
||
id: 'run-download-url-input',
|
||
keydown: function (ev) {
|
||
if (ev.key === 'Enter' || ev.keyCode === 13) {
|
||
ev.preventDefault();
|
||
confirmBtn.click();
|
||
}
|
||
}
|
||
}),
|
||
E('div', {
|
||
style: 'display:flex;justify-content:flex-end;gap:10px'
|
||
}, [
|
||
E('button', {
|
||
class: 'cbi-button cbi-button-reset',
|
||
style: 'padding:8px 20px;text-transform:none',
|
||
click: function () {
|
||
closeDialog(null);
|
||
}
|
||
}, [_('cancel')]),
|
||
E('button', {
|
||
class: 'cbi-button cbi-button-action confirm-btn',
|
||
style: 'padding:8px 20px;text-transform:none',
|
||
click: function () {
|
||
var url = document.getElementById('run-download-url-input').value.trim();
|
||
if (!url) {
|
||
closeDialog(null);
|
||
return;
|
||
}
|
||
|
||
var filename = url.split('/').pop().split('?')[0];
|
||
if (!filename.match(/\.run$/i)) {
|
||
ui.addNotification(null, E('p', [_('only_run')]), 'danger');
|
||
return;
|
||
}
|
||
|
||
closeDialog(url);
|
||
}
|
||
}, [_('confirm')])
|
||
])
|
||
])
|
||
]);
|
||
|
||
var confirmBtn = dialog.querySelector('.confirm-btn');
|
||
|
||
document.addEventListener('keydown', escHandler);
|
||
document.body.appendChild(dialog);
|
||
setTimeout(function () {
|
||
var input = document.getElementById('run-download-url-input');
|
||
if (input) input.focus();
|
||
}, 50);
|
||
},
|
||
|
||
startDownload: function (runButton, state, url) {
|
||
var self = this;
|
||
|
||
state.textContent = _('downloading');
|
||
self.prevRunning = false;
|
||
self.autoCleanType = null;
|
||
|
||
return downloadRun(url).then(function (res) {
|
||
if (res && res.error) {
|
||
throw new Error(res.error);
|
||
}
|
||
|
||
self.logOffset = 0;
|
||
self.prevRunning = true;
|
||
state.textContent = _('started', res.pid);
|
||
}).catch(function (err) {
|
||
ui.addNotification(null, E('p', [err.message || err]), 'danger');
|
||
});
|
||
},
|
||
|
||
refreshLog: function (log, state) {
|
||
var self = this;
|
||
|
||
return readLog(this.logOffset).then(function (res) {
|
||
if (!res || res.error) return;
|
||
|
||
if (res.data) {
|
||
log.textContent += res.data;
|
||
log.scrollTop = log.scrollHeight;
|
||
}
|
||
|
||
self.logOffset = res.offset || self.logOffset;
|
||
|
||
if (res.running) {
|
||
state.textContent = _('running');
|
||
self.prevRunning = true;
|
||
} else if (self.prevRunning) {
|
||
// Installer just finished
|
||
self.prevRunning = false;
|
||
|
||
// Auto-cleanup for .sh and .run files
|
||
if (self.autoCleanType) {
|
||
self.autoCleanType = null;
|
||
var oldUploadId = self.currentUploadId;
|
||
var oldFileType = self.currentFileType;
|
||
cleanup().then(function () {
|
||
// Only clear state if user hasn't uploaded a new file in the meantime
|
||
if (self.currentUploadId === oldUploadId) {
|
||
self.currentUploadId = null;
|
||
self.currentFileType = null;
|
||
}
|
||
if (oldFileType) {
|
||
state.textContent = _('auto_cleaned');
|
||
} else {
|
||
state.textContent = _('clean_done');
|
||
}
|
||
}).catch(function () {
|
||
state.textContent = _('clean_done');
|
||
});
|
||
}
|
||
}
|
||
}).catch(function () { });
|
||
}
|
||
}); |