mein-sterntours/public/js/filemanager.js

668 lines
26 KiB
JavaScript
Executable file

var LFileManager = {
lfm_route : location.origin + '/laravel-filemanager',
lfm_show_list : '',
lfm_sort_type : 'alphabetic',
lfm_selected : {},
lfm_items : {},
lfm_content : '#file-manager-content',
lfm_config : {},
_log : function (msg){
console.log(msg)
},
initFileManager : function($editor = false) {
var _self = this;
//if(!$editor){
this.initDropzone();
$(document).on('click', '#lfm_add-file', function () {
_self.performLfmRequest('add-file', {})
.done(function (data) {
_self.hideNavAndShowEditor(data, function () {
_self.performLfmRequest('add-dofile', {
working_dir: $("#working_dir").val(),
file_type: $("#from_file_type").val(),
// file_name: $("#form_file_name").val(),
file_content: $("#form_file_content").val(),
}).done(_self.refreshFoldersAndItems);
});
});
});
$(document).on('click', '#lfm_add-folder', function () {
_self.dialog(_self.lfm_config['lfm_lang']['message-name'], '', _self.createFolder);
});
$(document).on('click', '#lfm_upload', function () {
$('#uploadModal').modal('show');
});
$('#uploadModal').on('hidden.bs.modal', function(e) {
$('#uploadForm')[0].dropzone.removeAllFiles();
});
$('#uploadClearButton').on('click', function () {
$('#uploadForm')[0].dropzone.removeAllFiles();
});
// }
if($(this.lfm_content).length) {
_self.loadItems();
_self.performLfmRequest('errors')
.done(function (response) {
JSON.parse(response).forEach(function (message) {
$('#alerts').append(
$('<div>').addClass('alert alert-warning')
.append($('<i>').addClass('fas fa-exclamation-circle'))
.append(' ' + message)
);
});
});
$(_self.lfm_content).on('dragenter', function () {
$('#uploadModal').modal('show');
});
}
// Checkboxes
$('.file-manager-container').on('change', '.file-item-checkbox input', function() {
$(this).parents('.file-item')[this.checked ? 'addClass': 'removeClass']('selected border-primary');
});
// Focus
$('.file-manager-container').on('focusin', '.file-item', function() {
$(this).addClass('focused');
});
$('.file-manager-container').on('focusout', '.file-item', function() {
if ($('.file-item-actions.show').length) return;
$(this).removeClass('focused');
});
$('.file-manager-container').on('hide.bs.dropdown', '.file-item-actions', function() {
if ($(this).parents('.file-item').find(':focus').length) return;
$(this).parents('.file-item').removeClass('focused');
});
// Change view
$('[name="file-manager-view"]').on('change', function() {
$('.file-manager-container')
.removeClass('file-manager-col-view file-manager-row-view')
.addClass(this.value);
});
},
initDropzone : function(){
_self = this;
},
setConfig : function(key, value) {
LFileManager.lfm_config[key] = value;
},
getConfig : function(key) {
return this.lfm_config[key]
},
getSelectedItems : function() {
var _self = this;
var items = [];
$('input.lfm-control-input').each(function () {
if($(this).prop('checked')){
items.push(_self.getOneSelectedElement($(this).parents('.file-item').data('id')));
}
});
return items;
},
hasSelectedItems: function() {
$('input.lfm-control-input').each(function () {
if($(this).prop('checked')){
return true;
}
});
return false;
},
getOneSelectedElement : function(orderOfItem) {
var index = orderOfItem !== undefined ? orderOfItem : this.lfm_selected[0];
return this.lfm_items[index];
},
toggleActions : function() {
var _self = this;
$('a[data-action=item_rename]').on('click', function () {
item = _self.getOneSelectedElement($(this).parents('.file-item').data('id'));
_self.rename(item);
});
$('a[data-action=item_move]').on('click', function (e) {
var items = [];
items.push(_self.getOneSelectedElement($(this).parents('.file-item').data('id')));
_self.move(items);
});
$('a[data-action=item_color]').on('click', function (e) {
item = _self.getOneSelectedElement($(this).parents('.file-item').data('id'));
_self.colors(item);
});
$('a[data-action=item_crop]').on('click', function (e) {
item = _self.getOneSelectedElement($(this).parents('.file-item').data('id'));
_self.crop(item);
});
$('a[data-action=item_resize]').on('click', function (e) {
item = _self.getOneSelectedElement($(this).parents('.file-item').data('id'));
_self.resize(item);
});
$('a[data-action=item_trash]').on('click', function () {
var items = [];
items.push(_self.getOneSelectedElement($(this).parents('.file-item').data('id')));
_self.trash(items);
});
$('a[data-action=item_download]').on('click', function () {
var items = [];
items.push(_self.getOneSelectedElement($(this).parents('.file-item').data('id')));
_self.download(items);
});
$('a[data-action=selected_items_move]').on('click', function () {
var items = _self.getSelectedItems();
_self.move(items);
});
$('a[data-action=selected_items_remove]').on('click', function () {
var items = _self.getSelectedItems();
_self.trash(items);
});
$('a[data-action=selected_items_download]').on('click', function () {
var items = _self.getSelectedItems();
_self.download(items);
});
},
// ======================
// == Folder actions ==
// ======================
goTo : function(new_dir) {
var _self = this;
if(!$('.dropdown-menu', '.modal').hasClass('show')){
$('#working_dir').val(new_dir);
_self.loadItems();
}
},
getPreviousDir : function() {
var working_dir = $('#working_dir').val();
if(!working_dir){
working_dir = "/shares";
}
return working_dir.substring(0, working_dir.lastIndexOf('/'));
},
performLfmRequest : function(url, parameter, type) {
var _self = this;
var data = this.defaultParameters();
if (parameter != null) {
$.each(parameter, function (key, value) {
data[key] = value;
});
}
//console.log(lfm_route + '/' + url);
//console.log(type);
//console.log(data);
return $.ajax({
type: 'GET',
beforeSend: function(request) {
var token = _self.getUrlParam('token');
if (token !== null) {
request.setRequestHeader("Authorization", 'Bearer ' + token);
}
},
dataType: type || 'text',
url: _self.lfm_route + '/' + url,
data: data,
cache: false
}).done(function (data) {
// console.log(data);
/* if(data !== "OK"){
var response = JSON.parse(data);
console.log("done");
console.log(response);
if(response.type === "error"){
$.growl({
title: "Error",
message: response.data,
location: 'tr'
});
}
}
*/
}).fail(function (jqXHR, textStatus, errorThrown) {
console.log(jqXHR);
console.log(textStatus);
console.log(errorThrown);
_self.displayErrorResponse(jqXHR);
_self.refreshFoldersAndItems();
});
},
displayErrorResponse : function(jqXHR) {
this.notify('<div style="max-height:50vh;overflow: scroll;">' + jqXHR.responseText + '</div>');
},
isJSON : function(text) {
if (typeof text!=="string"){
return false;
}
try{
JSON.parse(text);
return true;
}
catch (error){
return false;
}
},
refreshFoldersAndItems : function (data) {
var _self = LFileManager;
_self.loadItems();
if(_self.isJSON(data)){
var response = JSON.parse(data);
//console.log("done");
//console.log(response);
if(response.type === "error"){
$.growl({
title: "Error",
message: response.data,
location: 'tr'
});
}
}else{
if(data !== 'OK') {
data = Array.isArray(data) ? data.join('<br/>') : data;
_self.notify(data);
}
}
},
hideNavAndShowEditor : function (data, callback = false) {
_self = LFileManager;
// $('#nav-buttons > ul').addClass('d-none');
//console.log(data);
_self.notify(data, callback);
},
loadItems : function() {
var _self = this;
this.loading(true);
this.performLfmRequest('jsonitems', {show_list: this.lfm_show_list, sort_type: this.lfm_sort_type}, 'html')
.done(function (data) {
_self.lfm_selected = [];
var response = JSON.parse(data);
var working_dir = response.working_dir;
_self.lfm_items = response.items;
var hasItems = _self.lfm_items.length !== 0;
$('#lfm_empty').toggleClass('d-none', hasItems);
//$(lfm_content).html(''); //.removeAttr('class');
var to_prev = $('<div class="file-item" id="to-previous"><div class="file-item-icon file-item-level-up fas fa-level-up-alt text-secondary"></div><a href="javascript:void(0)" class="file-item-name">zurück</a></div>');
$(_self.lfm_content).html('').append(to_prev);
if (hasItems) {
$(_self.lfm_content).addClass(response.display).addClass('preserve_actions_space');
_self.lfm_items.forEach(function (item, index) {
var template = $('#lfm_item-template').clone()
.removeAttr('id').removeClass('d-none')
.attr('data-id', index)
//.click(toggleSelected)
.on('click', function (e) {
if(!$(e.target).hasClass('lfm-click-disable') && !$(e.target).hasClass('dropdown-item')){
if (item.is_file) {
if($(e.target).hasClass('file-item-img') || $(e.target).hasClass('file-item-icon')){
_self.preview_item(item);
}else{
if($(this).hasClass('file-item')){
$(this).find('.lfm-control-input').click();
}
}
} else {
console.log("goto" + item.url);
_self.goTo(item.url);
}
}
if($(e.target).hasClass('lfm-control-input')){
if(_self.getSelectedItems().length > 0){
if($('.media-multi-settings').hasClass('d-none')){
$('.media-multi-settings').removeClass('d-none');
}
}else{
if(!$('.media-multi-settings').hasClass('d-none')){
$('.media-multi-settings').addClass('d-none');
}
}
}
});
if (item.thumb_url) {
var image = $('<div>').addClass('file-item-img').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');
var dot = $('<span>').addClass('badge badge-dot badge-default indicator_before').css({"background-color":item.color});
} else {
var image = $('<div>').addClass('file-item-icon fa ' + item.icon).css({"color":item.color});
var dot = $('<span>').addClass('badge badge-dot badge-default indicator_before').css({"background-color":item.color});
}
if(!item.is_image){ //no image
template.find('.link-item-crop').remove();
template.find('.link-item-resize').remove();
}else{
// template.find('.link-item-color').remove();
}
if(!item.is_file){ //dirs
template.find('.link-item-download').remove();
}
template.find('.file-item-name').before(image);
var item_name = $('<span>').addClass('file-item-name-insert').html(item.name);
template.find('.file-item-name').html(item_name);
template.find('.file-item-name-insert').before(dot);
var str = "";
if(item.dimension){
str += item.dimension + " | "
}
if(item.size){
str += item.size + " | "
}
str += (new Date(item.time * 1000)).toLocaleString();
template.find('.file-item-changed').text(str);
$(_self.lfm_content).append(template);
});
}
//$('#nav-buttons > ul').removeClass('d-none');
$('#working_dir').val(working_dir);
// console.log('Current working_dir : ' + working_dir);
var breadcrumbs = [];
var validSegments = working_dir.split('/').filter(function (e) { return e; });
validSegments.forEach(function (segment, index) {
if (index === 0) {
// set root folder name as the first breadcrumb
breadcrumbs.push("Medien");
//breadcrumbs.push($("[data-path='/" + segment + "']").text());
} else {
breadcrumbs.push(segment);
}
});
$('#current_folder').text(breadcrumbs[breadcrumbs.length - 1]);
$('#lfm_breadcrumbs > ol').html('');
breadcrumbs.forEach(function (breadcrumb, index) {
var li = $('<li>').addClass('breadcrumb-item').text(breadcrumb);
if (index === breadcrumbs.length - 1) {
li.addClass('active').attr('aria-current', 'page');
} else {
li.click(function () {
// go to corresponding path
_self.goTo('/' + validSegments.slice(0, 1 + index).join('/'));
});
}
$('#lfm_breadcrumbs > ol').append(li);
});
var atRootFolder = _self.getPreviousDir() === '';
$('#to-previous').toggleClass('d-none', atRootFolder);
$('#to-previous').click(function () {
var previous_dir = _self.getPreviousDir();
if (previous_dir === '') return;
_self.goTo(previous_dir);
});
_self.loading(false);
_self.toggleActions();
});
},
loading : function(show_loading) {
$('#lfm_loading').toggleClass('d-none', !show_loading);
if(!show_loading){
if(!$('.media-multi-settings').hasClass('d-none')){
$('.media-multi-settings').addClass('d-none');
}
}
},
createFolder : function(folder_name) {
var _self = LFileManager;
_self.performLfmRequest('newfolder', {name: folder_name})
.done(_self.refreshFoldersAndItems);
},
// ==================================
// == File Actions ==
// ==================================
rename : function(item) {
var _self = this;
_self.dialog(_self.lfm_config['lfm_lang']['message-rename'], item.name, function (new_name) {
_self.performLfmRequest('rename', {
file: item.name,
new_name: new_name
}).done(_self.refreshFoldersAndItems);
});
},
colors : function(item) {
var _self = this;
_self.performLfmRequest('colorhue', {color: item.color})
.done(function (data) {
_self.hideNavAndShowEditor(data, function () {
_self.performLfmRequest('docolorhue', {
file: item.name,
new_color: $('#notify').find('input').val(),
}).done(_self.refreshFoldersAndItems);
});
});
},
trash : function(items) {
var _self = this;
_self.notify(_self.lfm_config['lfm_lang']['message-delete'], function () {
var d = _self.performLfmRequest('delete', {
items: items.map(function (item) { return item.name; })
}).done(_self.refreshFoldersAndItems);
// console.log(d);
});
},
crop : function(item) {
var _self = this;
_self.performLfmRequest('crop', {img: item.name})
.done(_self.hideNavAndShowEditor);
},
resize : function(item) {
var _self = this;
_self.performLfmRequest('resize', {img: item.name})
.done(_self.hideNavAndShowEditor);
},
move : function(items) {
var _self = this;
_self.performLfmRequest('move', { items: items.map(function (item) { return item.name; }) })
.done(_self.refreshFoldersAndItems);
},
download : function(items) {
var _self = this;
items.forEach(function (item, index) {
var data = _self.defaultParameters();
data['file'] = item.name;
var token = _self.getUrlParam('token');
if (token) {
data['token'] = token;
}
setTimeout(function () {
location.href = lfm_route + '/download?' + $.param(data);
}, index * 100);
});
},
open : function(item) {
this.goTo(item.url);
},
preview_item : function(item) {
//var items = [];
//items.push(item);
this.preview(item);
},
preview : function(item) {
var _self = this;
var media = $('#previewTemplate').clone().attr('id', 'previewMedia').removeClass('d-none');
var item_content_id = "";
if(item.icon === "fa-image" || item.icon === "fa-file-pdf"){
media.find('.media-preview').attr('src', item.url + '?timestamp=' + item.time).removeClass('d-none');
}else if(item.icon === "fab fa-youtube-square"){
media.find('.embed-responsive-item').attr('src', 'https://www.youtube.com/embed/' +item.content.id + '?rel=0');
media.find('.embed-responsive').removeClass('d-none');
item_content_id = item.content.id;
}else{
var icon = $('<div>').addClass('file-item-icon fa ' + item.icon).css('color', item.color);
media.find('.file-manager-col-view').html(icon).removeClass('d-none');
}
if(item.content) {
media.find('.media-content-title').val(item.content.title);
if(item.is_image){
media.find('.media-content-author').val(item.content.author);
}else{
media.find('.media-content-description').val(item.content.description);
}
}
media.find('.media-content-title').parent().removeClass('d-none');
if(item.is_image) {
media.find('.media-content-author').parent().removeClass('d-none');
}else{
media.find('.media-content-description').parent().removeClass('d-none');
}
media.find('.media-name').html(item.name);
media.find('.media-url').val(item.url);
media.find('.media-download').attr('target', '_blank').attr('href', item.url);
var callback = function () {
_self.performLfmRequest('file-content', {
file: item.name,
content_id: item_content_id,
content_title: media.find('.media-content-title').val(),
content_description: media.find('.media-content-description').val(),
content_author: media.find('.media-content-author').val(),
}).done(_self.refreshFoldersAndItems);
};
_self.notify(media, callback);
},
getUrlParam : function(paramName) {
var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i');
var match = window.location.search.match(reParam);
return ( match && match.length > 1 ) ? match[1] : null;
},
defaultParameters : function() {
return {
working_dir: $('#working_dir').val(),
type: $('#type').val()
};
},
insertHTML : function(item){
//TODO need?
/* var title = '';
if(item.content !== null && item.content.title){
title = item.content.title;
}
var description = '';
if(item.content !== null && item.content.description){
description = ' ' + item.content.description;
}
var author_name;
if(item.content !== null && item.content.author_name){
author_name = ' Bildquelle: ' + item.content.author_name;
}
var insert = '';
if(item.is_file && item.is_image){
insert += '<div class="mediaA">'+
'<picture>'+
'<img src="'+item.url+'" alt="'+title+'" class="img-responsive" title="'+title + " | " + author_name+'" data-identifier="'+item.identifier+'" width="auto" height="auto">' +
'</picture>'+
'<div class="mediaInfo">\n' +
'<p class="infotext">' + title + '</p>\n' +
'</div>\n' +
'</div>';
console.log(insert);
return insert;
}
if(item.icon === "fab fa-youtube-square"){
insert += '<div class="mediaA">'+
'<div class="video-container" itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject">'+
'<iframe src="https://www.youtube-nocookie.com/embed/'+item.content.id+'?rel=0" frameborder="0" allowfullscreen="allowfullscreen" data-identifier="'+item.identifier+'"></iframe>'+
'</div>'+
'<div class="mediaInfo">\n' +
'<p class="infotext">' + title + '</p>\n' +
'</div>\n' +
'</div>';
return insert;
}
if(item.is_file){
insert += '<a href="'+item.url+'" title="'+title+'" data-identifier="'+item.identifier+'">'+item.name+'</a>';
if(description !== ''){
insert += '<p>'+description+'</p>';
}
return insert;
}
*/
return false;
},
notImp : function() {
this.notify('Not yet implemented!');
},
notify : function(body, callback) {
$('#notify').find('.btn-primary').toggle(callback !== undefined);
if(callback !== 'success'){
$('#notify').find('.btn-primary').unbind().click(callback);
}else{
$('#notify').find('.btn-primary').unbind();
}
$('#notify').modal('show').find('.modal-body').html(body);
},
dialog : function(title, value, callback) {
$('#dialog').find('input').val(value);
$('#dialog').on('shown.bs.modal', function () {
$('#dialog').find('input').focus();
});
$('#dialog').find('.btn-primary').unbind('click').click(function (e) {
callback($('#dialog').find('input').val());
});
$('#dialog').find('input').unbind('keypress.key13').bind('keypress.key13', function (e) {
if (e.which === 13) {
$('#dialog').find('.btn-primary').click();
}
});
$('#dialog').modal('show').find('.modal-title').text(title);
},
};
$(document).ready(function () {
LFileManager.initFileManager();
});
// ====================
// == Ajax actions ==
// ====================