').addClass('alert alert-warning')
+ .append($('').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(
+ $('').addClass('nav-item').append(
+ $('').addClass('nav-link d-none')
+ .attr('data-action', action.name)
+ .attr('data-multiple', action.multiple)
+ .append($('').addClass('fas fa-fw fa-' + action.icon))
+ .append($('').text(action.label))
+ )
+ );
+ });
+
+ sortings.forEach(function (sort) {
+ $('#nav-buttons .dropdown-menu').append(
+ $('').addClass('dropdown-item').attr('data-sortby', sort.by)
+ .append($('').addClass('fas fa-fw fa-' + sort.icon))
+ .append($('').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('
') : 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 = $(''); + $(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 = $('
' + jqXHR.responseText + '
');
+};
+
+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('') : 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 = $(''); + $(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 = $('
').addClass('file-item-img').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');
+ var dot = $('').addClass('badge badge-dot badge-default indicator_before').css({"background-color":item.color});
+ } else {
+ var image = $('
').addClass('file-item-icon fa ' + item.icon).css({"color":item.color});
+ var dot = $('').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 = $('').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 = $('').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 = $('
').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($('
').addClass('mime-icon ico-' + item.icon));
+ }
+
+ media.find('.carousel-label')
+
+ .append($(''));
+*/
+
+ 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($('
').addClass('mime-icon ico-' + item.icon));
+ }
+
+ carouselItem.find('.carousel-label').attr('target', '_blank').attr('href', item.url)
+ .append(item.name)
+ .append($(''));
+
+ 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);
+}
\ No newline at end of file
diff --git a/public/js/_bak_filemanager.js b/public/js/_bak_filemanager.js
new file mode 100644
index 0000000..6b3bcf7
--- /dev/null
+++ b/public/js/_bak_filemanager.js
@@ -0,0 +1,720 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) :
+ typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) :
+ (global = global || self, factory(global.fileManager = {}, global.jQuery));
+}(this, function (exports, $) { 'use strict';
+
+ $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
+
+ function _extends() {
+ _extends = Object.assign || function (target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i];
+
+ for (var key in source) {
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
+ target[key] = source[key];
+ }
+ }
+ }
+ return target;
+ };
+ return _extends.apply(this, arguments);
+ }
+
+ 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';
+ var LFM_CONTAINER = '.file-manager-container';
+ var NAME = 'filemanager';
+ var VERSION = '1.0.0';
+ var DATA_KEY = 'fileManager';
+ var Default = {
+ toggle: true,
+ preventDefault: true,
+ triggerElement: 'a',
+ parentTrigger: 'li',
+ subMenu: 'ul'
+ };
+
+
+
+ var FileManager =
+ /*#__PURE__*/
+ function () {
+
+ function FileManager(element, config) {
+ this._element = element;
+ this.config = _extends({}, Default, config);
+
+ }// Getters
+
+ var _proto = FileManager.prototype;
+
+ _proto.test = function test(){
+ console.log("test");
+ };
+ _proto.init = function init() {
+ console.log("int");
+
+ if (!this._editor) {
+ var _self = this;
+ $(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(_self));
+ });
+ });
+ });
+
+ $(document).on('click', '#lfm_add-folder', function () {
+ _self._dialog(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 ($(LFM_CONTENT).length) {
+ this._loadItems();
+ this._performLfmRequest('errors')
+ .done(function (response) {
+ JSON.parse(response).forEach(function (message) {
+ $('#alerts').append(
+ $('
').addClass('alert alert-warning')
+ .append($('').addClass('fas fa-exclamation-circle'))
+ .append(' ' + message)
+ );
+ });
+ });
+
+ $(LFM_CONTENT).on('dragenter', function () {
+ $('#uploadModal').modal('show');
+ });
+
+
+ }
+
+ if ($(LFM_CONTAINER).length) {
+ // Checkboxes
+ $(LFM_CONTAINER).on('change', '.file-item-checkbox input', function () {
+ $(this).parents('.file-item')[this.checked ? 'addClass' : 'removeClass']('selected border-primary');
+ });
+
+ // Focus
+ $(LFM_CONTAINER).on('focusin', '.file-item', function () {
+ $(this).addClass('focused');
+ });
+
+ $(LFM_CONTAINER).on('focusout', '.file-item', function () {
+ if ($('.file-item-actions.show').length) return;
+ $(this).removeClass('focused');
+ });
+
+ $(LFM_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);
+ });
+
+ return this;
+
+ };
+
+ // ======================
+ // == Folder actions ==
+ // ======================
+
+ _proto._getSelectedItems = function() {
+ var items = [];
+ $('input.lfm-control-input').each(function () {
+ if ($(this).prop('checked')) {
+ items.push(this._getOneSelectedElement($(this).parents('.file-item').data('id')));
+ }
+ });
+ return items;
+ };
+
+ _proto._hasSelectedItems = function() {
+ $('input.lfm-control-input').each(function () {
+ //console.log($(this).prop('checked'));
+ if ($(this).prop('checked')) {
+ return true;
+ }
+ });
+ return false;
+ };
+
+ _proto._getOneSelectedElement = function(orderOfItem) {
+ var index = orderOfItem !== undefined ? orderOfItem : lfm_selected[0];
+ return lfm_items[index];
+ };
+
+ _proto._toggleActions = function() {
+ var _self = this;
+
+ $('a[data-action=item_rename]').on('click', function () {
+ item = this._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);
+ });
+
+ };
+
+ _proto._goTo = function(new_dir) {
+ if (!$('.dropdown-menu').hasClass('show')) {
+ $('#working_dir').val(new_dir);
+ this._loadItems();
+ }
+ };
+
+ _proto._getPreviousDir = function() {
+ var working_dir = $('#working_dir').val();
+ if (!working_dir) {
+ working_dir = "/shares";
+ }
+ return working_dir.substring(0, working_dir.lastIndexOf('/'));
+ };
+
+ // ====================
+ // == Ajax actions ==
+ // ====================
+
+ _proto._performLfmRequest = function(url, parameter, type) {
+
+ 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);
+ var _self = this;
+ return $.ajax({
+ type: 'GET',
+ beforeSend: function (request) {
+ var token = _self.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);
+ _self._displayErrorResponse(jqXHR);
+ _self._refreshFoldersAndItems(_self);
+ });
+ };
+
+ _proto._displayErrorResponse = function(jqXHR) {
+ this._notify('
') : data; + this._notify(data); + } + + } + }; + + _proto._hideNavAndShowEditor = function(data, callback = false) { + // $('#nav-buttons > ul').addClass('d-none'); + //console.log(data); + this._notify(data, callback); + + }; + + _proto._loadItems = function() { + this._loading(true); + var _self = this; + this._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 top_rev = $(''); + $(LFM_CONTENT).html('').append(top_rev); + + 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')) { + _self._preview_item(item); + } else { + if ($(this).hasClass('file-item')) { + $(this).find('.lfm-control-input').click(); + } + + } + } else { + _self._goTo(item.url); + } + } + if ($(e.target).hasClass('lfm-control-input')) { + if (this._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 = $('
' + jqXHR.responseText + '
');
+ };
+
+ _proto._isJSON = function(text) {
+ if (typeof text !== "string") {
+ return false;
+ }
+ try {
+ JSON.parse(text);
+ return true;
+ } catch (error) {
+ return false;
+ }
+ };
+
+ _proto._refreshFoldersAndItems = function(_self, data) {
+ _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('') : data; + this._notify(data); + } + + } + }; + + _proto._hideNavAndShowEditor = function(data, callback = false) { + // $('#nav-buttons > ul').addClass('d-none'); + //console.log(data); + this._notify(data, callback); + + }; + + _proto._loadItems = function() { + this._loading(true); + var _self = this; + this._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 top_rev = $(''); + $(LFM_CONTENT).html('').append(top_rev); + + 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')) { + _self._preview_item(item); + } else { + if ($(this).hasClass('file-item')) { + $(this).find('.lfm-control-input').click(); + } + + } + } else { + _self._goTo(item.url); + } + } + if ($(e.target).hasClass('lfm-control-input')) { + if (this._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 = $('
').addClass('file-item-img').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');
+ var dot = $('').addClass('badge badge-dot badge-default indicator_before').css({"background-color": item.color});
+ } else {
+ var image = $('
').addClass('file-item-icon fa ' + item.icon).css({"color": item.color});
+ var dot = $('').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 = $('').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 = $('').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
+ this._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;
+ this._goTo(previous_dir);
+ });
+
+ _self._loading(false);
+ _self._toggleActions();
+ });
+ };
+
+ _proto._loading = function(show_loading) {
+ $('#lfm_loading').toggleClass('d-none', !show_loading);
+ };
+
+ _proto._createFolder = function(folder_name) {
+ var _self = this;
+ this._performLfmRequest('newfolder', {name: folder_name})
+ .done(_self._refreshFoldersAndItems(_self));
+ };
+
+
+ // ==================================
+ // == File Actions ==
+ // ==================================
+
+ _proto._rename = function(item) {
+ var _self = this;
+ this._dialog(lang['message-rename'], item.name, function (new_name) {
+ _self._performLfmRequest('rename', {
+ file: item.name,
+ new_name: new_name
+ }).done(_self._refreshFoldersAndItems(_self));
+ });
+ };
+
+ _proto._colors = function(item) {
+ var _self = this;
+ this._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(_self));
+ });
+ });
+ };
+
+ _proto._trash = function(items) {
+ var _self = this;
+ this._notify(lang['message-delete'], function () {
+ var d = _self._performLfmRequest('delete', {
+ items: items.map(function (item) {
+ return item.name;
+ })
+ }).done(r_self._efreshFoldersAndItems);
+ // console.log(d);
+
+ });
+ };
+
+ _proto._crop = function(item) {
+ var _self = this;
+ this._performLfmRequest('crop', {img: item.name})
+ .done(_self._hideNavAndShowEditor());
+ };
+
+ _proto._resize = function(item) {
+ var _self = this;
+ this._performLfmRequest('resize', {img: item.name})
+ .done(_self._hideNavAndShowEditor());
+ };
+
+ _proto._move = function(items) {
+ var _self = this;
+ this._performLfmRequest('move', {
+ items: items.map(function (item) {
+ return item.name;
+ })
+ })
+ .done(_self._refreshFoldersAndItems(_self));
+ };
+
+
+
+ _proto._download = function(items) {
+ items.forEach(function (item, index) {
+ var data = this._defaultParameters();
+ data['file'] = item.name;
+ var token = this.getUrlParam('token');
+ if (token) {
+ data['token'] = token;
+ }
+ setTimeout(function () {
+ location.href = lfm_route + '/download?' + $.param(data);
+ },
+ index * 100);
+ });
+ };
+
+ _proto._open = function(item) {
+ this._goTo(item.url);
+ };
+
+ _proto._preview_item = function(item) {
+ //var items = [];
+ //items.push(item);
+ this._preview(item);
+ };
+
+ _proto._preview = function(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 = $('
').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);
+
+ var _self = this;
+ 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(),
+ }).done(_self._refreshFoldersAndItems(_self));
+ };
+
+ this._notify(media, callback);
+ };
+
+
+ // ==================================
+ // == Others ==
+ // ==================================
+
+ _proto.getUrlParam = function(paramName) {
+ var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i');
+ var match = window.location.search.match(reParam);
+ return (match && match.length > 1) ? match[1] : null;
+ };
+
+ _proto._defaultParameters = function() {
+ return {
+ working_dir: $('#working_dir').val(),
+ type: $('#type').val()
+ };
+ };
+
+ _proto._notImp = function() {
+ this._notify('Not yet implemented!');
+ };
+
+ _proto._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);
+ };
+
+ _proto._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);
+ };
+
+ FileManager.jQueryInterface = function jQueryInterface(config) {
+ // eslint-disable-next-line func-names
+ return this.each(function () {
+ var $this = $(this);
+ var data = $this.data(DATA_KEY);
+
+ var conf = _extends({}, Default, $this.data(), typeof config === 'object' && config ? config : {});
+
+ if (!data) {
+ data = new FileManager(this, conf);
+ $this.data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (data[config] === undefined) {
+ throw new Error("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+
+ return FileManager;
+
+}();
+
+ $.fn[NAME] = FileManager.jQueryInterface; // eslint-disable-line no-param-reassign
+ $.fn[NAME].Constructor = FileManager; // eslint-disable-line no-param-reassign
+ $.fn[NAME].noConflict = function () {
+ // eslint-disable-line no-param-reassign
+ $.fn[NAME] = JQUERY_NO_CONFLICT; // eslint-disable-line no-param-reassign
+ return FileManager.jQueryInterface;
+};
+
+ exports.FileManager = FileManager;
+
+ Object.defineProperty(exports, '__esModule', { value: true });
+
+ //return FileManager;
+
+}));
\ No newline at end of file
diff --git a/public/js/custom.js b/public/js/custom.js
index 3458f8e..21b4656 100644
--- a/public/js/custom.js
+++ b/public/js/custom.js
@@ -308,11 +308,27 @@ jQuery(document).ready(function() {
e.preventDefault();
iq_update_data_load(e, $(this));
});
+
+ $(document).on('show.bs.modal', '.modal', function (event) {
+ var zIndex = 2040 + (10 * $('.modal:visible').length);
+ $(this).css('z-index', zIndex);
+ setTimeout(function() {
+ $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
+ }, 0);
+ });
+});
+
+jQuery.each(jQuery('textarea.autoExpand'), function() {
+ var offset = this.offsetHeight - this.clientHeight;
+ var resizeTextarea = function(el) {
+ jQuery(el).css('height', 'auto').css('height', el.scrollHeight + offset);
+ };
+ jQuery(this).on('keyup input', function() { resizeTextarea(this); }).removeClass('autoExpand');
+ resizeTextarea(this);
});
$(function() {
-
$('.datepicker-range').datepicker({
calendarWeeks: true,
orientation: 'auto left',
diff --git a/public/js/filemanager.js b/public/js/filemanager.js
index 5f807f8..adaa6a7 100644
--- a/public/js/filemanager.js
+++ b/public/js/filemanager.js
@@ -1,316 +1,263 @@
-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';
-
-$(document).ready(function () {
- /*
- actions.reverse().forEach(function (action) {
- $('#nav-buttons > ul').prepend(
- $('').addClass('nav-item').append(
- $('').addClass('nav-link d-none')
- .attr('data-action', action.name)
- .attr('data-multiple', action.multiple)
- .append($('').addClass('fas fa-fw fa-' + action.icon))
- .append($('').text(action.label))
- )
- );
- });
- sortings.forEach(function (sort) {
- $('#nav-buttons .dropdown-menu').append(
- $('').addClass('dropdown-item').attr('data-sortby', sort.by)
- .append($('').addClass('fas fa-fw fa-' + sort.icon))
- .append($('').text(sort.label))
- .click(function() {
- sort_type = sort.by;
- loadItems();
- })
- );
- });
- */
+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 : {},
- if($(lfm_content).length) {
- loadItems();
- performLfmRequest('errors')
- .done(function (response) {
- JSON.parse(response).forEach(function (message) {
- $('#alerts').append(
- $('
').addClass('alert alert-warning')
- .append($('').addClass('fas fa-exclamation-circle'))
- .append(' ' + message)
- );
+ 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(
+ $('
').addClass('alert alert-warning')
+ .append($('').addClass('fas fa-exclamation-circle'))
+ .append(' ' + message)
+ );
+ });
});
+
+ $(_self.lfm_content).on('dragenter', function () {
+ $('#uploadModal').modal('show');
});
-
- $(lfm_content).on('dragenter', function () {
- $('#uploadModal').modal('show');
- });
-
-
-
- }
- /* 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', '#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');
-});
-/*
-$(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();
- 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;
+ // Checkboxes
+ $('.file-manager-container').on('change', '.file-item-checkbox input', function() {
+ $(this).parents('.file-item')[this.checked ? 'addClass': 'removeClass']('selected border-primary');
});
- }
- // 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);
+
+ // 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')));
}
- },
- dataType: type || 'text',
- url: lfm_route + '/' + url,
- data: data,
- cache: false
- }).done(function (data) {
- // console.log(data);
- /* if(data !== "OK"){
+ });
+ 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').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('
') : 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 = $(''); - $(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 = $('
' + jqXHR.responseText + '
');
+ },
+ 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);
+ //console.log("done");
+ //console.log(response);
if(response.type === "error"){
$.growl({
title: "Error",
@@ -318,558 +265,405 @@ function performLfmRequest(url, parameter, type) {
location: 'tr'
});
}
- }
- */
-
- }).fail(function (jqXHR, textStatus, errorThrown) {
- console.log(jqXHR);
- console.log(textStatus);
- console.log(errorThrown);
- displayErrorResponse(jqXHR);
- refreshFoldersAndItems();
- });
-}
-
-function displayErrorResponse(jqXHR) {
- notify('' + jqXHR.responseText + '
');
-};
-
-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('') : 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 = $(''); - $(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 = $('
').addClass('file-item-img').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');
- var dot = $('').addClass('badge badge-dot badge-default indicator').css({"background-color":item.color});
- } else {
- var image = $('
').addClass('file-item-icon fa ' + item.icon).css({"color":item.color});
- var dot = $('').addClass('badge badge-dot badge-default indicator').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);
- template.find('.file-item-name').text(item.name);
- template.find('.file-item-name').append(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);
- });
+ }else{
+ if(data !== 'OK') {
+ data = Array.isArray(data) ? data.join('
') : data; + _self.notify(data); } - //$('#nav-buttons > ul').removeClass('d-none'); + } + }, + hideNavAndShowEditor : function (data, callback = false) { + _self = LFileManager; + // $('#nav-buttons > ul').addClass('d-none'); + //console.log(data); + _self.notify(data, callback); - $('#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); - } - }); + }, + 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) { + //console.log(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 = $(''); + $(_self.lfm_content).html('').append(to_prev); - $('#current_folder').text(breadcrumbs[breadcrumbs.length - 1]); - $('#lfm_breadcrumbs > ol').html(''); - breadcrumbs.forEach(function (breadcrumb, index) { - var li = $('').addClass('breadcrumb-item').text(breadcrumb);
+ if (hasItems) {
- 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('/'));
+ $(_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)
+ .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')){
+ _self.preview_item(item);
+ }else{
+ if($(this).hasClass('file-item')){
+ $(this).find('.lfm-control-input').click();
+ }
+ }
+ } else {
+ _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 = $('
') : data; + _self.notify(data); } - //$('#nav-buttons > ul').removeClass('d-none'); + } + }, + hideNavAndShowEditor : function (data, callback = false) { + _self = LFileManager; + // $('#nav-buttons > ul').addClass('d-none'); + //console.log(data); + _self.notify(data, callback); - $('#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); - } - }); + }, + 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) { + //console.log(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 = $(''); + $(_self.lfm_content).html('').append(to_prev); - $('#current_folder').text(breadcrumbs[breadcrumbs.length - 1]); - $('#lfm_breadcrumbs > ol').html(''); - breadcrumbs.forEach(function (breadcrumb, index) { - var li = $('
').addClass('file-item-img').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');
+ var dot = $('').addClass('badge badge-dot badge-default indicator_before').css({"background-color":item.color});
+ } else {
+ var image = $('
').addClass('file-item-icon fa ' + item.icon).css({"color":item.color});
+ var dot = $('').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 = $('').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);
});
}
- $('#lfm_breadcrumbs > ol').append(li);
+ //$('#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 = $('').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();
});
- 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 = $('
').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($('
+
').addClass('mime-icon ico-' + item.icon));
- }
-
- media.find('.carousel-label')
-
- .append($(''));
-*/
-
- 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($('
+ ').addClass('mime-icon ico-' + item.icon));
- }
-
- carouselItem.find('.carousel-label').attr('target', '_blank').attr('href', item.url)
- .append(item.name)
- .append($(''));
-
- 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');
+ },
+ 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');
}
}
- }).on('touchend', function () {
- touchStartX = null;
- });
- // end carousel swipe control
+ },
- notify(carousel);
-}*/
+ createFolder : function(folder_name) {
+ var _self = LFileManager;
+ _self.performLfmRequest('newfolder', {name: folder_name})
+ .done(_self.refreshFoldersAndItems);
+ },
+ // ==================================
+ // == File Actions ==
+ // ==================================
-/*
-function use(items) {
- function useTinymce3(url) {
- if (!usingTinymce3()) { return; }
+ 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();
- 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();
- }
+ data['file'] = item.name;
- // Preview if necessary
- if (win.ImageDialog.showPreviewImage) {
- win.ImageDialog.showPreviewImage(url);
- }
- }
- tinyMCEPopup.close();
- }
+ 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 = "";
- 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();
+ 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 = $('
').addClass('file-item-icon fa ' + item.icon).css('color', item.color);
+ media.find('.file-manager-col-view').html(icon).removeClass('d-none');
}
- });
- $('#dialog').modal('show').find('.modal-title').text(title);
-}
\ No newline at end of file
+
+ 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){
+ 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 += '
@endif
-
{!! Form::open(['url' => route('cms_travel_guide_detail', [$id]), 'class' => 'form-horizontal']) !!}
'+
+ ''+
+ '
' +
+ ' '+
+ '
';
+ console.log(insert);
+ return insert;
+ }
+ if(item.icon === "fab fa-youtube-square"){
+
+ insert += '\n' +
+ '
\n' +
+ '' + title + '
\n' + + ''+
+ '
';
+ return insert;
+ }
+ if(item.is_file){
+ insert += ''+item.name+'';
+ if(description !== ''){
+ insert += ''+
+ ''+
+ '
'+
+ '\n' +
+ '
\n' +
+ '' + title + '
\n' + + ''+description+'
'; + } + 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 == +// ==================== + + + diff --git a/public/js/pages_file-manager.js b/public/js/pages_file-manager.js index a2a2585..8b13789 100644 --- a/public/js/pages_file-manager.js +++ b/public/js/pages_file-manager.js @@ -1,33 +1 @@ -$(function() { - // 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); - }); - -}); diff --git a/public/js/summernote-image-title.js b/public/js/summernote-image-title.js new file mode 100644 index 0000000..f3ea540 --- /dev/null +++ b/public/js/summernote-image-title.js @@ -0,0 +1,171 @@ +(function (factory) { + /* global define */ + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['jquery'], factory); + } else if (typeof module === 'object' && module.exports) { + // Node/CommonJS + module.exports = factory(require('jquery')); + } else { + // Browser globals + factory(window.jQuery); + } +}(function ($) { + $.extend(true, $.summernote.lang, { + 'en-US': { + imageTitle: { + edit: 'Edit title', + titleLabel: 'Title', + altLabel: 'Alternative Text' + } + }, + 'de-DE': { + imageTitle: { + edit: 'Titel bearbeiten', + titleLabel: 'Titel | weiterführende Infos nicht für SEO', + altLabel: 'ALT-Tag | beschreibt das Bild' + } + }, + }); + + $.extend($.summernote.plugins, { + 'imageTitle': function (context) { + var self = this; + + var ui = $.summernote.ui; + var $note = context.layoutInfo.note; + var $editor = context.layoutInfo.editor; + var $editable = context.layoutInfo.editable; + + if (typeof context.options.imageTitle === 'undefined') { + context.options.imageTitle = {}; + } + + if (typeof context.options.imageTitle.specificAltField === 'undefined') { + context.options.imageTitle.specificAltField = false; + } + + var options = context.options; + var lang = options.langInfo; + + context.memo('button.imageTitle', function () { + var button = ui.button({ + contents: ui.icon(options.icons.pencil), + tooltip: lang.imageTitle.edit, + container: false, + click: function (e) { + context.invoke('imageTitle.show'); + } + }); + + return button.render(); + }); + + this.initialize = function () { + var $container = options.dialogsInBody ? $(document.body) : $editor; + + var body = '' +
+ '' +
+ '' +
+ '
';
+
+ if (options.imageTitle.specificAltField) {
+ body += '' +
+ '' +
+ '' +
+ '
';
+ }
+
+ var footer = '';
+
+ this.$dialog = ui.dialog({
+ title: lang.imageTitle.edit,
+ body: body,
+ footer: footer
+ }).render().appendTo($container);
+ };
+
+ this.destroy = function () {
+ ui.hideDialog(this.$dialog);
+ this.$dialog.remove();
+ };
+
+ this.bindEnterKey = function ($input, $btn) {
+ $input.on('keypress', function (event) {
+ if (event.keyCode === 13) {
+ $btn.trigger('click');
+ }
+ });
+ };
+
+ this.show = function () {
+ var $img = $($editable.data('target'));
+ var imgInfo = {
+ imgDom: $img,
+ title: $img.attr('title'),
+ alt: $img.attr('alt'),
+ };
+ this.showLinkDialog(imgInfo).then(function (imgInfo) {
+ ui.hideDialog(self.$dialog);
+ var $img = imgInfo.imgDom;
+
+ if (imgInfo.alt) {
+ $img.attr('alt', imgInfo.alt);
+ }
+ else {
+ $img.removeAttr('alt');
+ }
+
+ if (imgInfo.title) {
+ $img.attr('title', imgInfo.title);
+ }
+ else {
+ $img.removeAttr('title');
+ }
+
+ $note.val(context.invoke('code'));
+ $note.change();
+ });
+ };
+
+ this.showLinkDialog = function (imgInfo) {
+ return $.Deferred(function (deferred) {
+ var $imageTitle = self.$dialog.find('.note-image-title-text'),
+ $imageAlt = (options.imageTitle.specificAltField) ? self.$dialog.find('.note-image-alt-text') : null,
+ $editBtn = self.$dialog.find('.note-image-title-btn');
+
+ ui.onDialogShown(self.$dialog, function () {
+ context.triggerEvent('dialog.shown');
+
+ $editBtn.click(function (event) {
+ event.preventDefault();
+ deferred.resolve({
+ imgDom: imgInfo.imgDom,
+ title: $imageTitle.val(),
+ alt: (options.imageTitle.specificAltField) ? $imageAlt.val() : $imageTitle.val(),
+ });
+ });
+
+ $imageTitle.val(imgInfo.title).trigger('focus');
+ self.bindEnterKey($imageTitle, $editBtn);
+
+ if (options.imageTitle.specificAltField) {
+ $imageAlt.val(imgInfo.alt);
+ self.bindEnterKey($imageAlt, $editBtn);
+ }
+ });
+
+ ui.onDialogHidden(self.$dialog, function () {
+ $editBtn.off('click');
+
+ if (deferred.state() === 'pending') {
+ deferred.reject();
+ }
+ });
+
+ ui.showDialog(self.$dialog);
+ });
+ };
+ }
+ });
+}));
diff --git a/public/js/summernote-iq-content-extension.js b/public/js/summernote-iq-content-extension.js
new file mode 100644
index 0000000..cbcc892
--- /dev/null
+++ b/public/js/summernote-iq-content-extension.js
@@ -0,0 +1,202 @@
+(function(factory)
+{
+ /* global define */
+ if (typeof define === 'function' && define.amd)
+ {
+ // AMD. Register as an anonymous module.
+ define(['jquery'], factory);
+ }
+ else if (typeof module === 'object' && module.exports)
+ {
+ // Node/CommonJS
+ module.exports = factory(require('jquery'));
+ }
+ else
+ {
+ // Browser globals
+ factory(window.jQuery);
+ }
+}(function($)
+{
+
+ // Extends plugins for adding gallery.
+ // - plugin is external module for customizing.
+ $.extend($.summernote.plugins,
+ {
+ /**
+ * @param {Object} context - context object has status of editor.
+ */
+ 'gallery': function(context)
+ {
+ var self = this;
+
+ // ui has renders to build ui elements.
+ // - you can create a button with `ui.button`
+ var ui = $.summernote.ui;
+
+ // add gallery button
+ context.memo('button.gallery', function()
+ {
+ // create button
+ var button = ui.button(
+ {
+ contents: '',
+ tooltip: 'Medien',
+ click: function()
+ {
+ self.fillModal();
+ self.$modal.modal();
+ }
+ });
+
+ // create jQuery object from button instance.
+ $gallery = button.render();
+ return $gallery;
+ });
+
+ // This events will be attached when editor is initialized.
+ this.events = {
+ // This will be called after modules are initialized.
+ 'summernote.init': function(we, e)
+ {
+ self.editable = context.layoutInfo.editable; //contentEditable element
+ self.editor = this;
+ // get summernote onInit set parameters
+ self.image_dialog_images_url = $(this).data('image_dialog_images_url');
+ self.image_dialog_images_html = $(this).data('image_dialog_images_html');
+ self.image_dialog_title = $(this).data('image_dialog_title');
+ self.image_dialog_close_btn_text = $(this).data('image_dialog_close_btn_text');
+ self.image_dialog_ok_btn_text = $(this).data('image_dialog_ok_btn_text');
+
+ self.fillModal = function()
+ {
+ //fill modal with images whether from url or given html
+ if (typeof self.image_dialog_images_html !== "undefined")
+ {
+ self.setModalHtml(self.image_dialog_images_html)
+ self.setEvents();
+ }
+ else if (typeof self.image_dialog_images_url !== "undefined")
+ {
+ var next = self.setEvents;
+ self.getImagesFromUrl(next);
+ }
+ else
+ {
+ console.error("options image_dialog_images_html or image_dialog_images_url must be set");
+ }
+
+ };
+ self.setModalHtml = function(html)
+ { // set variabl parts to modal html
+ var title = self.image_dialog_title;
+ var close = self.image_dialog_close_btn_text;
+ var ok = self.image_dialog_ok_btn_text;
+
+ if (self.image_dialog_title !== "undefined") self.$modal.find('.modal-title').html(title);
+ if (self.image_dialog_close_btn_text !== "undefined") self.$modal.find('#modal_iq_close').html(close);
+ if (self.image_dialog_ok_btn_text !== "undefined") self.$modal.find('#modal_iq_save').html(ok);
+
+ self.$modal.find('.modal-body').html(html);
+ LFileManager.initFileManager(true);
+
+ };
+ self.getImagesFromUrl = function(callback)
+ {
+ // get images html from url
+ $.get(self.image_dialog_images_url, function(html)
+ {
+ self.setModalHtml(html);
+ callback();
+
+ }).fail(function()
+ {
+ console.error("error loading from "+self.image_dialog_images_url);
+ })
+ };
+ self.setEvents = function()
+ {
+ // images click event to select image
+ /*self.$modal.find('img').click(function(event)
+ {
+ // $(this).toggleClass(self.select_class);
+ });*/
+ };
+ // set the focus to the last focused element in the editor
+ self.recoverEditorFocus = function ()
+ {
+ var last_focused_el = $(self.editor).data('last_focused_element');
+ if(typeof last_focused_el !== "undefined")
+ {
+ var editor = self.editable;
+ var range = document.createRange();
+ var sel = window.getSelection();
+ var cursor_position = last_focused_el.length;
+
+ range.setStart(last_focused_el, cursor_position);
+ range.collapse(true);
+ sel.removeAllRanges();
+ sel.addRange(range);
+ editor.focus();
+ }
+ };
+ self.saveLastFocusedElement = function()
+ {
+ var focused_element = window.getSelection().focusNode;
+ var parent = $(self.editable).get(0);
+ if ($.contains(parent, focused_element))
+ {
+ $(self.editor).data('last_focused_element', focused_element)
+ };
+ };
+ self.editorEvents = function () {
+ $(self.editable).on('keypress, mousemove', function()
+ {
+ self.saveLastFocusedElement();
+ })
+ };
+ self.editorEvents();
+ self.fillModal();
+ },
+ // This will be called when user releases a key on editable.
+ 'summernote.keyup': function(we, e)
+ {
+ self.saveLastFocusedElement();
+ }
+ };
+
+ // This method will be called when editor is initialized by $('..').summernote();
+ // You can create elements for plugin
+ this.initialize = function()
+ {
+ var $modal = this.$modal = $('#modal_iq_assets').hide();
+ // add selected images to summernote editor
+ $modal.find("button#modal_iq_save").click(function(event)
+ {
+ var items = LFileManager.getSelectedItems();
+
+ $modal.modal('hide');
+
+ self.recoverEditorFocus();
+
+ items.forEach(function (item, index) {
+ var insert = LFileManager.insertHTML(item);
+ if(insert){
+ context.invoke('editor.pasteHTML', insert);
+ }
+ });
+ });
+
+ };
+
+ // This methods will be called when editor is destroyed by $('..').summernote('destroy');
+ // You should remove elements on `initialize`.
+ this.destroy = function()
+ {
+ console.log("destroy");
+ // this.$panel.remove();
+ // this.$panel = null;
+ };
+ }
+ });
+}));
diff --git a/resources/views/asset/js.blade.php b/resources/views/asset/js.blade.php
new file mode 100644
index 0000000..92fa98c
--- /dev/null
+++ b/resources/views/asset/js.blade.php
@@ -0,0 +1,7 @@
+
diff --git a/resources/views/cms/content/author/index.blade.php b/resources/views/cms/content/author/index.blade.php
new file mode 100755
index 0000000..47d6d2c
--- /dev/null
+++ b/resources/views/cms/content/author/index.blade.php
@@ -0,0 +1,135 @@
+@extends('layouts.layout-2')
+
+@section('content')
+
+ + {{ __('Authoren') }} +
+ + @if ($errors->any()) +
+
+ @endif
+
+
+
+
+
+ -
+ @foreach ($errors->all() as $error)
+
- {{ $error }} + @endforeach +
+
+
+
+
+
+
+
+
+
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/cms/content/author/modal.blade.php b/resources/views/cms/content/author/modal.blade.php
new file mode 100755
index 0000000..b00ed7e
--- /dev/null
+++ b/resources/views/cms/content/author/modal.blade.php
@@ -0,0 +1,29 @@
+
+{!! Form::open(['url' => route('cms_content_author_store'), 'class' => 'modal-content']) !!}
+
+
+
+
+
+
+
+
+
++ {{ __('Autor') }} + erstellen/bearbeiten +
+ +
+
+
+{!! Form::close() !!}
diff --git a/resources/views/cms/travel_guide/detail.blade.php b/resources/views/cms/travel_guide/detail.blade.php
index 5e37b11..d7ca4ec 100755
--- a/resources/views/cms/travel_guide/detail.blade.php
+++ b/resources/views/cms/travel_guide/detail.blade.php
@@ -20,7 +20,6 @@
+
+
+
+
+
+
+ {{ Form::text('name', $value->name, array('placeholder'=>__('Name'), 'class'=>'form-control', 'required')) }}
+
+ @@ -62,7 +61,7 @@ {{__('Langer Text')}} - @if(Input::get('clean') == "true") + @if($response_clean === "true") Clean Text on @else Clean Text off @@ -71,6 +70,22 @@ {{ Form::textarea('full_text', $travel_guide->full_text , ['class' => 'form-control summernote']) }}
+
+
+
+
+
+
+ +