OwlCyberSecurity - MANAGER

Edit File: default.js

window.page = 1;
var ajax = true;
var dragFiles;
var isUploading;
var filesSelected;
var keyFileSelected;
var all_files_selected = false;
var params = [];
var no_selected_files = [];
var wdb_all_files_filtered = [];
/* keeping last page of image add action to avoid duplication during the scroll */
var ajax_request_count = 0;

jQuery(function() {
	var page = 1;
  function checking_the_need_of_images(_that) {
    var explorer = jQuery("#explorer_body");
    var page_per = explorer.data('page_per');
    var files_count = explorer.data('files_count');
    var items_count = jQuery("#explorer_body .explorer_item").length;
    var scroll_position = _that.scrollTop() + _that.innerHeight();
    var scroll_Height = _that[0].scrollHeight - 300;
    /*
      We get the number of "storage_images", if it is greater than the number of images displayed,
      we run ajax redirection again until the appropriate number of images is selected
      (the number of images selected in the displayed images equals the number of "storage_images")
    */
    var selected_images_caunt = jQuery('.explorer_item.explorer_item_select').length;
    var storage_images_count = 0;
    if ( localStorage.getItem('bwg_selected_images') ) {
      var storage_images = localStorage.getItem('bwg_selected_images').split(',');
      storage_images_count = storage_images.length;
    }
    if ( ( selected_images_caunt < storage_images_count ) || ( scroll_position >= scroll_Height && items_count == (page_per * page) ) ) {
      _that.off('scroll');
      var orderby = jQuery("input[name='sort_by']").val();
      var order = jQuery("input[name='sort_order']").val();

params['is_search'] = false;
      params['element'] = explorer;
      params['search'] = jQuery('#search_by_name .search_by_name').val().toLowerCase();
      params['page'] = page;
      params['orderby'] = orderby;
      params['order'] = order;
      if ( (page_per * page) < files_count && ajax_request_count !== params['page'] ) {
        ajax_print_images( params ).then(function() {
          page++;
          items_count = jQuery("#explorer_body .explorer_item").length;
          scroll_position = _that.scrollTop() + _that.innerHeight();
          scroll_Height = _that[0].scrollHeight - 200;

if ( ( selected_images_caunt < storage_images_count ) || ( scroll_position >= scroll_Height && items_count == (page_per * page) ) ) {
            checking_the_need_of_images(_that)
          }
          else {
            jQuery("#explorer_body_container").scroll(function () {
              checking_the_need_of_images(_that)
            });
          }
        });
      }
    }
  }
  checking_the_need_of_images(jQuery("#explorer_body_container"));
	jQuery("#explorer_body_container").scroll(function () {
    checking_the_need_of_images(jQuery(this));
	});

filesSelected = [];
	dragFiles = [];

jQuery("#wrapper").css("top", jQuery("#file_manager_message").css("height"));
	jQuery(window).resize(function () {
		jQuery("#container").css("top", jQuery("#file_manager_message").css("height"));
	});

isUploading = false;
	jQuery("#uploader").css("display", "none");
	jQuery("#uploader_progress_bar").css("display", "none");
	jQuery("#importer").css("display", "none");

//decrease explorer header width by scroller width
	jQuery(".scrollbar_filler").css("width", getScrollBarWidth() + "px");
	jQuery(document).keydown(function(e) {
		onKeyDown(e);
	});

jQuery("#search_by_name .search_by_name").on("input", function() { // keyup
		page = 0;
		var search_by_name = jQuery(this).val().toLowerCase();
		var orderby = jQuery("input[name='sort_by']").val();
		var order = jQuery("input[name='sort_order']").val();
		var element = jQuery("#explorer_body");
    var page_per = element.data('page_per');
    var files_count = element.data('files_count');
		element.html('');
		jQuery('html, body').animate({scrollTop:0},0);
		params['is_search'] = true;
		params['element'] = element;
		params['search'] = search_by_name;
		params['page'] = page;
		params['orderby'] = orderby;
		params['order'] = order;
    if ( (page_per * page) < files_count ) {
      ajax_print_images(params);
    }
	});
});

