arno/lychee
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updated lychee.js (ES2015)

Browse Source
This commit is contained in:
Tobias Reich 2015-07-11 16:17:28 +02:00
parent 63b2a2412d
commit 710aa2bf52
2 changed files with 158 additions and 166 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/main.js vendored Executable file → Normal file
View File

Binary file not shown.

324
src/scripts/lychee.js
View File

@ -1,40 +1,38 @@
/**
* @description This module provides the basic functions of Lychee.
* @copyright 2015 by Tobias Reich
* @description This module provides the basic functions of Lychee.
* @copyright 2015 by Tobias Reich
*/
lychee = {
title: document.title,
version: '3.0.3',
version_code: '030003',
title : document.title,
version : '3.0.3',
version_code : '030003',
update_path: 'http://lychee.electerious.com/version/index.php',
updateURL: 'https://github.com/electerious/Lychee',
website: 'http://lychee.electerious.com',
update_path : 'http://lychee.electerious.com/version/index.php',
updateURL : 'https://github.com/electerious/Lychee',
website : 'http://lychee.electerious.com',
publicMode: false,
viewMode: false,
debugMode: false,
publicMode : false,
viewMode : false,
debugMode : false,
checkForUpdates:'1',
sortingPhotos: '',
sortingAlbums: '',
location: '',
checkForUpdates : '1',
sortingPhotos : '',
sortingAlbums : '',
location : '',
dropbox: false,
dropboxKey: '',
dropbox : false,
dropboxKey : '',
content: $('#content'),
imageview: $('#imageview')
content : $('#content'),
imageview : $('#imageview')
}
lychee.init = function() {
var params;
params = {
let params = {
version: lychee.version_code
}
@ -49,52 +47,51 @@ lychee.init = function() {
// 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';
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();
if (data.config.login===false) settings.createLogin()
} else if (data.status===1) {
// Logged out
lychee.checkForUpdates = data.config.checkForUpdates || '1';
lychee.checkForUpdates = data.config.checkForUpdates || '1'
lychee.setMode('public');
lychee.setMode('public')
} else if (data.status===0) {
// No configuration
lychee.setMode('public');
lychee.setMode('public')
header.dom().hide();
lychee.content.hide();
$('body').append(build.no_content('cog'));
settings.createConfig();
header.dom().hide()
lychee.content.hide()
$('body').append(build.no_content('cog'))
settings.createConfig()
return true;
return true
}
$(window).bind('popstate', lychee.load);
lychee.load();
$(window).bind('popstate', lychee.load)
lychee.load()
});
})
}
lychee.login = function(data) {
var user = data.username,
password = data.password,
params;
let user = data.username,
password = data.password
params = {
let params = {
user,
password
}
@ -104,34 +101,31 @@ lychee.login = function(data) {
if (data===true) {
// Use 'try' to catch a thrown error when Safari is in private mode
try { localStorage.setItem('lychee_username', user); }
try { localStorage.setItem('lychee_username', user) }
catch (err) {}
window.location.reload();
window.location.reload()
} else {
// Show error and reactive button
basicModal.error('password');
basicModal.error('password')
}
});
})
}
lychee.loginDialog = function() {
var localUsername,
msg = '';
msg = `
<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> &#8211; <a target='_blank' href='${ lychee.updateURL }'>Update available!</a><span></p>
`
let msg = `
<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> &#8211; <a target='_blank' href='${ lychee.updateURL }'>Update available!</a><span></p>
`
basicModal.show({
body: msg,
@ -145,95 +139,94 @@ lychee.loginDialog = function() {
fn: basicModal.close
}
}
});
})
if (localStorage) {
localUsername = localStorage.getItem('lychee_username');
if (localUsername!==null) {
if (localUsername.length>0) $('.basicModal input[name="username"]').val(localUsername);
$('.basicModal input[name="password"]').focus();
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();
if (lychee.checkForUpdates==='1') lychee.getUpdate()
}
lychee.logout = function() {
api.post('Session::logout', {}, function() {
window.location.reload();
});
window.location.reload()
})
}
lychee.goto = function(url) {
if (url===undefined) url = '#';
else url = '#' + url;
if (url===undefined) url = '#'
else url = '#' + url
history.pushState(null, null, url);
lychee.load();
history.pushState(null, null, url)
lychee.load()
}
lychee.load = function() {
var albumID = '',
photoID = '',
hash = document.location.hash.replace('#', '').split('/');
let albumID = '',
photoID = '',
hash = document.location.hash.replace('#', '').split('/')
$('.no_content').remove();
contextMenu.close();
multiselect.close();
$('.no_content').remove()
contextMenu.close()
multiselect.close()
if (hash[0]!==undefined) albumID = hash[0];
if (hash[1]!==undefined) photoID = hash[1];
if (hash[0]!==undefined) albumID = hash[0]
if (hash[1]!==undefined) photoID = hash[1]
if (albumID&&photoID) {
if (albumID && photoID) {
// Trash data
photo.json = null;
photo.json = null
// Show Photo
if (lychee.content.html()===''||
($('#search').length&&$('#search').val().length!==0)) {
lychee.content.hide();
album.load(albumID, true);
if (lychee.content.html()==='' || ($('#search').length && $('#search').val().length!==0)) {
lychee.content.hide()
album.load(albumID, true)
}
photo.load(photoID, albumID);
photo.load(photoID, albumID)
} else if (albumID) {
// Trash data
photo.json = null;
photo.json = null
// Hide sidebar
if (visible.sidebar()) sidebar.toggle();
if (visible.sidebar()) sidebar.toggle()
// Show Album
if (visible.photo()) view.photo.hide();
if (album.json&&albumID==album.json.id) view.album.title();
else album.load(albumID);
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;
albums.json = null
search.hash = null
}
// Trash data
album.json = null;
photo.json = null;
album.json = null
photo.json = null
// Hide sidebar
if (visible.sidebar()) sidebar.toggle();
if (visible.sidebar()) sidebar.toggle()
// Show Albums
if (visible.photo()) view.photo.hide();
albums.load();
if (visible.photo()) view.photo.hide()
albums.load()
}
@ -242,32 +235,32 @@ lychee.load = function() {
lychee.getUpdate = function() {
$.ajax({
url: lychee.update_path,
success: function(data) { if (parseInt(data)>parseInt(lychee.version_code)) $('.version span').show(); }
});
url : lychee.update_path,
success : function(data) { if (parseInt(data)>parseInt(lychee.version_code)) $('.version span').show() }
})
}
lychee.setTitle = function(title, editable) {
document.title = lychee.title + ' - ' + title;
document.title = lychee.title + ' - ' + title
header.setEditable(editable);
header.setTitle(title);
header.setEditable(editable)
header.setTitle(title)
}
lychee.setMode = function(mode) {
$('#button_settings, #button_settings, #button_search, #search, #button_trash_album, #button_share_album, .button_add, .button_divider').remove();
$('#button_trash, #button_move, #button_share, #button_star').remove();
$('#button_settings, #button_settings, #button_search, #search, #button_trash_album, #button_share_album, .button_add, .button_divider').remove()
$('#button_trash, #button_move, #button_share, #button_star').remove()
$(document)
.off('click', '#title.editable')
.off('touchend', '#title.editable')
.off('contextmenu', '.photo')
.off('contextmenu', '.album')
.off('drop');
.off('click', '#title.editable')
.off('touchend', '#title.editable')
.off('contextmenu', '.photo')
.off('contextmenu', '.album')
.off('drop')
Mousetrap
.unbind('u')
@ -277,21 +270,21 @@ lychee.setMode = function(mode) {
.unbind('d')
.unbind('t')
.unbind(['command+backspace', 'ctrl+backspace'])
.unbind(['command+a', 'ctrl+a']);
.unbind(['command+a', 'ctrl+a'])
if (mode==='public') {
header.dom('#button_signin, #hostedwith').show();
lychee.publicMode = true;
header.dom('#button_signin, #hostedwith').show()
lychee.publicMode = true
} else if (mode==='view') {
Mousetrap.unbind(['esc', 'command+up']);
$('#button_back, a#next, a#previous').remove();
$('.no_content').remove();
Mousetrap.unbind(['esc', 'command+up'])
$('#button_back, a#next, a#previous').remove()
$('.no_content').remove()
lychee.publicMode = true;
lychee.viewMode = true;
lychee.publicMode = true
lychee.viewMode = true
}
@ -299,86 +292,85 @@ lychee.setMode = function(mode) {
lychee.animate = function(obj, animation) {
var animations = [
let animations = [
['fadeIn', 'fadeOut'],
['contentZoomIn', 'contentZoomOut']
];
]
if (!obj.jQuery) obj = $(obj);
if (!obj.jQuery) obj = $(obj)
for (var i = 0; i < animations.length; i++) {
for (var x = 0; x < animations[i].length; x++) {
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;
obj.removeClass(animations[i][0] + ' ' + animations[i][1]).addClass(animation)
return true
}
}
}
return false;
return false
}
lychee.escapeHTML = function(s) {
return s.replace(/&/g, '&amp;')
.replace(/"/g, '&quot;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;');
.replace(/"/g, '&quot;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;')
}
lychee.retinize = function(path = '') {
var pixelRatio = window.devicePixelRatio,
extention = path.split('.').pop(),
hasRetina = extention!=='svg';
let pixelRatio = window.devicePixelRatio,
extention = path.split('.').pop(),
hasRetina = extention!=='svg'
if ((pixelRatio!==undefined&&pixelRatio>1)&&
(hasRetina===true)) {
if ((pixelRatio!==undefined && pixelRatio>1) && hasRetina===true) {
path = path.replace(/\.[^/.]+$/, '');
path = path + '@2x' + '.' + extention;
path = path.replace(/\.[^/.]+$/, '')
path = path + '@2x' + '.' + extention
}
return {
path,
hasRetina
};
}
}
lychee.loadDropbox = function(callback) {
if (!lychee.dropbox&&lychee.dropboxKey) {
if (!lychee.dropbox && lychee.dropboxKey) {
loadingBar.show();
loadingBar.show()
var g = document.createElement('script'),
s = document.getElementsByTagName('script')[0];
let g = document.createElement('script'),
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.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() {
var rs = this.readyState;
if (rs&&rs!=='complete'&&rs!=='loaded') return;
lychee.dropbox = true;
loadingBar.hide();
callback();
};
s.parentNode.insertBefore(g, s);
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&&lychee.dropboxKey) {
callback();
callback()
} else {
settings.setDropboxKey(callback);
settings.setDropboxKey(callback)
}
@ -386,32 +378,32 @@ lychee.loadDropbox = function(callback) {
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');
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;
return eventName
}
lychee.removeHTML = function(html = '') {
if (html==='') return html;
if (html==='') return html
var tmp = document.createElement('DIV');
tmp.innerHTML = html;
let tmp = document.createElement('DIV')
tmp.innerHTML = html
return tmp.textContent || tmp.innerText;
return (tmp.textContent || tmp.innerText)
}
lychee.error = function(errorThrown, params, data) {
console.error({
description: errorThrown,
params: params,
response: data
});
description : errorThrown,
params : params,
response : data
})
loadingBar.show('error', errorThrown);
loadingBar.show('error', errorThrown)
}