933 lines
No EOL
29 KiB
JavaScript
933 lines
No EOL
29 KiB
JavaScript
|
|
var lfm_route = location.origin + '/laravel-filemanager';
|
|
var lfm_show_list;
|
|
var lfm_sort_type = 'alphabetic';
|
|
var lfm_selected = [];
|
|
var lfm_items = [];
|
|
var lfm_content = '#file-manager-content';
|
|
|
|
|
|
function initFileManager($editor = false) {
|
|
|
|
|
|
if(!$editor){
|
|
$(document).on('click', '#lfm_add-file', function () {
|
|
performLfmRequest('add-file', {})
|
|
.done(function (data) {
|
|
hideNavAndShowEditor(data, function () {
|
|
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(refreshFoldersAndItems);
|
|
});
|
|
});
|
|
});
|
|
|
|
$(document).on('click', '#lfm_add-folder', function () {
|
|
dialog(lang['message-name'], '', 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($(lfm_content).length) {
|
|
loadItems();
|
|
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)
|
|
);
|
|
});
|
|
});
|
|
|
|
$(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);
|
|
});
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
initFileManager();
|
|
|
|
/*
|
|
|
|
actions.reverse().forEach(function (action) {
|
|
$('#nav-buttons > ul').prepend(
|
|
$('<li>').addClass('nav-item').append(
|
|
$('<a>').addClass('nav-link d-none')
|
|
.attr('data-action', action.name)
|
|
.attr('data-multiple', action.multiple)
|
|
.append($('<i>').addClass('fas fa-fw fa-' + action.icon))
|
|
.append($('<span>').text(action.label))
|
|
)
|
|
);
|
|
});
|
|
|
|
sortings.forEach(function (sort) {
|
|
$('#nav-buttons .dropdown-menu').append(
|
|
$('<a>').addClass('dropdown-item').attr('data-sortby', sort.by)
|
|
.append($('<i>').addClass('fas fa-fw fa-' + sort.icon))
|
|
.append($('<span>').text(sort.label))
|
|
.click(function() {
|
|
sort_type = sort.by;
|
|
loadItems();
|
|
})
|
|
);
|
|
});
|
|
*/
|
|
|
|
|
|
/* if (usingWysiwygEditor()) {
|
|
$('#multi_selection_toggle').hide();
|
|
}*/
|
|
});
|
|
|
|
// ======================
|
|
// == Navbar actions ==
|
|
// ======================
|
|
/*
|
|
$('#multi_selection_toggle').click(function () {
|
|
multi_selection_enabled = !multi_selection_enabled;
|
|
|
|
$('#multi_selection_toggle i')
|
|
.toggleClass('fa-times', multi_selection_enabled)
|
|
.toggleClass('fa-check-double', !multi_selection_enabled);
|
|
|
|
if (!multi_selection_enabled) {
|
|
clearSelected();
|
|
}
|
|
});
|
|
|
|
*/
|
|
|
|
|
|
/*
|
|
$(document).on('click', '[data-display]', function() {
|
|
show_list = $(this).data('display');
|
|
loadItems();
|
|
});
|
|
|
|
$(document).on('click', '[data-action]', function() {
|
|
window[$(this).data('action')]($(this).data('multiple') ? getSelectedItems() : getOneSelectedElement());
|
|
});
|
|
|
|
// ==========================
|
|
// == Multiple Selection ==
|
|
// ==========================
|
|
*/
|
|
|
|
/*
|
|
function clearSelected () {
|
|
selected = [];
|
|
|
|
multi_selection_enabled = false;
|
|
|
|
updateSelectedStyle();
|
|
}
|
|
|
|
function updateSelectedStyle() {
|
|
items.forEach(function (item, index) {
|
|
$('[data-id=' + index + ']')
|
|
.find('.square')
|
|
.toggleClass('selected', selected.indexOf(index) > -1);
|
|
});
|
|
toggleActions();
|
|
}
|
|
|
|
function getOneSelectedElement(orderOfItem) {
|
|
var index = orderOfItem !== undefined ? orderOfItem : selected[0];
|
|
return items[index];
|
|
}
|
|
function getSelectedItems() {
|
|
return selected.reduce(function (arr_objects, id) {
|
|
arr_objects.push(getOneSelectedElement(id));
|
|
return arr_objects
|
|
}, []);
|
|
}
|
|
|
|
*/
|
|
|
|
|
|
function getSelectedItems() {
|
|
var items = [];
|
|
|
|
$('input.lfm-control-input').each(function () {
|
|
if($(this).prop('checked')){
|
|
items.push(getOneSelectedElement($(this).parents('.file-item').data('id')));
|
|
}
|
|
});
|
|
return items;
|
|
}
|
|
|
|
function hasSelectedItems() {
|
|
$('input.lfm-control-input').each(function () {
|
|
//console.log($(this).prop('checked'));
|
|
if($(this).prop('checked')){
|
|
return true;
|
|
}
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function getOneSelectedElement(orderOfItem) {
|
|
var index = orderOfItem !== undefined ? orderOfItem : lfm_selected[0];
|
|
return lfm_items[index];
|
|
}
|
|
|
|
function toggleActions() {
|
|
|
|
$('a[data-action=item_rename]').on('click', function () {
|
|
item = getOneSelectedElement($(this).parents('.file-item').data('id'));
|
|
rename(item);
|
|
});
|
|
|
|
$('a[data-action=item_move]').on('click', function (e) {
|
|
var items = [];
|
|
items.push(getOneSelectedElement($(this).parents('.file-item').data('id')));
|
|
move(items);
|
|
});
|
|
|
|
$('a[data-action=item_color]').on('click', function (e) {
|
|
item = getOneSelectedElement($(this).parents('.file-item').data('id'));
|
|
colors(item);
|
|
});
|
|
|
|
$('a[data-action=item_crop]').on('click', function (e) {
|
|
item = getOneSelectedElement($(this).parents('.file-item').data('id'));
|
|
crop(item);
|
|
});
|
|
|
|
$('a[data-action=item_resize]').on('click', function (e) {
|
|
item = getOneSelectedElement($(this).parents('.file-item').data('id'));
|
|
resize(item);
|
|
});
|
|
|
|
$('a[data-action=item_trash]').on('click', function () {
|
|
var items = [];
|
|
items.push(getOneSelectedElement($(this).parents('.file-item').data('id')));
|
|
trash(items);
|
|
});
|
|
|
|
$('a[data-action=item_download]').on('click', function () {
|
|
var items = [];
|
|
items.push(getOneSelectedElement($(this).parents('.file-item').data('id')));
|
|
download(items);
|
|
});
|
|
|
|
|
|
|
|
$('a[data-action=selected_items_move]').on('click', function () {
|
|
var items = getSelectedItems();
|
|
move(items);
|
|
});
|
|
|
|
$('a[data-action=selected_items_remove]').on('click', function () {
|
|
var items = getSelectedItems();
|
|
trash(items);
|
|
});
|
|
|
|
$('a[data-action=selected_items_download]').on('click', function () {
|
|
var items = getSelectedItems();
|
|
download(items);
|
|
});
|
|
|
|
|
|
|
|
|
|
/* var one_selected = selected.length === 1;
|
|
var many_selected = selected.length >= 1;
|
|
var only_image = getSelectedItems()
|
|
|
|
.filter(function (item) { return !item.is_image; })
|
|
.length === 0;
|
|
var only_file = getSelectedItems()
|
|
.filter(function (item) { return !item.is_file; })
|
|
.length === 0;
|
|
|
|
$('[data-action=use]').toggleClass('d-none', !(many_selected && only_file));
|
|
$('[data-action=rename]').toggleClass('d-none', !one_selected);
|
|
$('[data-action=preview]').toggleClass('d-none', !(many_selected && only_file));
|
|
$('[data-action=move]').toggleClass('d-none', !many_selected);
|
|
$('[data-action=download]').toggleClass('d-none', !(many_selected && only_file));
|
|
$('[data-action=resize]').toggleClass('d-none', !(one_selected && only_image));
|
|
$('[data-action=crop]').toggleClass('d-none', !(one_selected && only_image));
|
|
$('[data-action=trash]').toggleClass('d-none', !many_selected);
|
|
$('[data-action=open]').toggleClass('d-none', !one_selected || only_file);
|
|
$('#multi_selection_toggle').toggleClass('d-none', usingWysiwygEditor() || !many_selected);
|
|
$('#actions').toggleClass('d-none', selected.length === 0);
|
|
*/
|
|
|
|
}
|
|
|
|
|
|
|
|
// ======================
|
|
// == Folder actions ==
|
|
// ======================
|
|
|
|
|
|
|
|
function goTo(new_dir) {
|
|
if(!$('.dropdown-menu').hasClass('show')){
|
|
$('#working_dir').val(new_dir);
|
|
loadItems();
|
|
}
|
|
}
|
|
|
|
function getPreviousDir() {
|
|
var working_dir = $('#working_dir').val();
|
|
if(!working_dir){
|
|
working_dir = "/shares";
|
|
}
|
|
return working_dir.substring(0, working_dir.lastIndexOf('/'));
|
|
}
|
|
|
|
// ====================
|
|
// == Ajax actions ==
|
|
// ====================
|
|
|
|
function performLfmRequest(url, parameter, type) {
|
|
var data = 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 = getUrlParam('token');
|
|
if (token !== null) {
|
|
request.setRequestHeader("Authorization", 'Bearer ' + token);
|
|
}
|
|
},
|
|
dataType: type || 'text',
|
|
url: 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);
|
|
displayErrorResponse(jqXHR);
|
|
refreshFoldersAndItems();
|
|
});
|
|
}
|
|
|
|
function displayErrorResponse(jqXHR) {
|
|
notify('<div style="max-height:50vh;overflow: scroll;">' + jqXHR.responseText + '</div>');
|
|
};
|
|
|
|
function isJSON(text) {
|
|
if (typeof text!=="string"){
|
|
return false;
|
|
}
|
|
try{
|
|
JSON.parse(text);
|
|
return true;
|
|
}
|
|
catch (error){
|
|
return false;
|
|
}
|
|
}
|
|
|
|
var refreshFoldersAndItems = function (data) {
|
|
loadItems();
|
|
if(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;
|
|
notify(data);
|
|
}
|
|
|
|
}
|
|
};
|
|
|
|
var hideNavAndShowEditor = function (data, callback = false) {
|
|
// $('#nav-buttons > ul').addClass('d-none');
|
|
//console.log(data);
|
|
notify(data, callback);
|
|
|
|
};
|
|
|
|
function loadItems() {
|
|
loading(true);
|
|
performLfmRequest('jsonitems', {show_list: lfm_show_list, sort_type: lfm_sort_type}, 'html')
|
|
.done(function (data) {
|
|
//console.log(data);
|
|
lfm_selected = [];
|
|
var response = JSON.parse(data);
|
|
var working_dir = response.working_dir;
|
|
lfm_items = response.items;
|
|
var hasItems = lfm_items.length !== 0;
|
|
$('#lfm_empty').toggleClass('d-none', hasItems);
|
|
//$(lfm_content).html(''); //.removeAttr('class');
|
|
var toprev = $('<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>');
|
|
$(lfm_content).html('').append(toprev);
|
|
|
|
if (hasItems) {
|
|
|
|
$(lfm_content).addClass(response.display).addClass('preserve_actions_space');
|
|
|
|
lfm_items.forEach(function (item, index) {
|
|
var template = $('#lfm_item-template').clone()
|
|
.removeAttr('id').removeClass('d-none')
|
|
.attr('data-id', index)
|
|
//.click(toggleSelected)
|
|
.click(function (e) {
|
|
//console.log($(e.target));
|
|
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')){
|
|
preview_item(item);
|
|
}else{
|
|
if($(this).hasClass('file-item')){
|
|
$(this).find('.lfm-control-input').click();
|
|
}
|
|
|
|
}
|
|
} else {
|
|
goTo(item.url);
|
|
}
|
|
}
|
|
if($(e.target).hasClass('lfm-control-input')){
|
|
if(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);
|
|
$(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
|
|
goTo('/' + validSegments.slice(0, 1 + index).join('/'));
|
|
});
|
|
}
|
|
|
|
$('#lfm_breadcrumbs > ol').append(li);
|
|
});
|
|
var atRootFolder = getPreviousDir() == '';
|
|
$('#to-previous').toggleClass('d-none', atRootFolder);
|
|
$('#to-previous').click(function () {
|
|
var previous_dir = getPreviousDir();
|
|
if (previous_dir == '') return;
|
|
goTo(previous_dir);
|
|
});
|
|
|
|
loading(false);
|
|
toggleActions();
|
|
});
|
|
}
|
|
|
|
function loading(show_loading) {
|
|
$('#lfm_loading').toggleClass('d-none', !show_loading);
|
|
}
|
|
|
|
function createFolder(folder_name) {
|
|
performLfmRequest('newfolder', {name: folder_name})
|
|
.done(refreshFoldersAndItems);
|
|
}
|
|
|
|
|
|
// ==================================
|
|
// == File Actions ==
|
|
// ==================================
|
|
|
|
function rename(item) {
|
|
dialog(lang['message-rename'], item.name, function (new_name) {
|
|
performLfmRequest('rename', {
|
|
file: item.name,
|
|
new_name: new_name
|
|
}).done(refreshFoldersAndItems);
|
|
});
|
|
}
|
|
|
|
function colors(item) {
|
|
performLfmRequest('colorhue', {color: item.color})
|
|
.done(function (data) {
|
|
hideNavAndShowEditor(data, function () {
|
|
performLfmRequest('docolorhue', {
|
|
file: item.name,
|
|
new_color: $('#notify').find('input').val(),
|
|
}).done(refreshFoldersAndItems);
|
|
});
|
|
});
|
|
}
|
|
|
|
function trash(items) {
|
|
notify(lang['message-delete'], function () {
|
|
var d = performLfmRequest('delete', {
|
|
items: items.map(function (item) { return item.name; })
|
|
}).done(refreshFoldersAndItems);
|
|
// console.log(d);
|
|
|
|
});
|
|
}
|
|
|
|
function crop(item) {
|
|
performLfmRequest('crop', {img: item.name})
|
|
.done(hideNavAndShowEditor);
|
|
}
|
|
|
|
function resize(item) {
|
|
performLfmRequest('resize', {img: item.name})
|
|
.done(hideNavAndShowEditor);
|
|
}
|
|
|
|
function move(items) {
|
|
performLfmRequest('move', { items: items.map(function (item) { return item.name; }) })
|
|
.done(refreshFoldersAndItems);
|
|
}
|
|
|
|
|
|
|
|
function download(items) {
|
|
items.forEach(function (item, index) {
|
|
var data = defaultParameters();
|
|
|
|
data['file'] = item.name;
|
|
|
|
var token = getUrlParam('token');
|
|
if (token) {
|
|
data['token'] = token;
|
|
}
|
|
|
|
setTimeout(function () {
|
|
location.href = lfm_route + '/download?' + $.param(data);
|
|
}, index * 100);
|
|
});
|
|
}
|
|
|
|
function open(item) {
|
|
goTo(item.url);
|
|
}
|
|
|
|
function preview_item(item) {
|
|
//var items = [];
|
|
//items.push(item);
|
|
preview(item);
|
|
}
|
|
|
|
function preview(item) {
|
|
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);
|
|
media.find('.media-content-description').val(item.content.description);
|
|
}
|
|
media.find('.media-content-title').parent().removeClass('d-none');
|
|
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);
|
|
|
|
|
|
callback = function () {
|
|
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(),
|
|
}).done(refreshFoldersAndItems);
|
|
};
|
|
|
|
|
|
/* if (item.thumb_url) {
|
|
media.find('.carousel-image').css('background-image', 'url(\'' + item.url + '?timestamp=' + item.time + '\')');
|
|
} else {
|
|
media.find('.carousel-image').css('width', '50vh').append($('<div>').addClass('mime-icon ico-' + item.icon));
|
|
}
|
|
|
|
media.find('.carousel-label')
|
|
|
|
.append($('<i class="fas fa-external-link-alt ml-2"></i>'));
|
|
*/
|
|
|
|
notify(media, callback);
|
|
}
|
|
|
|
/*function preview(items) {
|
|
var carousel = $('#carouselTemplate').clone().attr('id', 'previewCarousel').removeClass('d-none');
|
|
var imageTemplate = carousel.find('.carousel-item').clone().removeClass('active');
|
|
var indicatorTemplate = carousel.find('.carousel-indicators > li').clone().removeClass('active');
|
|
carousel.children('.carousel-inner').html('');
|
|
carousel.children('.carousel-indicators').html('');
|
|
carousel.children('.carousel-indicators,.carousel-control-prev,.carousel-control-next').toggle(items.length > 1);
|
|
|
|
items.forEach(function (item, index) {
|
|
var carouselItem = imageTemplate.clone()
|
|
.addClass(index === 0 ? 'active' : '');
|
|
|
|
if (item.thumb_url) {
|
|
carouselItem.find('.carousel-image').css('background-image', 'url(\'' + item.url + '?timestamp=' + item.time + '\')');
|
|
} else {
|
|
carouselItem.find('.carousel-image').css('width', '50vh').append($('<div>').addClass('mime-icon ico-' + item.icon));
|
|
}
|
|
|
|
carouselItem.find('.carousel-label').attr('target', '_blank').attr('href', item.url)
|
|
.append(item.name)
|
|
.append($('<i class="fas fa-external-link-alt ml-2"></i>'));
|
|
|
|
carousel.children('.carousel-inner').append(carouselItem);
|
|
|
|
var carouselIndicator = indicatorTemplate.clone()
|
|
.addClass(index === 0 ? 'active' : '')
|
|
.attr('data-slide-to', index);
|
|
carousel.children('.carousel-indicators').append(carouselIndicator);
|
|
});
|
|
|
|
|
|
// carousel swipe control
|
|
var touchStartX = null;
|
|
|
|
carousel.on('touchstart', function (event) {
|
|
var e = event.originalEvent;
|
|
if (e.touches.length == 1) {
|
|
var touch = e.touches[0];
|
|
touchStartX = touch.pageX;
|
|
}
|
|
}).on('touchmove', function (event) {
|
|
var e = event.originalEvent;
|
|
if (touchStartX != null) {
|
|
var touchCurrentX = e.changedTouches[0].pageX;
|
|
if ((touchCurrentX - touchStartX) > 60) {
|
|
touchStartX = null;
|
|
carousel.carousel('prev');
|
|
} else if ((touchStartX - touchCurrentX) > 60) {
|
|
touchStartX = null;
|
|
carousel.carousel('next');
|
|
}
|
|
}
|
|
}).on('touchend', function () {
|
|
touchStartX = null;
|
|
});
|
|
// end carousel swipe control
|
|
|
|
notify(carousel);
|
|
}*/
|
|
|
|
|
|
/*
|
|
function use(items) {
|
|
function useTinymce3(url) {
|
|
if (!usingTinymce3()) { return; }
|
|
|
|
var win = tinyMCEPopup.getWindowArg("window");
|
|
win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = url;
|
|
if (typeof(win.ImageDialog) != "undefined") {
|
|
// Update image dimensions
|
|
if (win.ImageDialog.getImageData) {
|
|
win.ImageDialog.getImageData();
|
|
}
|
|
|
|
// Preview if necessary
|
|
if (win.ImageDialog.showPreviewImage) {
|
|
win.ImageDialog.showPreviewImage(url);
|
|
}
|
|
}
|
|
tinyMCEPopup.close();
|
|
}
|
|
|
|
function useTinymce4AndColorbox(url) {
|
|
if (!usingTinymce4AndColorbox()) { return; }
|
|
|
|
parent.document.getElementById(getUrlParam('field_name')).value = url;
|
|
|
|
if(typeof parent.tinyMCE !== "undefined") {
|
|
parent.tinyMCE.activeEditor.windowManager.close();
|
|
}
|
|
if(typeof parent.$.fn.colorbox !== "undefined") {
|
|
parent.$.fn.colorbox.close();
|
|
}
|
|
}
|
|
|
|
function useCkeditor3(url) {
|
|
if (!usingCkeditor3()) { return; }
|
|
|
|
if (window.opener) {
|
|
// Popup
|
|
window.opener.CKEDITOR.tools.callFunction(getUrlParam('CKEditorFuncNum'), url);
|
|
} else {
|
|
// Modal (in iframe)
|
|
parent.CKEDITOR.tools.callFunction(getUrlParam('CKEditorFuncNum'), url);
|
|
parent.CKEDITOR.tools.callFunction(getUrlParam('CKEditorCleanUpFuncNum'));
|
|
}
|
|
}
|
|
|
|
function useFckeditor2(url) {
|
|
if (!usingFckeditor2()) { return; }
|
|
|
|
var p = url;
|
|
var w = data['Properties']['Width'];
|
|
var h = data['Properties']['Height'];
|
|
window.opener.SetUrl(p,w,h);
|
|
}
|
|
|
|
var url = items[0].url;
|
|
var callback = getUrlParam('callback');
|
|
var useFileSucceeded = true;
|
|
|
|
if (usingWysiwygEditor()) {
|
|
useTinymce3(url);
|
|
|
|
useTinymce4AndColorbox(url);
|
|
|
|
useCkeditor3(url);
|
|
|
|
useFckeditor2(url);
|
|
} else if (callback && window[callback]) {
|
|
window[callback](getSelectedItems());
|
|
} else if (callback && parent[callback]) {
|
|
parent[callback](getSelecteditems());
|
|
} else if (window.opener) { // standalone button or other situations
|
|
window.opener.SetUrl(getSelectedItems());
|
|
} else {
|
|
useFileSucceeded = false;
|
|
}
|
|
|
|
if (useFileSucceeded) {
|
|
if (window.opener) {
|
|
window.close();
|
|
}
|
|
} else {
|
|
console.log('window.opener not found');
|
|
// No editor found, open/download file using browser's default method
|
|
window.open(url);
|
|
}
|
|
}
|
|
//end useFile
|
|
|
|
// ==================================
|
|
// == WYSIWYG Editors Check ==
|
|
// ==================================
|
|
|
|
function usingTinymce3() {
|
|
return !!window.tinyMCEPopup;
|
|
}
|
|
|
|
function usingTinymce4AndColorbox() {
|
|
return !!getUrlParam('field_name');
|
|
}
|
|
|
|
function usingCkeditor3() {
|
|
return !!getUrlParam('CKEditor') || !!getUrlParam('CKEditorCleanUpFuncNum');
|
|
}
|
|
|
|
function usingFckeditor2() {
|
|
return window.opener && typeof data != 'undefined' && data['Properties']['Width'] != '';
|
|
}
|
|
|
|
function usingWysiwygEditor() {
|
|
return usingTinymce3() || usingTinymce4AndColorbox() || usingCkeditor3() || usingFckeditor2();
|
|
}
|
|
*/
|
|
// ==================================
|
|
// == Others ==
|
|
// ==================================
|
|
|
|
function getUrlParam(paramName) {
|
|
var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i');
|
|
var match = window.location.search.match(reParam);
|
|
return ( match && match.length > 1 ) ? match[1] : null;
|
|
}
|
|
|
|
function defaultParameters() {
|
|
return {
|
|
working_dir: $('#working_dir').val(),
|
|
type: $('#type').val()
|
|
};
|
|
}
|
|
|
|
function notImp() {
|
|
notify('Not yet implemented!');
|
|
}
|
|
|
|
function notify(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);
|
|
}
|
|
|
|
function dialog(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);
|
|
} |