Code adjustments

This commit is contained in:
Tobias Reich 2014-10-19 14:29:09 +02:00
parent cbddff70e6
commit 0bffb5432c

View File

@ -5,95 +5,97 @@
* @copyright 2014 by Tobias Reich * @copyright 2014 by Tobias Reich
*/ */
var header = $("header"), var header = $('header'),
headerTitle = $("#title"), headerTitle = $('#title'),
imageview = $("#imageview"), imageview = $('#imageview'),
api_path = "php/api.php", api_path = 'php/api.php',
infobox = $("#infobox"); infobox = $('#infobox');
$(document).ready(function(){ $(document).ready(function(){
/* Event Name */ /* Event Name */
if (mobileBrowser()) event_name = "touchend"; if (mobileBrowser()) event_name = 'touchend';
else event_name = "click"; else event_name = 'click';
/* Window */ /* Window */
$(window).keydown(key); $(window).keydown(key);
/* Infobox */ /* Infobox */
$(document).on(event_name, "#infobox .header a", function() { hideInfobox() }); $(document).on(event_name, '#infobox .header a', function() { hideInfobox() });
$(document).on(event_name, "#infobox_overlay", function() { hideInfobox() }); $(document).on(event_name, '#infobox_overlay', function() { hideInfobox() });
$("#button_info").on(event_name, function() { showInfobox() }); $('#button_info').on(event_name, function() { showInfobox() });
/* Direct Link */ /* Direct Link */
$("#button_direct").on(event_name, function() { $('#button_direct').on(event_name, function() {
link = $("#imageview #image").css("background-image").replace(/"/g,"").replace(/url\(|\)$/ig, ""); link = $('#imageview #image').css('background-image').replace(/"/g,'').replace(/url\(|\)$/ig, '');
window.open(link,"_newtab"); window.open(link,'_newtab');
}); });
loadPhotoInfo(gup("p")); loadPhotoInfo(gup('p'));
}); });
function key(e) { key = function(e) {
code = (e.keyCode ? e.keyCode : e.which); code = (e.keyCode ? e.keyCode : e.which);
if (code===27&&visibleInfobox()) { hideInfobox(); e.preventDefault(); } if (code===27&&visibleInfobox()) { hideInfobox(); e.preventDefault(); }
} }
function visibleInfobox() { visibleInfobox = function() {
if (parseInt(infobox.css("right").replace("px", ""))<0) return false; if (parseInt(infobox.css('right').replace('px', ''))<0) return false;
else return true; else return true;
} }
function isPhotoSmall(photo) { isPhotoSmall = function(photo) {
size = [ size = {
["width", false], width: false,
["height", false] height: false
]; };
if (photo.width<$(window).width()-60) size["width"] = true; if (photo.width<$(window).width()-60) size.width = true;
if (photo.height<$(window).height()-100) size["height"] = true; if (photo.height<$(window).height()-100) size.height = true;
if (size["width"]&&size["height"]) return true; if (size.width&&size.height) return true;
else return false; else return false;
} }
function showInfobox() { showInfobox = function() {
$("body").append("<div id='infobox_overlay' class='fadeIn'></div>"); $('body').append("<div id='infobox_overlay' class='fadeIn'></div>");
infobox.addClass("active"); infobox.addClass('active');
} }
function hideInfobox() { hideInfobox = function() {
$("#infobox_overlay").removeClass("fadeIn").addClass("fadeOut"); $('#infobox_overlay').removeClass('fadeIn').addClass('fadeOut');
setTimeout(function() { $("#infobox_overlay").remove() }, 300); setTimeout(function() { $('#infobox_overlay').remove() }, 300);
infobox.removeClass("active"); infobox.removeClass('active');
} }
function loadPhotoInfo(photoID) { loadPhotoInfo = function(photoID) {
params = "function=getPhoto&photoID=" + photoID + "&albumID=0&password=''"; params = 'function=getPhoto&photoID=' + photoID + '&albumID=0&password=""';
$.ajax({type: "POST", url: api_path, data: params, dataType: "json", success: function(data) { $.ajax({type: 'POST', url: api_path, data: params, dataType: 'json', success: function(data) {
if (!data.title) data.title = "Untitled"; if (!data.title) data.title = 'Untitled';
document.title = "Lychee - " + data.title; document.title = 'Lychee - ' + data.title;
headerTitle.html(data.title); headerTitle.html(data.title);
imageview.attr("data-id", photoID); 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>"); 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 + ");'></div>"); else imageview.html("<div id='image' style='background-image: url(" + data.url + ");'></div>");
imageview.removeClass("fadeOut").addClass("fadeIn").show();
imageview.removeClass('fadeOut').addClass('fadeIn').show();
infobox.html(build.infoboxPhoto(data, true)).show(); infobox.html(build.infoboxPhoto(data, true)).show();
@ -101,7 +103,7 @@ function loadPhotoInfo(photoID) {
} }
function ajaxError(jqXHR, textStatus, errorThrown) { ajaxError = function(jqXHR, textStatus, errorThrown) {
console.log(jqXHR); console.log(jqXHR);
console.log(textStatus); console.log(textStatus);