435 lines
8.8 KiB
JavaScript
435 lines
8.8 KiB
JavaScript
/**
|
||
* @description This module provides the basic functions of Lychee.
|
||
* @copyright 2015 by Tobias Reich
|
||
*/
|
||
|
||
lychee = {
|
||
|
||
title : document.title,
|
||
version : '3.0.9',
|
||
versionCode : '030009',
|
||
|
||
updatePath : '//update.electerious.com/index.json',
|
||
updateURL : 'https://github.com/electerious/Lychee',
|
||
website : 'http://lychee.electerious.com',
|
||
|
||
publicMode : false,
|
||
viewMode : false,
|
||
|
||
checkForUpdates : '1',
|
||
sortingPhotos : '',
|
||
sortingAlbums : '',
|
||
location : '',
|
||
|
||
dropbox : false,
|
||
dropboxKey : '',
|
||
|
||
content : $('.content'),
|
||
imageview : $('#imageview')
|
||
|
||
}
|
||
|
||
lychee.init = function() {
|
||
|
||
api.post('Session::init', {}, function(data) {
|
||
|
||
// Check status
|
||
// 0 = No configuration
|
||
// 1 = Logged out
|
||
// 2 = Logged in
|
||
|
||
if (data.status===2) {
|
||
|
||
// Logged in
|
||
|
||
lychee.sortingPhotos = data.config.sortingPhotos || ''
|
||
lychee.sortingAlbums = data.config.sortingAlbums || ''
|
||
lychee.dropboxKey = data.config.dropboxKey || ''
|
||
lychee.location = data.config.location || ''
|
||
lychee.checkForUpdates = data.config.checkForUpdates || '1'
|
||
|
||
// Show dialog when there is no username and password
|
||
if (data.config.login===false) settings.createLogin()
|
||
|
||
} else if (data.status===1) {
|
||
|
||
// Logged out
|
||
|
||
lychee.checkForUpdates = data.config.checkForUpdates || '1'
|
||
|
||
lychee.setMode('public')
|
||
|
||
} else if (data.status===0) {
|
||
|
||
// No configuration
|
||
|
||
lychee.setMode('public')
|
||
|
||
header.dom().hide()
|
||
lychee.content.hide()
|
||
$('body').append(build.no_content('cog'))
|
||
settings.createConfig()
|
||
|
||
return true
|
||
|
||
}
|
||
|
||
$(window).bind('popstate', lychee.load)
|
||
lychee.load()
|
||
|
||
})
|
||
|
||
}
|
||
|
||
lychee.login = function(data) {
|
||
|
||
let user = data.username
|
||
let password = data.password
|
||
|
||
let params = {
|
||
user,
|
||
password
|
||
}
|
||
|
||
api.post('Session::login', params, function(data) {
|
||
|
||
if (data===true) {
|
||
|
||
// Use 'try' to catch a thrown error when Safari is in private mode
|
||
try { localStorage.setItem('lychee_username', user) }
|
||
catch (err) {}
|
||
|
||
window.location.reload()
|
||
|
||
} else {
|
||
|
||
// Show error and reactive button
|
||
basicModal.error('password')
|
||
|
||
}
|
||
|
||
})
|
||
|
||
}
|
||
|
||
lychee.loginDialog = function() {
|
||
|
||
let msg = lychee.html`
|
||
<p class='signIn'>
|
||
<input class='text' name='username' autocomplete='username' type='text' value='' placeholder='username' autocapitalize='off' autocorrect='off'>
|
||
<input class='text' name='password' autocomplete='current-password' type='password' value='' placeholder='password'>
|
||
</p>
|
||
<p class='version'>Lychee $${ lychee.version }<span> – <a target='_blank' href='$${ lychee.updateURL }'>Update available!</a><span></p>
|
||
`
|
||
|
||
basicModal.show({
|
||
body: msg,
|
||
buttons: {
|
||
action: {
|
||
title: 'Sign In',
|
||
fn: lychee.login
|
||
},
|
||
cancel: {
|
||
title: 'Cancel',
|
||
fn: basicModal.close
|
||
}
|
||
}
|
||
})
|
||
|
||
if (localStorage) {
|
||
let localUsername = localStorage.getItem('lychee_username')
|
||
if (localUsername!=null && localUsername.length>0) {
|
||
$('.basicModal input[name="username"]').val(localUsername)
|
||
$('.basicModal input[name="password"]').focus()
|
||
}
|
||
}
|
||
|
||
if (lychee.checkForUpdates==='1') lychee.getUpdate()
|
||
|
||
}
|
||
|
||
lychee.logout = function() {
|
||
|
||
api.post('Session::logout', {}, function() {
|
||
window.location.reload()
|
||
})
|
||
|
||
}
|
||
|
||
lychee.goto = function(url = '') {
|
||
|
||
url = '#' + url
|
||
|
||
history.pushState(null, null, url)
|
||
lychee.load()
|
||
|
||
}
|
||
|
||
lychee.load = function() {
|
||
|
||
let albumID = ''
|
||
let photoID = ''
|
||
let hash = document.location.hash.replace('#', '').split('/')
|
||
|
||
$('.no_content').remove()
|
||
contextMenu.close()
|
||
multiselect.close()
|
||
|
||
if (hash[0]!=null) albumID = hash[0]
|
||
if (hash[1]!=null) photoID = hash[1]
|
||
|
||
if (albumID && photoID) {
|
||
|
||
// Trash data
|
||
photo.json = null
|
||
|
||
// Show Photo
|
||
if (lychee.content.html()==='' || (header.dom('.header__search').length && header.dom('.header__search').val().length!==0)) {
|
||
lychee.content.hide()
|
||
album.load(albumID, true)
|
||
}
|
||
photo.load(photoID, albumID)
|
||
|
||
} else if (albumID) {
|
||
|
||
// Trash data
|
||
photo.json = null
|
||
|
||
// Show Album
|
||
if (visible.photo()) view.photo.hide()
|
||
if (album.json && albumID==album.json.id) view.album.title()
|
||
else album.load(albumID)
|
||
|
||
} else {
|
||
|
||
// Trash albums.json when filled with search results
|
||
if (search.hash!=null) {
|
||
albums.json = null
|
||
search.hash = null
|
||
}
|
||
|
||
// Trash data
|
||
album.json = null
|
||
photo.json = null
|
||
|
||
// Hide sidebar
|
||
if (visible.sidebar()) sidebar.toggle()
|
||
|
||
// Show Albums
|
||
if (visible.photo()) view.photo.hide()
|
||
lychee.content.show()
|
||
albums.load()
|
||
|
||
}
|
||
|
||
}
|
||
|
||
lychee.getUpdate = function() {
|
||
|
||
const success = function(data) {
|
||
if (data.lychee.version>parseInt(lychee.versionCode)) $('.version span').show()
|
||
}
|
||
|
||
$.ajax({
|
||
url : lychee.updatePath,
|
||
success : success
|
||
})
|
||
|
||
}
|
||
|
||
lychee.setTitle = function(title, editable) {
|
||
|
||
document.title = lychee.title + ' - ' + title
|
||
|
||
header.setEditable(editable)
|
||
header.setTitle(title)
|
||
|
||
}
|
||
|
||
lychee.setMode = function(mode) {
|
||
|
||
$('#button_settings, #button_trash_album, #button_share_album, .button_add, .header__divider').remove()
|
||
$('#button_trash, #button_move, #button_share, #button_star').remove()
|
||
|
||
$(document)
|
||
.off('click', '.header__title--editable')
|
||
.off('touchend', '.header__title--editable')
|
||
.off('contextmenu', '.photo')
|
||
.off('contextmenu', '.album')
|
||
.off('drop')
|
||
|
||
Mousetrap
|
||
.unbind([ 'u' ])
|
||
.unbind([ 's' ])
|
||
.unbind([ 'f' ])
|
||
.unbind([ 'r' ])
|
||
.unbind([ 'd' ])
|
||
.unbind([ 't' ])
|
||
.unbind([ 'command+backspace', 'ctrl+backspace' ])
|
||
.unbind([ 'command+a', 'ctrl+a' ])
|
||
|
||
if (mode==='public') {
|
||
|
||
lychee.publicMode = true
|
||
|
||
} else if (mode==='view') {
|
||
|
||
Mousetrap.unbind([ 'esc', 'command+up' ])
|
||
|
||
$('#button_back, a#next, a#previous').remove()
|
||
$('.no_content').remove()
|
||
|
||
lychee.publicMode = true
|
||
lychee.viewMode = true
|
||
|
||
}
|
||
|
||
}
|
||
|
||
lychee.animate = function(obj, animation) {
|
||
|
||
let animations = [
|
||
[ 'fadeIn', 'fadeOut' ],
|
||
[ 'contentZoomIn', 'contentZoomOut' ]
|
||
]
|
||
|
||
if (!obj.jQuery) obj = $(obj)
|
||
|
||
for (let i = 0; i < animations.length; i++) {
|
||
for (let x = 0; x < animations[i].length; x++) {
|
||
if (animations[i][x]==animation) {
|
||
obj.removeClass(animations[i][0] + ' ' + animations[i][1]).addClass(animation)
|
||
return true
|
||
}
|
||
}
|
||
}
|
||
|
||
return false
|
||
|
||
}
|
||
|
||
lychee.retinize = function(path = '') {
|
||
|
||
let extention = path.split('.').pop()
|
||
let isPhoto = extention!=='svg'
|
||
|
||
if (isPhoto===true) {
|
||
|
||
path = path.replace(/\.[^/.]+$/, '')
|
||
path = path + '@2x' + '.' + extention
|
||
|
||
}
|
||
|
||
return {
|
||
path,
|
||
isPhoto
|
||
}
|
||
|
||
}
|
||
|
||
lychee.loadDropbox = function(callback) {
|
||
|
||
if (lychee.dropbox===false && lychee.dropboxKey!=null && lychee.dropboxKey!=='') {
|
||
|
||
loadingBar.show()
|
||
|
||
let g = document.createElement('script')
|
||
let s = document.getElementsByTagName('script')[0]
|
||
|
||
g.src = 'https://www.dropbox.com/static/api/1/dropins.js'
|
||
g.id = 'dropboxjs'
|
||
g.type = 'text/javascript'
|
||
g.async = 'true'
|
||
g.setAttribute('data-app-key', lychee.dropboxKey)
|
||
g.onload = g.onreadystatechange = function() {
|
||
let rs = this.readyState
|
||
if (rs && rs!=='complete' && rs!=='loaded') return
|
||
lychee.dropbox = true
|
||
loadingBar.hide()
|
||
callback()
|
||
}
|
||
s.parentNode.insertBefore(g, s)
|
||
|
||
} else if (lychee.dropbox===true && lychee.dropboxKey!=null && lychee.dropboxKey!=='') {
|
||
|
||
callback()
|
||
|
||
} else {
|
||
|
||
settings.setDropboxKey(callback)
|
||
|
||
}
|
||
|
||
}
|
||
|
||
lychee.getEventName = function() {
|
||
|
||
let touchendSupport = (/Android|iPhone|iPad|iPod/i).test(navigator.userAgent || navigator.vendor || window.opera) && ('ontouchend' in document.documentElement)
|
||
let 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, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"')
|
||
.replace(/'/g, ''')
|
||
.replace(/`/g, '`')
|
||
|
||
return html
|
||
|
||
}
|
||
|
||
lychee.html = function(literalSections, ...substs) {
|
||
|
||
// Use raw literal sections: we don’t want
|
||
// backslashes (\n etc.) to be interpreted
|
||
let raw = literalSections.raw
|
||
let 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
|
||
|
||
}
|
||
|
||
lychee.error = function(errorThrown, params, data) {
|
||
|
||
console.error({
|
||
description : errorThrown,
|
||
params : params,
|
||
response : data
|
||
})
|
||
|
||
loadingBar.show('error', errorThrown)
|
||
|
||
} |