|
|
/**
|
|
|
* @description This module provides the basic functions of Lychee.
|
|
|
*/
|
|
|
|
|
|
lychee = {
|
|
|
|
|
|
title : document.title,
|
|
|
version : '3.1.7',
|
|
|
versionCode : '030107',
|
|
|
|
|
|
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) {
|
|
|
|
|
|
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' placeholder='username' autocapitalize='off' autocorrect='off'>
|
|
|
<input class='text' name='password' autocomplete='current-password' type='password' 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 (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 (visible.sidebar() && (albumID==='0' || albumID==='f' || albumID==='s' || albumID==='r')) sidebar.toggle()
|
|
|
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_add, .header__divider').remove()
|
|
|
$('#button_trash, #button_move, #button_star').remove()
|
|
|
|
|
|
$('#button_share, #button_share_album')
|
|
|
.removeClass('button--eye')
|
|
|
.addClass('button--share')
|
|
|
.find('use')
|
|
|
.attr('xlink:href', '#share')
|
|
|
|
|
|
$(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)
|
|
|
|
|
|
} |