function getClipboardFiles() {
  return jQuery("form[name=adminForm]").find("input[name=clipboard_file]").val();
}

jQuery("form[name=adminForm]").find("input[name=task]").val(task);

if (sortBy != null) {
    jQuery("form[name=adminForm]").find("input[name=sort_by]").val(sortBy);
  }
  if (sortOrder != null) {
    jQuery("form[name=adminForm]").find("input[name=sort_order]").val(sortOrder);
  }
  if (itemsView != null) {
    jQuery("form[name=adminForm]").find("input[name=items_view]").val(itemsView);
  }
  if (destDir != null) {
    jQuery("form[name=adminForm]").find("input[name=dir]").val(destDir);
  }
  if (fileNames != null) {
    jQuery("form[name=adminForm]").find("input[name=file_names]").val(fileNames);
  }
  if (fileNewName != null) {
    jQuery("form[name=adminForm]").find("input[name=file_new_name]").val(fileNewName);
  }
  if (newDirName != null) {
    jQuery("form[name=adminForm]").find("input[name=new_dir_name]").val(newDirName);
  }
  if (clipboardTask != null) {
    jQuery("form[name=adminForm]").find("input[name=clipboard_task]").val(clipboardTask);
  }
  if (clipboardFiles != null) {
    jQuery("form[name=adminForm]").find("input[name=clipboard_files]").val(clipboardFiles);
  }
  if (clipboardSrc != null) {
    jQuery("form[name=adminForm]").find("input[name=clipboard_src]").val(clipboardSrc);
  }
  if (clipboardDest != null) {
    jQuery("form[name=adminForm]").find("input[name=clipboard_dest]").val(clipboardDest);
  }
  jQuery("form[name=adminForm]").submit();
}

function submitFiles() {
  if (filesSelected.length == 0) {
    return;
  }

function getScrollBarWidth() {
  var inner = document.createElement("p");
  inner.style.width = "100%";
  inner.style.height = "200px";

var outer = document.createElement("div");
  outer.style.position = "absolute";
  outer.style.top = "0px";
  outer.style.left = "0px";
  outer.style.visibility = "hidden";
  outer.style.width = "200px";
  outer.style.height = "150px";
  outer.style.overflow = "hidden";
  outer.appendChild(inner);

document.body.appendChild(outer);
  var w1 = inner.offsetWidth;
  outer.style.overflow = "scroll";
  var w2 = inner.offsetWidth;
  if (w1 == w2) {
    w2 = outer.clientWidth;
  }
  document.body.removeChild(outer);

return (w1 - w2);
}

function getFileName(file) {
  var dotIndex = file.lastIndexOf('.');
  return file.substring(0, dotIndex < 0 ? file.length : dotIndex);
}

function getFileExtension(file) {
  return file.substring(file.lastIndexOf('.') + 1);
}

//ctrls bar handlers
function onBtnUpClick(event, obj) {
  var destDir = dir.substring(0, dir.lastIndexOf(DS));
  submit("", null, null, null, destDir, null, null, null, null, null, null);
}

function onBtnMakeDirClick(event, obj) {
  var newDirName = prompt(messageEnterDirName);
  if ((newDirName) && (newDirName != "")) {
    submit("make_dir", null, null, null, null, null, newDirName.replace(/ /g, "_"), null, null, null, null);
  }
}

submit("", null, null, null, null, null, null, "copy", names_list, dir, null);
	}
}

function onBtnPasteClick(event, obj) {
	if (getClipboardFiles() != "") {
		submit("paste_items", null, null, null, null, null, null, null, null, null, dir);
	}
}

