You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
lychee/src/scripts/view/main.js

188 lines
4.3 KiB

10 years ago
/**
* @description Used to view single photos with view.php
* @copyright 2015 by Tobias Reich
10 years ago
*/
// Sub-implementation of Lychee -------------------------------------------------------------- //
let lychee = {}
lychee.content = $('#content')
lychee.getEventName = function() {
let touchendSupport = (/Android|iPhone|iPad|iPod/i).test(navigator.userAgent || navigator.vendor || window.opera) && ('ontouchend' in document.documentElement),
eventName = (touchendSupport===true ? 'touchend' : 'click')
return eventName
}
lychee.escapeHTML = function(html = '') {
// Ensure that html is a string
html += ''
// Escape all critical characters
html = html.replace(/&/g, '&')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;')
.replace(/"/g, '&quot;')
.replace(/'/g, '&#039;')
.replace(/`/g, '&#96;')
return html
}
lychee.html = function(literalSections, ...substs) {
// Use raw literal sections: we dont want
// backslashes (\n etc.) to be interpreted
let raw = literalSections.raw,
result = ''
substs.forEach((subst, i) => {
// Retrieve the literal section preceding
// the current substitution
let lit = raw[i]
// If the substitution is preceded by a dollar sign,
// we escape special characters in it
if (lit.slice(-1)==='$') {
subst = lychee.escapeHTML(subst)
lit = lit.slice(0, -1)
}
result += lit
result += subst
})
// Take care of last literal section
// (Never fails, because an empty template string
// produces one literal section, an empty string)
result += raw[raw.length-1]
return result
}
// Main -------------------------------------------------------------- //
let loadingBar = { show() {}, hide() {} },
imageview = $('#imageview')
10 years ago
9 years ago
$(document).ready(function() {
10 years ago
// Event Name
let eventName = lychee.getEventName()
10 years ago
// Set API error handler
api.onError = error
10 years ago
// Infobox
header.dom('#button_info').on(eventName, sidebar.toggle)
10 years ago
// Direct Link
9 years ago
header.dom('#button_direct').on(eventName, function() {
10 years ago
let link = $('#imageview #image').css('background-image').replace(/"/g,'').replace(/url\(|\)$/ig, '')
window.open(link, '_newtab')
10 years ago
})
10 years ago
loadPhotoInfo(gup('p'))
10 years ago
})
10 years ago
const getPhotoSize = function(photo) {
// Size can be 'big', 'medium' or 'small'
// Default is big
// Small is centered in the middle of the screen
let size = 'big',
scaled = false,
hasMedium = photo.medium!=='',
pixelRatio = window.devicePixelRatio,
view = {
width : $(window).width() - 60,
height : $(window).height() - 100
}
// Detect if the photo will be shown scaled,
// because the screen size is smaller than the photo
if (photo.width>view.width || photo.height>view.height) scaled = true
// Calculate pixel ratio of screen
if (pixelRatio!=null && pixelRatio>1) {
view.width = view.width * pixelRatio
view.height = view.height * pixelRatio
}
10 years ago
// Medium available and
// Medium still bigger than screen
if (hasMedium===true && (1920>view.width && 1080>view.height)) size = 'medium'
10 years ago
// Photo not scaled
// Photo smaller then screen
if (scaled===false && (photo.width<view.width&& photo.width<view.height)) size = 'small'
10 years ago
return size
10 years ago
}
const loadPhotoInfo = function(photoID) {
10 years ago
let params = {
9 years ago
photoID,
albumID : 0,
password : ''
9 years ago
}
10 years ago
9 years ago
api.post('Photo::get', params, function(data) {
10 years ago
if (data==='Warning: Photo private!' || data==='Warning: Wrong password!') {
$('body').append(build.no_content('question-mark'))
$('body').removeClass('view')
header.dom().remove()
return false
}
// Set title
if (!data.title) data.title = 'Untitled'
document.title = 'Lychee - ' + data.title
header.dom('#title').html(lychee.escapeHTML(data.title))
10 years ago
let size = getPhotoSize(data)
10 years ago
// Render HTML
imageview.html(build.imageview(data, size, true))
imageview.find('.arrow_wrapper').remove()
imageview.addClass('fadeIn').show()
10 years ago
// Render Sidebar
let structure = sidebar.createStructure.photo(data),
html = sidebar.render(structure)
sidebar.dom('.wrapper').html(html)
sidebar.bind()
10 years ago
})
10 years ago
}
const error = function(errorThrown, params, data) {
10 years ago
console.error({
description : errorThrown,
params : params,
response : data
})
10 years ago
loadingBar.show('error', errorThrown)
9 years ago
10 years ago
}