34413640e4
New: - Protect public albums with passwords - Export to Dropbox - Sharing-Link is displayed directly inside the sharing-dropdown - Delete photos with cmd+backspace Improved: - Massive speed improvements - Changing the title, starring, description, etc. is now instant - Longer filenames for pictures (more security) ShortLinks are removed for more independency and privacy. There are a lot of changes under the hood, including a lot of bug fixes and improvements. Please report every bug you find! How to update: 1. Replace all files, excluding `uploads/` and `php/config.php` 2. Open `php/update.php` in your browser
109 lines
2.7 KiB
JavaScript
Executable File
109 lines
2.7 KiB
JavaScript
Executable File
/**
|
|
* @name view.js
|
|
* @author Philipp Maurer
|
|
* @author Tobias Reich
|
|
* @copyright 2013 by Philipp Maurer, Tobias Reich
|
|
*/
|
|
|
|
var header = $("header"),
|
|
headerTitle = $("#title"),
|
|
imageview = $("#imageview"),
|
|
api_path = "php/api.php",
|
|
infobox = $("#infobox");
|
|
|
|
$(document).ready(function(){
|
|
|
|
/* Event Name */
|
|
if (mobileBrowser()) event_name = "touchend";
|
|
else event_name = "click";
|
|
|
|
/* Window */
|
|
$(window).keydown(key);
|
|
|
|
/* Infobox */
|
|
$(document).on(event_name, "#infobox .header a", function() { hideInfobox() });
|
|
$(document).on(event_name, "#infobox_overlay", function() { hideInfobox() });
|
|
$("#button_info").on(event_name, function() { showInfobox() });
|
|
|
|
/* Download */
|
|
$("#button_download").on(event_name, function() {
|
|
link = $("#imageview #image").css("background-image").replace(/"/g,"").replace(/url\(|\)$/ig, "");
|
|
window.open(link,"_newtab");
|
|
});
|
|
|
|
loadPhotoInfo(gup("p"));
|
|
|
|
});
|
|
|
|
function key(e) {
|
|
|
|
code = (e.keyCode ? e.keyCode : e.which);
|
|
if (code==27&&visibleInfobox()) { hideInfobox(); e.preventDefault(); }
|
|
|
|
}
|
|
|
|
function visibleInfobox() {
|
|
|
|
if (parseInt(infobox.css("right").replace("px", ""))<0) return false;
|
|
else return true;
|
|
|
|
}
|
|
|
|
function isPhotoSmall(photo) {
|
|
|
|
size = [
|
|
["width", false],
|
|
["height", false]
|
|
];
|
|
|
|
if (photo.width<$(window).width()-60) size["width"] = true;
|
|
if (photo.height<$(window).height()-100) size["height"] = true;
|
|
|
|
if (size["width"]&&size["height"]) return true;
|
|
else return false;
|
|
|
|
}
|
|
|
|
function showInfobox() {
|
|
|
|
$("body").append("<div id='infobox_overlay'></div>");
|
|
infobox.css("right", "0px");
|
|
|
|
}
|
|
|
|
function hideInfobox() {
|
|
|
|
$("#infobox_overlay").remove();
|
|
infobox.css("right", "-320px");
|
|
|
|
}
|
|
|
|
function loadPhotoInfo(photoID) {
|
|
|
|
params = "function=getPhoto&photoID=" + photoID + "&albumID=0&password=''";
|
|
$.ajax({type: "POST", url: api_path, data: params, dataType: "json", success: function(data) {
|
|
|
|
if (!data.title) data.title = "Untitled";
|
|
document.title = "Lychee - " + data.title;
|
|
headerTitle.html(data.title);
|
|
|
|
data.url = "uploads/big/" + data.url;
|
|
|
|
imageview.attr("data-id", photoID);
|
|
if (isPhotoSmall(data)) imageview.html("<div id='image' class='small' style='background-image: url(" + data.url + "); width: " + data.width + "px; height: " + data.height + "px; margin-top: -" + parseInt((data.height/2)-20) + "px; margin-left: -" + data.width/2 + "px;'></div>");
|
|
else imageview.html("<div id='image' style='background-image: url(" + data.url + "); top: 70px; right: 30px; bottom: 30px; left: 30px;'></div>");
|
|
imageview.removeClass("fadeOut").addClass("fadeIn").show();
|
|
|
|
infobox.html(build.infobox(data, true)).show();
|
|
|
|
}, error: ajaxError });
|
|
|
|
}
|
|
|
|
function ajaxError(jqXHR, textStatus, errorThrown) {
|
|
|
|
console.log(jqXHR);
|
|
console.log(textStatus);
|
|
console.log(errorThrown);
|
|
|
|
} |