function onBtnRemoveItemsClick(event, obj) {
	if ((filesSelected.length != 0) && (confirm(warningRemoveItems) == true)) {
		submit("remove_items", null, null, null, null, null, null, null, null, null, null);
	}
}

function onBtnParsingItemsClick(event, obj) {
	submit("parsing_items", null, null, null, null, null, null, null, null, null, null);
}

function onBtnShowUploaderClick(event, obj) {
	jQuery(document).trigger("onUploadFilesPressed");
	jQuery("#uploader").fadeIn();
}

function onBtnViewThumbsClick(event, obj) {
	submit("", null, null, "thumbs", null, null, null, null, null, null, null);
}

function onBtnViewListClick(event, obj) {
	submit("", null, null, "list", null, null, null, null, null, null, null);
}

function onBtnBackClick(event, obj) {
	if ((isUploading == false) || (confirm(warningCancelUploads) == true)) {
		submit("", null, null, null, null, null, null, null, null, null, null);
	}
}

function onPathComponentClick(event, obj, key) {
	var path = '';
	var pathArr = [];
	jQuery("#path .path_dir").each( function( i,v ) {
		path += ( i == 0 ) ? '' : '/' + jQuery(v).text().trim();
		pathArr[i] = path;
	});
	var path = ( pathArr[key] ) ? pathArr[key] : '';
	submit('display', null, null, null, path, null, null, null, null, null, null);
}

function onBtnShowImportClick(event, obj) {
	jQuery("#importer").fadeIn();
}

function onNameHeaderClick(event, obj) {
	var newSortOrder = ((sortBy == "name") && (sortOrder == "asc")) ? "desc" : "asc";
	submit("", "name", newSortOrder, null, null, null, null, null, null, null, null);
}

function onSizeHeaderClick(event, obj) {
	var newSortOrder = ((sortBy == "size") && (sortOrder == "asc")) ? "desc" : "asc";
	submit("", "size", newSortOrder, null, null, null, null, null, null, null, null);
}

function onDateModifiedHeaderClick(event, obj) {
	var newSortOrder = ((sortBy == "date_modified") && (sortOrder == "asc")) ? "desc" : "asc";
	submit("", "date_modified", newSortOrder, null, null, null, null, null, null, null, null);
}

//file handlers
function onKeyDown(e) {
	var e = e || window.event;
	var chCode1 = e.which || e.paramlist_keyCode;
	if ((e.ctrlKey || e.metaKey) && chCode1 == 65) {
    onBtnSelectAllClick(dir + DS);
		e.preventDefault();
	}
}

function onFileMOver(event, obj) {
	jQuery(obj).addClass("explorer_item_hover");
}

function onFileMOut(event, obj) {
	jQuery(obj).removeClass("explorer_item_hover");
}

for (var i = 0; i < filesSelected.length; i++) {
    jQuery('.explorer_item[name="' + filesSelected[i] + '"]').addClass("explorer_item_select");
  }
  updateFileNames();
}

for (var i = 0; i < filesSelected.length; i++) {
      jQuery('.explorer_item[name="' + filesSelected[i] + '"]').addClass("explorer_item_select");
    }

updateFileNames();
  }
  dragFiles = filesSelected;
}
/*TODO function not used on view! (only folder)*/
function onFileDragOver(event, obj) {
  event.preventDefault();
}
/*TODO function not used on view! (only folder)*/
function onFileDrop(event, obj) {
  var destDirName = jQuery(obj).attr("name");
  if ((dragFiles.length == 0) || (dragFiles.indexOf(destDirName) >= 0)) {
    return false;
  }
  var clipboardTask = (event.ctrlKey == true || event.metaKey == true) ? "copy" : "cut";
  var clipboardDest = dir + DS + destDirName;
  submit("paste_items", null, null, null, null, null, null, clipboardTask, dragFiles.join("**#**"), dir, clipboardDest);
  event.preventDefault();
}

function onBtnCancelClick(event, obj) {
  window.parent.tb_remove();
}