Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/html/libs/absol-full/dist/js/
Upload File :
Current File : /var/www/html/libs/absol-full/dist/js/mdls__absol-acomp__js__finder__Finder.js
/*** module: node_modules/absol-acomp/js/finder/Finder.js ***/
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.FinderFileSystem = FinderFileSystem;
exports.FinderCommands = exports.default = void 0;
require("../../css/finder.css");
require("../../css/mobileapp.css");
var _ACore = _interopRequireWildcard(require("../../ACore"));
var _ResizeSystem = _interopRequireDefault(require("absol/src/HTML5/ResizeSystem"));
var _FlexiconButton = _interopRequireDefault(require("../FlexiconButton"));
var _OOP = _interopRequireDefault(require("absol/src/HTML5/OOP"));
var _ExpTree = require("../ExpTree");
var _MessageInput = _interopRequireDefault(require("../messageinput/MessageInput"));
var _ext2MineType = _interopRequireDefault(require("absol/src/Converter/ext2MineType"));
var _utils = require("../utils");
var _random = require("absol/src/Math/random");
var _TaskManager = _interopRequireDefault(require("absol/src/AppPattern/TaskManager"));
var _Modal = _interopRequireDefault(require("../Modal"));
var _MessageDialog = _interopRequireDefault(require("../MessageDialog"));
var _Hanger = _interopRequireDefault(require("../Hanger"));
var _Vec = _interopRequireDefault(require("absol/src/Math/Vec2"));
var _Rectangle = _interopRequireDefault(require("absol/src/Math/Rectangle"));
var _WindowBox = _interopRequireDefault(require("../WindowBox"));
var _FileSaver = require("absol/src/Network/FileSaver");
var _DropZone = _interopRequireDefault(require("../DropZone"));
var _BrowserDetector = _interopRequireDefault(require("absol/src/Detector/BrowserDetector"));
var _EventEmitter = _interopRequireWildcard(require("absol/src/HTML5/EventEmitter"));
var _ContextMenu = _interopRequireDefault(require("../ContextMenu"));
var _TextArea = _interopRequireDefault(require("../TextArea2"));
var _FileThumbnail = _interopRequireDefault(require("./FileThumbnail"));
var _noop = _interopRequireDefault(require("absol/src/Code/noop"));
var _Searcher = _interopRequireDefault(require("../Searcher"));
var _Context = _interopRequireDefault(require("absol/src/AppPattern/Context"));
var _stringFormat = require("absol/src/String/stringFormat");
var _stringGenerate = require("absol/src/String/stringGenerate");
var _DomSignal = _interopRequireDefault(require("absol/src/HTML5/DomSignal"));
var _RibbonButton = _interopRequireDefault(require("../RibbonButton"));
var _Dom = require("absol/src/HTML5/Dom");
var isMobile = _BrowserDetector.default.isMobile;
/***
* @extends AElement
* @constructor
*/
function Finder() {
if (isMobile) this.addClass('as-mobile'); // if (BrowserDetector.isMobile) alert("Chưa hỗ trợ điện thoại!");
this.$attachhook = (0, _ACore._)('attachhook').addTo(this);
this.$attachhook.requestUpdateSize = () => {
this.layoutCtn.update();
this.navCtrl.notifyVisibleContentItems();
};
this.$attachhook.once('attached', () => {
_ResizeSystem.default.add(this.$attachhook);
this.layoutCtn.update();
this.navCtrl.onStart();
this.navCtrl.notifyVisibleContentItems();
_ContextMenu.default.auto();
});
this.domSignal = new _DomSignal.default((0, _ACore._)('attachhook').addTo(this));
this.$header = (0, _ACore.$)('.as-finder-header', this);
this.$nomalActionCtn = (0, _ACore.$)('.as-finder-normal-action-button-ctn', this);
this.$tinyActionCtn = (0, _ACore.$)('.as-finder-tiny-action-button-ctn', this);
this.$contentHeader = (0, _ACore.$)('.as-finder-content-header', this);
this.$navCtn = (0, _ACore.$)('.as-finder-nav-ctn', this);
this.$nav = (0, _ACore.$)(_ExpTree.ExpGroup.tag, this.$navCtn);
this.$searchCtn = (0, _ACore.$)('.as-finder-search-ctn', this);
this.$contentCtn = (0, _ACore.$)('.as-finder-content-ctn', this);
this.$content = (0, _ACore.$)('.as-finder-content', this);
this.$body = (0, _ACore.$)('.as-finder-body', this);
this.$commandButtons = (0, _ACore.$$)('.as-finder-nav-header button', this).concat((0, _ACore.$$)('.as-finder-content-header button', this)).concat((0, _ACore.$$)('.as-finder-search-footer button', this)).concat((0, _ACore.$$)('.as-finder-search-header button', this)).reduce((ac, cr) => {
var name = cr.attr('name');
ac[name] = cr;
if (cr.items) {
//ribbon button
cr.on('select', event => {
this.execCommand(name, event.item.value, event.item);
});
} else {
cr.on('click', () => {
this.execCommand(name);
});
}
return ac;
}, {});
this.$searchTypeSelect = (0, _ACore.$)('.as-finder-search-type-select', this);
this.$searchText = (0, _ACore.$)('.as-finder-search-text', this);
this.fileSystem = new AbsolFileSystem();
this.layoutCtn = new LayoutController(this);
this.navCtrl = new NavigatorController(this);
this.selectCtrl = isMobile ? new MobileSelectController(this) : new SelectController(this);
this.uploadCtrl = new UploadController(this);
this.commandCtrl = new CommandController(this);
this.folderDialog = new FolderDialog(this);
this.searchCtrl = new SearchController(this);
/***
* @type {string}
* @name displayPath
* @memberOf Finder#
*/
/***
* @type {string}
* @name path
* @memberOf Finder#
*/
/***
* @type {string}
* @name rootPath
* @memberOf Finder#
*/
/***
* @type {string}
* @name accept
* @memberOf Finder#
*/
}
Finder.tag = 'Finder'.toLowerCase();
Finder.render = function () {
return (0, _ACore._)({
class: 'as-finder',
extendEvent: ['selectedchange', 'dblclickfile'],
attr: {
'data-selected-file-count': '0',
'data-selected-folder-count': '0'
},
child: [{
class: 'as-finder-header',
child: [{
class: 'as-finder-normal-action-button-ctn'
/* child: Finder.prototype.actions.map(act => ({
tag: FlexiconButton.tag,
attr: { name: act.name },
props: {
text: act.text,
// icon: act.icon
}
}))*/
}, {
class: 'as-finder-tiny-action-button-ctn'
/*child: Finder.prototype.actions.map(act => ({
tag: 'button',
attr: { name: act.name, title: act.text },
child: act.icon
}))*/
}]
}, {
class: ['as-finder-nav-ctn'],
child: [{
class: 'as-finder-nav-header',
child: [{
class: 'as-finder-nav-header-left',
child: [{
tag: 'button',
class: 'as-transparent-button',
attr: {
title: "Close Navigator",
name: 'nav_toggle'
},
child: 'span.mdi.mdi-menu-open'
}]
}, {
class: 'as-finder-nav-header-right',
child: [{
tag: 'button',
class: 'as-transparent-button',
attr: {
title: "Search",
name: 'switch_to_search'
},
child: 'span.mdi.mdi-magnify'
}, {
tag: 'button',
class: 'as-transparent-button',
attr: {
title: "Expand All",
name: 'nav_expand_all'
},
child: 'span.mdi.mdi-arrow-expand-vertical'
}, {
tag: 'button',
class: 'as-transparent-button',
attr: {
title: "Collapse All",
name: 'nav_collapse_all'
},
child: 'span.mdi.mdi-arrow-collapse-vertical'
}, {
tag: 'button',
class: 'as-transparent-button',
attr: {
title: "Reload",
name: 'reload'
},
child: 'span.mdi.mdi-reload'
}]
}]
}, {
tag: _ExpTree.ExpGroup.tag,
class: 'as-bscroller'
}]
}, {
class: 'as-finder-search-ctn',
child: [{
class: 'as-finder-search-header',
child: [{
tag: 'button',
class: 'as-transparent-button',
attr: {
title: "Close Navigator",
name: 'nav_toggle'
},
child: 'span.mdi.mdi-menu-open'
}]
}, {
class: 'as-finder-search-body',
child: [{
tag: _Searcher.default.tag,
class: 'as-finder-search-text'
}, {
class: 'as-finder-search-field',
child: [{
child: {
text: 'Kiểu'
}
}, {
child: {
tag: 'selectmenu',
class: 'as-finder-search-type-select',
props: {
items: [{
text: 'Tất cả',
value: 'all',
icon: 'span.mdi.mdi-asterisk'
}, {
text: 'Hình ảnh',
value: 'image',
icon: 'span.mdi.mdi-image-outline'
}, {
text: 'Tài liệu',
value: 'document',
icon: 'span.mdi.mdi-file-document'
}]
}
}
}]
}, {
class: 'as-finder-search-footer',
child: [{
tag: _FlexiconButton.default.tag,
attr: {
name: 'start_search'
},
props: {
text: 'OK'
}
}, {
tag: _FlexiconButton.default.tag,
attr: {
name: 'cancel_search'
},
props: {
text: 'Hủy'
}
}]
}]
}]
}, {
tag: _DropZone.default.tag,
attr: {
'data-view-as': 'list'
},
class: ['as-finder-body'],
child: [{
class: 'as-finder-content-header',
child: [{
class: 'as-finder-content-header-left',
child: [{
tag: 'button',
attr: {
title: 'Open Navigator',
name: 'nav_toggle'
},
class: 'as-transparent-button',
child: ['span.mdi.mdi-menu']
}, {
tag: _RibbonButton.default,
attr: {
title: 'View As',
name: 'content_view_as'
},
class: 'as-transparent-button',
props: {
text: 'List',
icon: 'span.mdi.mdi-format-list-bulleted-square',
items: [{
icon: 'span.mdi.mdi-format-list-bulleted-square',
text: 'List',
value: 'list'
}, {
text: 'Medium Icons',
icon: 'span.mdi.mdi-grid',
value: 'content'
}, {
text: 'Lage Icons',
icon: 'span.mdi.mdi-image-outline',
value: 'lage_icons'
}]
} // child: ['span.mdi.mdi-format-list-bulleted-square']
}]
}, {
class: 'as-finder-content-header-right'
}]
}, {
tag: _Hanger.default.tag,
class: 'as-finder-content-ctn',
props: {
hangOn: 5
},
child: {
class: ['as-finder-content']
}
}, {
class: 'as-finder-upload-overlay',
child: [{
class: 'as-finder-upload-overlay-icon-ctn',
child: 'span.mdi.mdi-cloud-upload-outline'
}, {
child: {
text: 'Thả file vào đây để tải lên'
}
}]
}]
}]
});
};
Finder.property = {};
Finder.property.fileSystem = {
set: function (fs) {
this._fileSystem = fs;
},
get: function () {
return this._fileSystem;
}
};
Finder.property.path = {
set: function (path) {
this.navCtrl.path = path;
},
get: function () {
return this.navCtrl.path;
}
};
Finder.property.displayPath = {
// set: function (path) {
// this.navCtrl.path = path;
// },
get: function () {
return this.navCtrl.displayPath;
}
};
Finder.property.rootPath = {
set: function (path) {
this.navCtrl.rootPath = path;
},
get: function () {
return this.navCtrl.rootPath;
}
};
Finder.property.selectedFiles = {
get: function () {
return this.selectCtrl.$selectedItems.filter(elt => elt.stat && !elt.stat.isDirectory).map(elt => elt.stat);
}
};
Finder.prototype.execCommand = function (name) {
return this.commandCtrl.execCommand.apply(this.commandCtrl, arguments);
};
Finder.prototype.addCommand = function (name, descriptor) {
this.commandCtrl.addCommand(name, descriptor);
};
Finder.prototype.addButton = function (name, bf) {
this.commandCtrl.addButton(name, bf);
};
/****
*
* @param {string} name
* @param {string=} bf
*/
Finder.prototype.addFolderMenuItem = function (name, bf) {
this.commandCtrl.addFolderMenuItem(name, bf);
};
Finder.prototype.findZIndex = function () {
var c = this;
var res = 0;
var zIndex;
while (c) {
zIndex = parseInt(getComputedStyle(c).getPropertyValue('z-index'));
if (!isNaN(zIndex)) res = Math.max(zIndex, res);
c = c.parentElement;
}
return res;
};
_ACore.default.install(Finder);
var _default = Finder;
exports.default = _default;
var FinderCommands = {};
exports.FinderCommands = FinderCommands;
Finder.prototype.commands = FinderCommands;
FinderCommands.upload = {
text: 'Tải lên',
icon: 'span.mdi.mdi-upload-outline',
match: function (fileElt) {
return !fileElt && this.searchCtrl.state !== 'RUNNING' && this.dirStat && this.dirStat.writable;
},
/***
* @this Finder
*/
exec: function () {
(0, _utils.openFileDialog)({
multiple: true
}).then(files => {
if (files && files.length > 0) {
this.uploadCtrl.upload(files);
}
});
}
};
FinderCommands.upload_to_folder = {
text: 'Tải lên',
icon: 'span.mdi.mdi-upload-outline',
match: function (treElt) {
return treElt && treElt.stat && treElt.stat.writable;
},
/***
* @this Finder
*/
exec: function () {
//todo: selected folder
(0, _utils.openFileDialog)({
multiple: true
}).then(files => {
if (files && files.length > 0) {
this.uploadCtrl.upload(files);
}
});
}
};
FinderCommands.delete = {
icon: 'span.mdi.mdi-delete-outline',
text: 'Xóa',
/***
* @this Finder
*/
match: function (fileElt) {
return fileElt && this.selectCtrl.$selectedItems.length > 0 && this.selectCtrl.$selectedItems.every(elt => elt.stat && !elt.stat.isDirectory && elt.stat.writable);
},
/***
* @this Finder
*/
exec: function () {
var paths = this.selectCtrl.$selectedItems.map(elt => elt.stat.path);
var names = this.selectCtrl.$selectedItems.map(elt => elt.fileName);
if (names.length === 0) return;
var contentElt = (0, _ACore._)({
style: {
maxHeight: '50vh',
overflow: 'auto'
},
child: {
style: {
display: 'table'
},
child: names.map(name => ({
style: {
display: 'table-row'
},
child: [{
style: {
display: 'table-cell',
padding: '5px 20px 5px 10px'
},
child: {
style: {
'min-width': '30em'
},
child: {
text: name
}
}
}, {
style: {
display: 'table-cell',
padding: '5px 10px'
},
child: {
class: 'as-finder-task-check',
style: {
'min-width': '3em',
textAlign: 'right'
},
child: 'span'
}
}]
}))
}
});
var modal = (0, _ACore._)({
tag: _Modal.default.tag,
style: {
zIndex: this.findZIndex() + 9000
},
child: {
tag: _MessageDialog.default.tag,
props: {
dialogTitle: 'Xóa file',
dialogActions: [{
name: "ok",
text: "OK"
}, {
name: 'cancel',
text: 'Hủy'
}]
},
child: [{
child: {
tag: 'span',
child: {
text: "Xác nhận xóa những file dưới đây: "
}
}
}, contentElt],
on: {
action: (event, sender) => {
var promises;
var errors = [];
if (event.action.name === 'ok') {
sender.$actionBtns[0].disabled = true;
sender.$actionBtns[0].text = "Đang tiến hành xóa..";
sender.$actionBtns[1].disabled = true;
promises = paths.map((path, i) => {
return this.fileSystem.unlink(path).then(() => {
(0, _ACore.$)('.as-finder-task-check', contentElt.firstChild.childNodes[i]).addChild((0, _ACore._)('span.mdi.mdi-check'));
}).catch(err => {
errors.push(err);
(0, _ACore.$)('.as-finder-task-check', contentElt.firstChild.childNodes[i]).addChild((0, _ACore._)('span.mdi.mdi-alert-decagram-outline')).addChild((0, _ACore._)({
tag: 'span',
class: '.as-finder-task-error-message',
child: {
text: err.message
}
}));
});
});
Promise.all(promises).then(() => {
var commands = {};
if (errors.length > 0) {
errors.forEach(err => {
if (err.command) {
commands[err.command] = true;
}
});
if (commands.reload) this.execCommand('reload');
sender.$actionBtns[1].disabled = false;
sender.$actionBtns[0].text = "Hoàn thành";
} else {
this.navCtrl.reload(this.path, true).then(() => modal.remove());
}
});
} else {
modal.remove();
}
}
}
}
}).addTo(document.body);
}
};
FinderCommands.view = {
icon: 'span.mdi.mdi-eye-outline',
text: 'Xem',
match: function (fileElt) {
return !!fileElt;
},
/***
* @this Finder
*/
exec: function () {
var elt = this.selectCtrl.$selectedItems[0];
if (!elt) return;
if (elt.stat.isDirectory) {
this.navCtrl.viewDir(elt.stat.path);
return;
}
var url = elt.stat.url;
if (!url) return;
var type = elt.fileType;
if (type === 'xlsx' || type === 'docx' || type === 'xls' || type === 'doc' || type === 'ppt' || type === 'pptx') {
url = 'https://view.officeapps.live.com/op/embed.aspx?src=' + encodeURIComponent(url);
} else {
url = encodeURI(url);
}
var mineType = _ext2MineType.default[type] || 'none';
var content;
if (mineType.startsWith('video')) {
content = (0, _ACore._)({
tag: 'video',
style: {
maxWidth: 'calc(90vw - 20px)',
maxHeight: 'calc(90vh - 80px)',
width: '900px',
height: 'auto'
},
attr: {
autoplay: 'true',
controls: 'true'
},
props: {
src: url
}
});
} else if (mineType.startsWith('audio')) {
content = (0, _ACore._)({
tag: 'audio',
style: {
margin: '5px'
},
attr: {
autoplay: 'true',
controls: 'true'
},
props: {
src: url
}
});
} else if (mineType.startsWith('image')) {
content = (0, _ACore._)({
tag: 'img',
style: {
maxWidth: 'calc(90vw - 20px)',
maxHeight: 'calc(90vh - 80px)',
width: 'auto',
height: 'auto'
},
attr: {},
props: {
src: url
}
});
} else {
content = (0, _ACore._)({
tag: 'iframe',
style: {
maxWidth: 'calc(90vw - 20px)',
maxHeight: 'calc(90vh - 80px)',
width: '900px',
height: '600px'
},
props: {
src: url,
onload: function () {// console.log(this.contentWindow.document.body.offsetHeight, this.contentWindow.document.body.offsetWidth)
}
}
});
}
var modal = (0, _ACore._)({
tag: _Modal.default.tag,
style: {
zIndex: this.findZIndex() + 9000
},
child: {
tag: _WindowBox.default.tag,
child: content,
props: {
windowTitle: elt.stat.displayName || elt.stat.name,
windowActions: [{
name: 'close',
icon: 'span.mdi.mdi-close'
}]
},
on: {
action: () => {
modal.remove();
}
}
}
}).addTo(document.body);
}
};
FinderCommands.download = {
icon: 'span.mdi.mdi-download-outline',
text: 'Tải về',
match: function (elt) {
return elt && this.selectCtrl.$selectedItems.length > 0 && this.selectCtrl.$selectedItems.every(elt => elt.stat && !elt.stat.isDirectory);
},
/***
* @this Finder
*/
exec: function () {
var taskMng = new _TaskManager.default({
limit: 4
});
this.selectCtrl.$selectedItems.forEach(elt => {
if (elt.isDirectory) return;
var url = elt.stat.url;
if (!url) return;
taskMng.requestTask(function (onFinish, bundle) {
(0, _FileSaver.saveAs)(bundle.url, bundle.name);
setTimeout(onFinish, 100);
}, {
url: url,
name: elt.fileName
});
});
}
};
FinderCommands.rename = {
icon: 'span.mdi.mdi-rename',
text: 'Đổi tên',
/***
* @this Finder
*/
match: function (elt) {
return elt && this.selectCtrl.$selectedItems.length === 1 && elt.stat && !elt.stat.isDirectory && elt.stat.writable; //todo: rename folder
},
/***
* @this Finder
*/
exec: function () {
var elt = this.selectCtrl.$selectedItems[0];
if (!elt) return;
var path = elt.stat.path;
var value = elt.fileName;
var input = (0, _ACore._)({
tag: _TextArea.default.tag,
style: {
outline: 'none',
position: 'absolute',
zIndex: 100,
left: 0,
bottom: 0,
width: '100%'
},
props: {
value: elt.fileName
},
on: {
blur: () => {
var newValue = input.value.replace(/<>:\\\/\|\?\*\^/g, '').trim();
input.remove();
if (!value) return;
if (value === newValue) return;
this.fileSystem.rename(path, newValue).then(newStat => {
elt.stat = newStat;
elt.value = newStat.url;
elt.fileName = newStat.displayName || newStat.name;
});
}
}
});
elt.addChild(input);
input.on('keydown', function (event) {
if (event.key.match(/<>:\\\/\|\?\*\^/)) {
event.preventDefault();
setTimeout(() => input.updateSize(), 30);
} else if (event.key === 'Enter') {
input.blur();
} else if (event.key === 'Escape') {
input.value = value;
input.updateSize();
input.blur();
}
}, true);
input.updateSize();
input.focus();
var ext = value.match(/\.[a-zA-Z0-9]+$/);
if (ext) {
ext = ext[0];
} else {
ext = '';
}
input.setSelectionRange(0, value.length - ext.length);
}
};
FinderCommands.copy = {
icon: 'span.mdi.mdi-content-copy',
text: 'Sao chép',
exec: function () {}
};
FinderCommands.move = {
text: 'Di chuyển',
icon: 'span.mdi.mdi-file-move-outline',
match: function (fileElt) {
if (arguments.length === 0) {
return this.selectCtrl.$selectedItems.every(elt => elt.stat.writable);
}
return fileElt && fileElt.stat && fileElt.stat.writable;
},
/***
* @this Finder
*/
exec: function () {
var itemElements = this.selectCtrl.$selectedItems.slice();
var paths = itemElements.map(elt => elt.stat.path);
var names = itemElements.map(elt => elt.fileName);
if (names.length === 0) return;
var currentFolderPath = this.path;
this.folderDialog.open(currentFolderPath, false, (newFolderPath, stat) => newFolderPath !== currentFolderPath && stat.writable, 'Di chuyển file').then(newFolderPath => {
if (!newFolderPath) return;
if (newFolderPath === currentFolderPath) return;
var contentElt = (0, _ACore._)({
style: {
maxHeight: '50vh',
overflow: 'auto'
},
child: {
style: {
display: 'table'
},
child: names.map(name => ({
style: {
display: 'table-row'
},
child: [{
style: {
display: 'table-cell',
padding: '5px 20px 5px 10px'
},
child: {
style: {
'min-width': '30em'
},
child: {
text: name
}
}
}, {
style: {
display: 'table-cell',
padding: '5px 10px'
},
child: {
class: 'as-finder-task-check',
style: {
'min-width': '3em',
textAlign: 'right'
},
child: 'span'
}
}]
}))
}
});
var modal = (0, _ACore._)({
tag: _Modal.default.tag,
style: {
zIndex: this.findZIndex() + 9000
},
child: {
tag: _MessageDialog.default.tag,
props: {
dialogTitle: 'Di chuyển file',
dialogActions: [{
name: 'close',
text: 'Đóng'
}]
},
child: [{
child: {
tag: 'span',
child: {
text: "Danh sách đang di chuyển: "
}
}
}, contentElt],
on: {
action: (event, sender) => {
modal.remove();
}
}
}
}).addTo(document.body);
var errors = [];
var promises = paths.map((path, i) => {
var newPath = newFolderPath + '/' + path.split('/').pop();
return this.fileSystem.move(path, newPath).then(() => {
(0, _ACore.$)('.as-finder-task-check', contentElt.firstChild.childNodes[i]).addChild((0, _ACore._)('span.mdi.mdi-check'));
}).catch(err => {
errors.push(err);
(0, _ACore.$)('.as-finder-task-check', contentElt.firstChild.childNodes[i]).addChild((0, _ACore._)('span.mdi.mdi-alert-decagram-outline')).addChild((0, _ACore._)({
tag: 'span',
class: '.as-finder-task-error-message',
child: {
text: err.message
}
}));
});
});
Promise.all(promises).then(() => {
var commands = {};
if (errors.length > 0) {
errors.forEach(err => {
if (err.command) {
commands[err.command] = true;
}
});
if (commands.reload) this.execCommand('reload');
} else {
this.navCtrl.reload(this.path, true).then(() => modal.remove());
}
});
});
}
};
FinderCommands.move_dir = {
text: 'Di chuyển',
icon: 'span.mdi.mdi-folder-arrow-right-outline',
match: function (expElt) {
return expElt && expElt.stat && expElt.stat.writable && !expElt.stat.isVirtual;
},
/***
* @this Finder
*/
exec: function (expElt) {
var path = expElt.stat.path;
var currentFolderPath = path.split('/');
var name = currentFolderPath.pop();
currentFolderPath = currentFolderPath.join('/');
this.folderDialog.open(currentFolderPath, true, newPath => !newPath.startsWith(path), 'Di chuyển thư mục').then(newFolderPath => {
if (!newFolderPath) return;
return this.fileSystem.move(path, newFolderPath + '/' + name).then(() => {
this.path = newFolderPath + '/' + name;
this.navCtrl.reload(this.rootPath).then(() => {
this.navCtrl.viewDir(this.path);
});
});
});
}
};
FinderCommands.rmdir = {
text: 'Xóa',
icon: 'span.mdi.mdi-delete-outline',
/***
* @this Finder
* @param elt
*/
match: function (elt) {
if (elt.stat && elt.stat.isVirtual) return false;
if (elt) return elt.stat && elt.stat.writable;
return false;
},
exec: function (elt) {}
};
FinderCommands.select_all = {
text: 'Chọn tất cả',
icon: 'span.mdi.mdi-select-all',
match: function (fileElt) {
return !fileElt;
},
/***
* @this Finder
*/
exec: function () {
this.selectCtrl.selectAll();
}
};
FinderCommands.nav_expand_all = {
/***
* @this Finder
*/
exec: function () {
this.navCtrl.expandAll();
}
};
FinderCommands.nav_collapse_all = {
/***
* @this Finder
*/
exec: function () {
this.navCtrl.collapseAll();
}
};
FinderCommands.reload = {
/***
* @this Finder
*/
exec: function () {
this.fileSystem.clearCache();
this.navCtrl.reload().then(() => {
this.navCtrl.viewDir(this.path);
});
}
};
FinderCommands.content_view_as = {
/***
* @this Finder
*/
exec: function (value, item) {
this.$commandButtons['content_view_as'].text = item.text;
this.$commandButtons['content_view_as'].icon = item.icon;
this.$body.attr('data-view-as', value);
}
};
FinderCommands.switch_to_search = {
/***
* @this Finder
*/
exec: function () {
this.searchCtrl.start();
}
};
FinderCommands.cancel_search = {
/***
* @this Finder
*/
exec: function () {
this.searchCtrl.stop();
this.navCtrl.viewDir(this.path);
}
};
FinderCommands.start_search = {
/***
* @this Finder
*/
exec: function () {
this.searchCtrl.search();
}
};
FinderCommands.nav_toggle = {
icon: 'span.mdi.mdi-menu',
exec: function () {
if (this.hasClass('as-nav-open')) {
this.removeClass('as-nav-open');
} else {
this.addClass('as-nav-open');
}
}
};
/***
*
* @param {Finder} elt
* @constructor
*/
function LayoutController(elt) {
this.elt = elt;
this.actionButtonWidth = 0;
this.elt.domSignal.on('requestUpdateActionButtonSize', this.updateActionButtonSize.bind(this));
this.elt.on('click', this.ev_click.bind(this));
}
LayoutController.prototype.requestUpdateActionButtonSize = function () {
this.elt.domSignal.emit('requestUpdateActionButtonSize');
};
LayoutController.prototype.updateActionButtonSize = function () {
var font = this.elt.$nomalActionCtn.getComputedStyleValue('font');
var fontSize = this.elt.$nomalActionCtn.getFontSize();
this.actionButtonWidth = Array.prototype.reduce.call(this.elt.$nomalActionCtn.childNodes, (ac, cr) => {
return ac + Math.max(110, 0.715 * fontSize * 2 + (0, _utils.measureText)(cr.text, font).width) + 10;
}, 60);
this.update();
};
LayoutController.prototype.update = function () {
var bound = this.elt.getBoundingClientRect();
if (bound.width < 500) {
if (!this.elt.hasClass('as-mini-layout')) this.elt.addClass('as-mini-layout');
} else {
if (this.elt.hasClass('as-mini-layout')) {
this.elt.removeClass('as-mini-layout');
this.elt.removeClass('as-nav-open');
}
}
if (this.elt.hasClass('as-action-button-minimized')) {
if (this.actionButtonWidth <= bound.width) {
this.elt.removeClass('as-action-button-minimized');
}
} else {
if (this.actionButtonWidth > bound.width) {
this.elt.addClass('as-action-button-minimized');
}
}
var bodyBound = this.elt.$body.getBoundingClientRect();
var col = Math.floor(bodyBound.width / 300) || 1;
this.elt.$body.addStyle('--col', col + '');
};
LayoutController.prototype.ev_click = function (event) {
if (event.target === this.elt) {
this.elt.removeClass('as-nav-open');
}
};
/***
*
* @param {Finder} elt
* @constructor
*/
function CommandController(elt) {
Object.keys(this.constructor.prototype).forEach(key => {
if (key.startsWith('ev_')) {
this[key] = this[key].bind(this);
}
});
this.elt = elt;
this.$normalActionCtn = this.elt.$nomalActionCtn;
this.$tinyActionCtn = this.elt.$tinyActionCtn;
this.commands = Object.assign({}, this.elt.commands);
this.buttonNames = ['upload', 'view', 'download', 'move', 'rename', 'delete'];
this.folderMenuItemNames = ['upload_to_folder', 'move_dir'];
this.contentMenuItemNames = ['view', 'download', 'upload', 'select_all', 'move', 'delete', 'rename'];
this.$navCtn = this.elt.$navCtn;
this.$navCtn.defineEvent('contextmenu').on('contextmenu', this.ev_navContextMenu);
this.$contentCtn = this.elt.$contentCtn;
this.$contentCtn.defineEvent('contextmenu').on('contextmenu', this.ev_contentContextMenu);
this.updateButtons();
}
CommandController.prototype.updateButtons = function () {
this.$normalActionCtn.clearChild();
var buttons = this.buttonNames.map(name => {
var desc = this.commands[name] || {};
return (0, _ACore._)({
tag: _FlexiconButton.default.tag,
attr: {
name: name
},
props: {
text: desc.text || name
},
on: {
click: () => {
this.execCommand(name);
}
}
});
});
this.$normalActionCtn.addChild(buttons);
buttons = this.buttonNames.map(name => {
var desc = this.commands[name] || {};
return (0, _ACore._)({
tag: 'button',
class: 'as-transparent-button',
attr: {
name: name
},
child: desc.icon,
on: {
click: () => {
this.execCommand(name);
}
}
});
});
this.$tinyActionCtn.addChild(buttons);
this.elt.layoutCtn.requestUpdateActionButtonSize();
};
CommandController.prototype.execCommand = function (name) {
var args = Array.prototype.slice.call(arguments, 1);
var desc = this.commands[name];
if (desc && typeof desc.exec === 'function') {
return desc.exec.apply(this.elt, args);
}
return null;
};
CommandController.prototype.addCommand = function (name, desc) {
this.commands[name] = Object.assign({}, this.commands[name], desc);
};
/****
*
* @param {string} name
* @param {string=} bf
*/
CommandController.prototype.addButton = function (name, bf) {
var idx = this.buttonNames.indexOf(bf);
var bfElt, smallBfElt;
if (idx >= 0) {
this.buttonNames.splice(idx, 0, name);
bfElt = (0, _ACore.$)(`button[name="${name}"]`, this.$normalActionCtn);
smallBfElt = (0, _ACore.$)(`button[name="${name}"]`, this.$tinyActionCtn);
} else {
this.buttonNames.push(name);
}
var desc = this.commands[name] || {};
this.$normalActionCtn.addChildBefore((0, _ACore._)({
tag: _FlexiconButton.default.tag,
attr: {
name: name
},
props: {
text: desc.text || name
},
on: {
click: () => {
this.execCommand(name);
}
}
}), bfElt);
this.$tinyActionCtn.addChild((0, _ACore._)({
tag: 'button',
class: 'as-transparent-button',
attr: {
name: name
},
child: desc.icon,
on: {
click: () => {
this.execCommand(name);
}
}
}), smallBfElt);
this.elt.layoutCtn.requestUpdateActionButtonSize();
};
/****
*
* @param {string} name
* @param {string=} bf
*/
CommandController.prototype.addFolderMenuItem = function (name, bf) {
idx = this.folderMenuItemNames.indexOf(name);
if (idx >= 0) return;
var idx = this.folderMenuItemNames.indexOf(bf);
if (idx >= 0) this.folderMenuItemNames.splice(idx, 0, name);else this.folderMenuItemNames.push(name);
};
/****
*
* @param {string} name
* @param {string=} bf
*/
CommandController.prototype.addContentMenuItem = function (name, bf) {
idx = this.folderMenuItemNames.indexOf(name);
if (idx >= 0) return; //todo
var idx = this.folderMenuItemNames.indexOf(bf);
if (idx >= 0) this.folderMenuItemNames.splice(idx, 0, name);else this.folderMenuItemNames.push(name);
};
CommandController.prototype.ev_navContextMenu = function (event) {
var expTree;
var c = event.target;
while (c && !expTree) {
if (c.stat) expTree = c;
c = c.parentElement;
}
if (expTree) this.elt.navCtrl.viewDir(expTree.stat.path, [this.elt.rootPath].concat(expTree.getPath()).join('/'));
var items = this.folderMenuItemNames.map(name => {
var desc = this.commands[name];
if (!desc) return null;
if (typeof desc.match === "function") {
if (!desc.match.call(this.elt, expTree)) return null;
}
return {
text: desc.text,
icon: desc.icon,
cmd: name
};
}).filter(x => !!x);
if (items.length > 0) {
event.showContextMenu({
items: items
}, event => {
var cmd = event.menuItem.cmd;
this.execCommand(cmd, expTree);
});
}
};
CommandController.prototype.ev_contentContextMenu = function (event) {
var fileElt;
var c = event.target;
while (c && !fileElt) {
if (c.stat) fileElt = c;
c = c.parentElement;
}
var selectedElements = this.elt.selectCtrl.$selectedItems;
if (fileElt && selectedElements.indexOf(fileElt) < 0) {
this.elt.selectCtrl.deselectAll();
this.elt.selectCtrl.select(fileElt);
} // if (expTree) this.elt.navCtrl.viewDir(expTree.stat.path, [this.elt.rootPath].concat(expTree.getPath()).join('/'));
var items = this.contentMenuItemNames.map(name => {
var desc = this.commands[name];
if (!desc) return null;
if (typeof desc.match === "function") {
if (!desc.match.call(this.elt, fileElt)) return null;
}
return {
text: desc.text,
icon: desc.icon,
cmd: name
};
}).filter(x => !!x);
if (items.length > 0) {
event.showContextMenu({
items: items
}, event => {
var cmd = event.menuItem.cmd;
this.execCommand(cmd, fileElt);
});
}
};
/***
* for desktop
* @param {Finder} elt
* @constructor
*/
function SelectController(elt) {
this.elt = elt;
this.$selectedItems = []; // first element is focus
this.$content = this.elt.$content;
this.$contentCtn = this.elt.$contentCtn;
Object.keys(this.constructor.prototype).forEach(key => {
if (key.startsWith('ev_')) {
this[key] = this[key].bind(this);
}
});
this._setupSelectTool();
}
/***
*
* @protected
*/
SelectController.prototype._setupSelectTool = function () {
this._draged = false;
this._dragOffset = new _Vec.default(0, 0);
this.$selectArea = (0, _ACore._)('.as-finder-select-area');
this.$contentCtn.on('draginit', this.ev_dragInit).on('dragdeinit', this.ev_dragDeinit).on('dragstart', this.ev_dragStart).on('drag', this.ev_drag).on('dragend', this.ev_dragEnd);
};
SelectController.prototype.deselectAll = function () {
while (this.$selectedItems.length > 0) {
this.$selectedItems.pop().checked = false;
}
this._updateCount();
this.elt.emit('selectedchange');
};
SelectController.prototype.select = function (elt) {
//todo: more option
this.deselectAll();
this.$selectedItems.push(elt);
elt.checked = true;
this._updateCount();
this.elt.emit('selectedchange');
};
SelectController.prototype.selectAll = function () {
//todo: more option
this.deselectAll();
var fileElements = Array.prototype.slice.call(this.$content.childNodes);
this.$selectedItems.push.apply(this.$selectedItems, fileElements);
fileElements.forEach(elt => {
elt.checked = true;
});
this._updateCount();
this.elt.emit('selectedchange');
};
SelectController.prototype.ev_dragInit = function (event) {
if (event.target.tagName === 'INPUT' || event.target.tagName === 'TEXTAREA') {
event.cancel();
return;
} // event.preventDefault();
this._draged = false;
};
SelectController.prototype.ev_dragDeinit = function (event) {
if (!this._draged) this.ev_click(event);
};
SelectController.prototype.ev_dragStart = function (event) {
this._draged = true;
this.elt.addClass('as-dragging');
this.$selectArea.addStyle('z-index', this.elt.findZIndex() + 100 + '').addTo(document.body);
var bound = _Rectangle.default.fromClientRect(this.$content.getBoundingClientRect());
this._dragOffset = event.currentPoint.sub(bound.A());
var pos = bound.A().add(this._dragOffset);
this.$selectArea.addStyle({
left: pos.x + 'px',
top: pos.y + 'px'
});
};
SelectController.prototype.ev_drag = function (event) {
this._draged = true;
var bound = _Rectangle.default.fromClientRect(this.$content.getBoundingClientRect());
var A = bound.A().add(this._dragOffset);
var C = event.currentPoint;
var sRect = _Rectangle.default.boundingPoints([A, C]);
this.$selectArea.addStyle({
left: sRect.x + 'px',
top: sRect.y + 'px',
width: sRect.width + 'px',
height: sRect.height + 'px'
});
};
SelectController.prototype.ev_dragEnd = function () {
while (this.$selectedItems.length > 0) {
this.$selectedItems.pop().checked = false;
}
var selectBound = _Rectangle.default.fromClientRect(this.$selectArea.getBoundingClientRect());
Array.prototype.forEach.call(this.$content.childNodes, elt => {
var bound = _Rectangle.default.fromClientRect(elt.getBoundingClientRect());
if (selectBound.isCollapse(bound, 0)) {
this.$selectedItems.push(elt);
elt.checked = true;
}
});
this._draged = true;
this.$selectArea.remove();
this.elt.removeClass('as-dragging');
this._updateCount();
this.elt.layoutCtn.update();
this.elt.emit('selectedchange');
};
SelectController.prototype._updateCount = function () {
var folderCount = this.$selectedItems.filter(elt => elt.stat.isDirectory).length;
this.elt.attr('data-selected-file-count', this.$selectedItems.length - folderCount + '');
this.elt.attr('data-selected-folder-count', folderCount + '');
};
SelectController.prototype.ev_click = function (event) {
event = event.originalEvent || event.originEvent || event;
var c = event.target;
var itemElt;
while (c && !itemElt) {
if (c.hasClass && c.hasClass('as-file-thumbnail')) {
itemElt = c;
break;
}
c = c.parentElement;
}
var focusIdx;
var currentIdx;
if (this.$selectedItems.length === 0 && itemElt) {
this.$selectedItems.push(itemElt);
itemElt.checked = true;
} else if ((0, _EventEmitter.isMouseRight)(event)) {} else if (!event.ctrlKey && !event.shiftKey) {
while (this.$selectedItems.length > 0) {
this.$selectedItems.pop().checked = false;
}
if (itemElt) {
this.$selectedItems.push(itemElt);
itemElt.checked = true;
}
} else if (event.shiftKey) {
if (itemElt) {
focusIdx = Array.prototype.indexOf.call(this.$content.childNodes, this.$selectedItems[0]);
currentIdx = Array.prototype.indexOf.call(this.$content.childNodes, itemElt);
while (this.$selectedItems.length > 1) {
this.$selectedItems.pop().checked = false;
}
while (currentIdx !== focusIdx) {
itemElt = this.$content.childNodes[currentIdx];
this.$selectedItems.push(itemElt);
itemElt.checked = true;
if (currentIdx < focusIdx) currentIdx++;else currentIdx--;
}
}
} else if (event.ctrlKey) {
if (itemElt) {
currentIdx = this.$selectedItems.indexOf(itemElt);
if (currentIdx >= 0) {
this.$selectedItems.splice(currentIdx, 1);
itemElt.checked = false;
} else {
this.$selectedItems.unshift(itemElt);
itemElt.checked = true;
}
}
}
this._updateCount();
this.elt.layoutCtn.update();
this.elt.emit('selectedchange');
};
/***
* @extends SelectController
* @param elt
* @constructor
*/
function MobileSelectController(elt) {
SelectController.apply(this, arguments);
}
_OOP.default.mixClass(MobileSelectController, SelectController);
MobileSelectController.prototype._setupSelectTool = function () {
this.$content.on('click', this.ev_click);
};
/***
*
* @param {Finder} elt
* @constructor
*/
function UploadController(elt) {
/***
*
* @type {Finder}
*/
this.elt = elt;
this.$body = this.elt.$body;
Object.keys(this.constructor.prototype).forEach(key => {
if (key.startsWith('ev_')) {
this[key] = this[key].bind(this);
}
});
this.$body.on({
fileenter: this.ev_fileEnter,
filedrop: this.ev_fileDrop
});
}
UploadController.prototype.upload = function (files) {
var screenSize = (0, _Dom.getScreenSize)();
var contentElt = (0, _ACore._)({
style: {
maxHeight: '50vh',
overflow: 'auto'
},
child: {
style: {
display: 'table'
},
child: files.map(file => ({
style: {
display: 'table-row'
},
child: [{
style: {
display: 'table-cell',
padding: '5px 20px 5px 10px'
},
child: {
style: {
'width': Math.min(screenSize.width - 180, 800) / 14 + 'em',
textOverflow: 'ellipsis',
overflow: 'hidden'
},
child: {
text: file.name
}
}
}, {
style: {
display: 'table-cell',
padding: '5px 10px'
},
child: {
class: 'as-upload-percent',
style: {
'min-width': '3em',
textAlign: 'right',
color: 'rgb(30,237,219)'
},
child: {
text: ''
}
}
}]
}))
}
});
var modal = (0, _ACore._)({
tag: _Modal.default.tag,
style: {
zIndex: this.elt.findZIndex() + 9000
},
child: {
tag: _MessageDialog.default.tag,
props: {
dialogTitle: 'Tải lên'
},
child: contentElt
}
}).addTo(document.body);
var syncs = files.map((file, i) => {
var percentText = (0, _ACore.$)('.as-upload-percent', contentElt.firstChild.childNodes[i]);
return this.elt.fileSystem.writeFile(this.elt.path + '/' + file.name, file, done => {
var textBound = percentText.getBoundingClientRect();
var ctnBound = contentElt.getBoundingClientRect();
if (textBound.bottom > ctnBound.bottom) {
contentElt.scrollTop += textBound.bottom - ctnBound.bottom;
}
percentText.firstChild.data = Math.round(done * 100) + '%';
});
});
Promise.all(syncs).then(() => {
this.elt.navCtrl.reload(this.elt.path, true).then(() => modal.remove());
});
};
UploadController.prototype.ev_fileEnter = function (event) {
var files = Array.prototype.slice.call(event.dataTransfer.files);
if (files.length === 0) return;
};
UploadController.prototype.ev_fileDrop = function (event) {
if (this.elt.searchCtrl.state === "RUNNING") return;
var files = event.files;
if (files.length > 0) this.upload(files);
};
/***
* @extends EventEmitter
* @param {Finder} elt
* @constructor
*/
function FolderDialog(elt) {
_EventEmitter.default.call(this);
this.elt = elt;
}
_OOP.default.mixClass(FolderDialog, _EventEmitter.default);
FolderDialog.prototype._init = function () {
if (this.$modal) return;
this.$modal = (0, _ACore._)({
tag: 'modal',
class: 'as-finder-folder-dialog-modal',
child: {
tag: _MessageDialog.default.tag,
props: {
dialogTitle: 'Duyệt thư mục',
dialogActions: [{
name: 'ok',
text: 'OK'
}, {
name: 'cancel',
text: 'Hủy'
}]
},
child: [{
class: 'as-finder-folder-dialog-content',
child: [{
class: 'as-finder-folder-dialog-selected-ctn',
child: [{
tag: 'span',
child: {
text: 'Đã chọn thư mục: '
}
}, {
tag: 'span',
child: {
text: ' ... '
}
}]
}, {
class: 'as-finder-folder-dialog-tree-ctn',
child: [{
tag: _ExpTree.ExpGroup.tag
}, {
tag: _ExpTree.ExpTree.tag,
class: 'as-finder-folder-dialog-tree-root',
props: {
name: 'root',
icon: 'span.mdi.mdi-harddisk'
}
}]
}]
}]
}
});
this.$dialog = (0, _ACore.$)(_MessageDialog.default.tag, this.$modal);
this.$treeCtn = (0, _ACore.$)('.as-finder-folder-dialog-tree-ctn', this.$modal);
this.$rootTree = (0, _ACore.$)('.as-finder-folder-dialog-tree-root', this.$modal);
this.$content = (0, _ACore.$)('.as-finder-folder-dialog-content', this.$modal);
this.$expGroup = (0, _ACore.$)(_ExpTree.ExpGroup.tag, this.$content);
this.$selectedCtn = (0, _ACore.$)('.as-finder-folder-dialog-selected-ctn', this.$content);
this.$selectedPath = this.$selectedCtn.childNodes[1];
this.$activeNode = null;
};
FolderDialog.prototype.open = function (initPath, showRoot, checkFunc, title) {
var cPath = initPath;
this._init();
var fileSystem = this.elt.fileSystem;
var zIndex = this.elt.findZIndex() + 9000;
this.$modal.addStyle('z-index', zIndex + '');
this.$modal.addTo(document.body);
if (this.$activeNode) {
this.$activeNode.active = false;
this.$activeNode = null;
}
this.$dialog.$actionBtns[0].disabled = true;
this.$dialog.dialogTitle = title || 'Duyệt';
var makeTree = (path, ctnElt, level) => {
level = level || 0;
return fileSystem.readDir(path).then(dirs => Promise.all(dirs.map(dir => fileSystem.stat(path + '/' + dir)))).then(stats => stats.filter(stat => {
return stat.isDirectory;
})).then(stats => {
var syncs = [];
ctnElt.clearChild();
var children = stats.map(stat => {
var nodePath = path + '/' + stat.name;
var node = (0, _ACore._)({
tag: _ExpTree.ExpTree.tag,
props: {
stat: stat,
name: stat.displayName || stat.name,
icon: {
tag: 'img',
props: {
src: _MessageInput.default.iconAssetRoot + '/folder.svg'
}
},
path: nodePath
},
on: {
statuschage: () => {},
press: () => {
if (this.$activeNode) this.$activeNode.active = false;
this.$activeNode = node;
this.$activeNode.active = true;
this.$selectedPath.firstChild.data = node.getPath().join('/');
cPath = nodePath;
if (checkFunc && !checkFunc(cPath, stat)) {
this.$dialog.$actionBtns[0].disabled = true;
} else {
this.$dialog.$actionBtns[0].disabled = false;
}
}
}
});
if (nodePath === cPath) {
node.active = true;
this.$activeNode = node;
}
if (checkFunc && !checkFunc(nodePath, stat)) {
node.getNode().addStyle('opacity', 0.3 + '');
}
node.getNode().on({
dblclick: () => {
if (node.status === 'close') {
node.status = 'open';
} else if (node.status === 'open') {
node.status = 'close';
}
}
});
if (stat.name !== 'node_modules') syncs.push(makeTree(nodePath, node, level + 1));
return node;
});
children.forEach(c => {
ctnElt.addChild(c);
});
if (children.length) {
ctnElt.status = level > 1 ? 'close' : 'open';
} else {
ctnElt.status = 'none';
}
return Promise.all(syncs);
});
};
var onRootPress;
if (showRoot) {
this.$expGroup.addStyle('display', 'none');
this.$rootTree.removeStyle('display');
if (cPath === this.elt.rootPath) {
this.$activeNode = this.$rootTree;
this.$activeNode.active = true;
}
onRootPress = () => {
var node = this.$rootTree;
var nodePath = this.elt.rootPath;
if (this.$activeNode) this.$activeNode.active = false;
this.$activeNode = node;
this.$activeNode.active = true;
this.$selectedPath.firstChild.data = node.getPath().join('/');
cPath = nodePath;
if (cPath === initPath || checkFunc && !checkFunc(cPath, {
writable: true
})) {
this.$dialog.$actionBtns[0].disabled = true;
} else {
this.$dialog.$actionBtns[0].disabled = false;
}
};
this.$rootTree.on('press', onRootPress);
} else {
this.$expGroup.removeStyle('display');
this.$rootTree.addStyle('display', 'none');
}
makeTree(this.elt.rootPath, showRoot ? this.$rootTree : this.$expGroup).then(() => {
var p;
if (this.$activeNode) {
this.$selectedPath.firstChild.data = this.$activeNode.getPath().join('/');
p = this.$activeNode.getParent();
while (p) {
if (p.status === 'close') {
p.status = 'open';
}
p = p.getParent && p.getParent();
}
setTimeout(() => {
(0, _utils.vScrollIntoView)(this.$activeNode.firstChild);
}, 10);
}
});
return new Promise(resolve => {
var finish = event => {
this.$dialog.off('action', finish);
this.$modal.remove();
if (event.action.name === 'cancel') resolve(null);else resolve(cPath);
if (onRootPress) {
this.$rootTree.off('press', onRootPress);
}
};
this.$dialog.on('action', finish);
});
};
var isMatchAccept = (accept, statInfo) => {
if (accept && typeof accept === "object" && accept.accept) accept = accept.accept;
if (typeof accept !== "string") return true;
if (!accept) return true;
if (statInfo.isDirectory) return true;
var fileInfo = (0, _utils.fileInfoOf)(statInfo);
if (accept.startsWith('image')) {
return fileInfo.mimeType && fileInfo.mimeType.startsWith('image');
}
return true; // not handle other case
};
/***
*
* @param {Finder} elt
* @constructor
*/
function NavigatorController(elt) {
this.elt = elt;
this.path = '';
this.rootPath = '';
this._states = {};
this._notifiedVisibleIdx = 0;
this.$navCtn = this.elt.$navCtn;
this.$nav = this.elt.$nav;
this.$contentCtn = this.elt.$contentCtn;
this.$content = this.elt.$content;
Object.keys(this.constructor.prototype).forEach(key => {
if (key.startsWith('ev_')) {
this[key] = this[key].bind(this);
}
});
this.$contentCtn.on('scroll', this.ev_contentScroll);
}
NavigatorController.prototype.onStart = function () {
/**
*
* @type {AbsolFileSystem}
*/
this.fileSystem = this.elt.fileSystem;
this.$treeByPath = {};
this.$treeByPath[this.rootPath || '..'] = this.$nav;
this.reload(this.rootPath, true);
};
NavigatorController.prototype.reload = function (fromPath, autoOpen) {
var opened = !autoOpen;
var makeTree = (path, ctnElt) => {
if (!opened && ctnElt.path) {
this.viewDir(ctnElt.path, [this.elt.rootPath].concat(ctnElt.getPath()).join('/'));
opened = true;
}
return this.fileSystem.readDir(path).then(dirs => Promise.all(dirs.map(dir => this.fileSystem.stat(path + '/' + dir)))).then(stats => stats.filter(stat => {
return stat.isDirectory;
})).then(stats => {
var syncs = [];
ctnElt.clearChild();
var children = stats.map(stat => {
var nodePath = path + '/' + stat.name;
var node = (0, _ACore._)({
tag: _ExpTree.ExpTree.tag,
props: {
stat: stat,
name: stat.displayName || stat.name,
icon: {
tag: 'img',
props: {
src: _MessageInput.default.iconAssetRoot + '/folder.svg'
}
},
path: nodePath
},
on: {
statuschage: () => {
this._states[path + '/' + stat.name] = node.status;
},
press: () => {
if (this.path !== nodePath) this.viewDir(nodePath, [this.elt.rootPath].concat(node.getPath()).join('/'));
}
}
});
node.getNode().on({
dblclick: () => {
if (node.status === 'close') {
node.status = 'open';
} else if (node.status === 'open') {
node.status = 'close';
}
this._states[nodePath] = node.status;
}
});
this.$treeByPath[nodePath] = node;
if (stat.name !== 'node_modules') syncs.push(makeTree(nodePath, node));
if (!opened) {
this.viewDir(nodePath, [this.elt.rootPath].concat(node.getPath()).join('/'));
opened = true;
}
return node;
});
children.forEach(c => {
ctnElt.addChild(c);
});
if (children.length) {
if (this._states[ctnElt.path] === 'close' || this._states[ctnElt.path] === 'open') {
ctnElt.status = this._states[ctnElt.path];
} else {
ctnElt.status = 'close';
}
} else {
ctnElt.status = 'none';
}
return Promise.all(syncs);
});
};
if (this.$treeByPath[fromPath || '..']) return makeTree(fromPath, this.$treeByPath[fromPath || '..']);
return Promise.resolve();
};
NavigatorController.prototype.viewDir = function (path) {
this.elt.selectCtrl.deselectAll();
if (this.$treeByPath[this.path]) {
this.$treeByPath[this.path].active = false;
this.$treeByPath[this.path].active = false;
}
this.path = path;
this.$treeByPath[this.path].active = true;
var c = this.$treeByPath[this.path].getParent();
while (c) {
if (c.status === 'close') c.status = 'open';
c = c.getParent && c.getParent();
}
(0, _utils.vScrollIntoView)(this.$treeByPath[this.path].firstChild);
this.fileSystem.stat(path).then(stat => {
this.elt.dirStat = stat;
if (this.path !== path) return;
if (stat.writable) this.elt.addClass('as-writable-folder');else this.elt.removeClass('as-writable-folder');
if (stat.isVirtual) {
this.elt.addClass('as-virtual-folder');
} else {
this.elt.removeClass('as-virtual-folder');
}
});
this.fileSystem.readDir(path).then(dirs => Promise.all(dirs.map(dir => this.fileSystem.stat(path + '/' + dir)))).then(stats => {
if (this.path !== path) return;
stats.sort((a, b) => {
var aName, bName;
if (a.isDirectory === b.isDirectory) {
aName = a.displayName || a.name;
bName = b.displayName || b.name;
if (aName < bName) return -1;
return 1;
} else {
if (a.isDirectory) return -1;
return 1;
}
});
stats = stats.filter(x => isMatchAccept(this.elt.accept, x));
this.viewContent(stats);
});
};
NavigatorController.prototype.viewContent = function (stats) {
this.clearContent();
stats.forEach(stat => {
this.pushContentItem(stat);
});
this.notifyVisibleContentItems();
};
NavigatorController.prototype.clearContent = function () {
this._notifiedVisibleIdx = 0;
this.$content.clearChild();
};
NavigatorController.prototype.pushContentItem = function (stat) {
var elt = (0, _ACore._)({
tag: _FileThumbnail.default.tag,
extendEvent: ['visible'],
attr: {
title: stat.displayName || stat.name
},
props: {
isDirectory: stat.isDirectory,
value: stat.url,
fileName: stat.displayName || stat.name,
stat: stat
},
on: {
visible: () => {
var mineType = _ext2MineType.default[elt.fileType];
if (mineType && mineType.startsWith('image/')) {
elt.thumbnail = stat.url;
}
},
dblclick: () => {
var prevented = false;
var event;
if (!stat.isDirectory) {
event = {
fileElt: elt,
stat: stat,
preventDefault: () => {
prevented = true;
}
};
this.elt.emit('dblclickfile', event);
}
if (!prevented) this.elt.execCommand('view');
}
}
});
this.$content.addChild(elt);
};
NavigatorController.prototype.notifyVisibleContentItems = function () {
var elt;
var bound = this.$contentCtn.getBoundingClientRect();
var eBound;
while (this._notifiedVisibleIdx < this.$content.childNodes.length) {
elt = this.$content.childNodes[this._notifiedVisibleIdx];
eBound = elt.getBoundingClientRect();
if (eBound.top < bound.bottom) {
elt.emit('visible');
} else {
break;
}
this._notifiedVisibleIdx++;
}
};
NavigatorController.prototype.expandAll = function () {
var visit = nodeElt => {
if (nodeElt.status === 'close') {
nodeElt.status = 'open';
this._states[nodeElt.path] = 'open';
}
if (nodeElt.status === 'open') {
nodeElt.getChildren().forEach(visit);
}
};
Array.prototype.forEach.call(this.$nav.childNodes, visit);
};
NavigatorController.prototype.collapseAll = function () {
var visit = nodeElt => {
if (nodeElt.status === 'open') {
nodeElt.status = 'close';
this._states[nodeElt.path] = 'close';
}
if (nodeElt.status === 'close') {
nodeElt.getChildren().forEach(visit);
}
};
Array.prototype.forEach.call(this.$nav.childNodes, visit);
};
NavigatorController.prototype.ev_contentScroll = function (event) {
this.notifyVisibleContentItems();
};
var fileTextQuery2Regex = text => {
var code = (0, _stringFormat.nonAccentVietnamese)(text.toLowerCase()).replace(/[.,+^$()\[\]{}|\\]/g, x => '\\' + x).replace(/\*+/g, '(.*)').replace(/\?/g, '.');
return new RegExp(code, 'i');
};
/***
* @extends Context
* @param {Finder} elt
* @constructor
*/
function SearchController(elt) {
_Context.default.apply(this);
this.elt = elt;
this.$searchText = this.elt.$searchText.on('keydown', event => {
if (event.key === 'Enter') {
this.$searchText.blur();
this.search();
}
});
}
_OOP.default.mixClass(SearchController, _Context.default);
SearchController.prototype.onStart = function () {
// console.log('start')
this.elt.addClass('as-searching');
this.$searchText.value = '';
this.$searchText.focus();
};
SearchController.prototype.onStop = function () {
this.elt.removeClass('as-searching');
this.session = (0, _stringGenerate.randomIdent)(10);
this.$searchText.waiting = false;
};
SearchController.prototype.search = function () {
var session = (0, _stringGenerate.randomIdent)(10);
this.session = session;
this.elt.navCtrl.clearContent();
this.$searchText.waiting = true;
var fileSystem = this.elt.fileSystem;
var rootPath = this.elt.rootPath;
var result = [];
var type = this.elt.$searchTypeSelect.value;
var text = this.$searchText.value.trim();
var regex = fileTextQuery2Regex(text);
var isMatched = stat => {
var fileInfo = (0, _utils.fileInfoOf)(stat.displayName || stat.name);
var mineType = fileInfo.mimeType || '';
var fileType = fileInfo.type || '';
fileType = fileType.toLowerCase();
if (mineType && type !== 'all') {
if (type === 'image' && !mineType.startsWith('image') && type !== 'svg') {
return false;
} else if (type === 'document' && ['doc', 'docx', 'pdf', 'xlsx'].indexOf(fileType) < 0 && !mineType.startsWith('text')) {
return false;
}
}
if (text.length === 0) return true;
if (stat.displayName && stat.displayName.match(regex)) return true;
if (stat.name && (0, _stringFormat.nonAccentVietnamese)(stat.name.toLowerCase()).match(regex)) return true;
return false;
};
var handleStat = stat => {
if (session !== this.session) return;
if (stat.isDirectory) return new Promise(rs => {
setTimeout(() => {
rs(visitDir(stat.path));
}, 5);
});
if (isMatched(stat)) {
this.elt.navCtrl.pushContentItem(stat);
this.elt.navCtrl.notifyVisibleContentItems();
}
};
var handleDirResult = (dir, names) => {
var syncs = names.map(name => {
return fileSystem.stat(dir + '/' + name).then(stat => {
if (session !== this.session) return;
if (stat) return handleStat(stat);
});
});
return Promise.all(syncs);
};
var visitDir = path => {
return fileSystem.readDir(path).then(names => handleDirResult(path, names));
};
visitDir(rootPath).then(() => {
if (session !== this.session) return;
this.$searchText.waiting = false;
});
};
/***
*
* @constructor
*/
function FinderFileSystem() {}
FinderFileSystem.prototype.supporteDisplayName = false;
FinderFileSystem.prototype.readDir = function (path) {};
FinderFileSystem.prototype.unlink = function (path) {
console.log(path);
};
FinderFileSystem.prototype.stat = function (path) {};
FinderFileSystem.prototype.rmdir = function (path) {};
FinderFileSystem.prototype.mkdir = function (path) {};
FinderFileSystem.prototype.writeFile = function (file, data) {};
FinderFileSystem.prototype.copy = function () {};
FinderFileSystem.prototype.rename = function (path, name) {};
FinderFileSystem.prototype.move = function (oldPath, newPath) {};
FinderFileSystem.prototype.clearCache = function () {};
/***
* @extends FinderFileSystem
* @constructor
*/
function AbsolFileSystem() {
FinderFileSystem.apply(this, arguments);
this.sync = Promise.resolve();
this.cache = {
readDir: {},
stats: {}
};
this.taskMng = new _TaskManager.default({
limit: 4
});
}
_OOP.default.mixClass(AbsolFileSystem, FinderFileSystem);
AbsolFileSystem.prototype.API_PREFIX = location.href.indexOf('localhost') >= 0 ? 'https://absol.cf' : '';
AbsolFileSystem.prototype.clearCache = function () {
this.cache = {
readDir: {},
stats: {}
};
};
AbsolFileSystem.prototype.readDir = function (path) {
this.sync = this.sync.then(() => {
if (this.cache.readDir[path || '..']) return this.cache.readDir[path || '..'];
return fetch(this.API_PREFIX + '/filesystem/ls.php', {
method: 'POST',
cache: "no-cache",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
path: path
})
}).then(res => res.json()).then(res => {
res = res.filter(c => c.path.startsWith('/html'));
res.forEach(c => {
c.name = c.path.split('/').pop();
c.url = c.path.replace('/html', this.API_PREFIX || location.origin);
});
this.cache.readDir[path || '..'] = res.map(c => c.name);
res.forEach(c => {
this.cache.stats[c.path] = c;
});
}).then(() => {
return this.cache.readDir[path || '..'];
});
});
return this.sync;
};
AbsolFileSystem.prototype.stat = function (path) {
return this.sync.then(() => {
path = path || '';
if (this.cache.stats[path || '..']) return this.cache.stats[path || '..'];
var dir = path.split('/');
dir.pop();
dir = dir.join('/');
return this.readDir(dir).then(() => {
return this.cache.stats[path || '..'];
});
});
};
/***
*
* @param file
* @param {File|Blob}data
* @param {function(done: number):void=}onProcess
*/
AbsolFileSystem.prototype.writeFile = function (file, data, onProcess) {
if (file.toLowerCase().endsWith('.php')) file += '.txt';
var folderPath = file.split('/');
folderPath.pop();
folderPath = folderPath.join('/');
delete this.cache.readDir[folderPath];
var prefix = ['file', new Date().getTime(), (0, _random.randomArbitrary)(0, 1000000) >> 0].join('_');
var parts = [];
var chuck_limit = 2 << 20;
var partName;
var fileSize = data.size;
var fileStartOffset = 0;
var fileEndOffset = 0;
var idx = 0;
var syncs = [];
var syncDone = 0;
var bundle;
var began = false;
var handle = bundle => {
return new Promise(rs => {
this.taskMng.requestTask((finishTask, bundle) => {
if (typeof onProcess === "function" && !began) {
began = true;
onProcess(syncDone / (syncs.length || 1));
}
var form = new FormData();
form.append('action', 'upload_part');
form.append('fileUpload', bundle.file, bundle.name);
fetch(this.API_PREFIX + '/filesystem/writefile.php', {
method: 'POST',
body: form
}).then(res => res.text()).then(text => {
if (text !== 'OK') throw new Error(text);
syncDone++;
if (typeof onProcess === "function") {
onProcess(syncDone / (syncs.length || 1));
}
rs(location.origin);
finishTask();
});
}, bundle);
});
};
while (fileStartOffset < fileSize) {
fileEndOffset = Math.min(fileStartOffset + chuck_limit, fileSize);
partName = prefix + '.p' + idx;
parts.push(partName);
bundle = {
file: data.slice(fileStartOffset, fileEndOffset),
idx: idx,
name: partName
};
idx++;
fileStartOffset = fileEndOffset;
syncs.push(handle(bundle));
}
return Promise.all(syncs).then(() => {
var form = new FormData();
form.append('action', 'join_parts');
form.append('parts', parts.join(';'));
form.append('path', file);
fetch(this.API_PREFIX + '/filesystem/writefile.php', {
method: 'POST',
body: form
}).then(res => res.text()).then(text => {
if (text !== 'OK') throw new Error(text);
});
});
};
AbsolFileSystem.prototype.unlink = function (path) {
var folderPath = path.split('/');
folderPath.pop();
folderPath = folderPath.join('/');
delete this.cache.readDir[folderPath];
var form = new FormData();
form.append('action', 'delete_files');
form.append('paths', path);
return fetch(this.API_PREFIX + '/filesystem/writefile.php', {
method: 'POST',
body: form
}).then(res => res.text()).then(text => {
if (text !== 'OK') throw new Error(text);
});
};
AbsolFileSystem.prototype.rename = function (path, name) {
var folderPath = path.split('/');
folderPath.pop();
folderPath = folderPath.join('/');
var form = new FormData();
form.append('action', 'rename');
form.append('path', path);
form.append('new_name', name);
return fetch(this.API_PREFIX + '/filesystem/writefile.php', {
method: 'POST',
body: form
}).then(res => res.text()).then(text => {
if (text !== 'OK') throw new Error(text);
var newPath = folderPath + '/' + name;
delete this.cache.readDir[folderPath];
delete this.cache.stats[path];
return {
url: newPath.replace('/html', this.API_PREFIX || location.origin),
path: newPath,
name: name
};
});
};
AbsolFileSystem.prototype.move = function (oldPath, newPath) {
var oldFolderPath = oldPath.split('/');
oldFolderPath.pop();
oldFolderPath = oldFolderPath.join('/');
var newFolderPath = newPath.split('/');
newFolderPath.pop();
newFolderPath = newFolderPath.join('/');
var form = new FormData();
form.append('action', 'move');
form.append('old_path', oldPath);
form.append('new_path', newPath);
return fetch(this.API_PREFIX + '/filesystem/writefile.php', {
method: 'POST',
body: form
}).then(res => res.text()).then(text => {
if (text !== 'OK') throw new Error(text);
delete this.cache.readDir[oldFolderPath];
delete this.cache.readDir[newFolderPath];
delete this.cache.stats[oldPath];
});
};
Server : Apache/2.4.41 (Ubuntu)