Front-end rewrite #275
This commit is contained in:
Tobias Reich
parent
8624b38171
commit
b4d356f7e4
BIN
dist/main.js
vendored
BIN
dist/main.js
vendored
Binary file not shown.
@ -63,9 +63,15 @@ album = {
|
|||||||
|
|
||||||
album.json = data;
|
album.json = data;
|
||||||
|
|
||||||
|
// Calculate delay
|
||||||
durationTime = (new Date().getTime() - startTime);
|
durationTime = (new Date().getTime() - startTime);
|
||||||
if (durationTime>300) waitTime = 0; else if (refresh) waitTime = 0; else waitTime = 300 - durationTime;
|
if (durationTime>300) waitTime = 0;
|
||||||
if (!visible.albums()&&!visible.photo()&&!visible.album()) waitTime = 0;
|
else waitTime = 300 - durationTime;
|
||||||
|
|
||||||
|
// Skip delay when refresh is true
|
||||||
|
// Skip delay when opening a blank Lychee
|
||||||
|
if (refresh===true) waitTime = 0;
|
||||||
|
if (!visible.albums()&&!visible.photo()&&!visible.album()) waitTime = 0;
|
||||||
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
|
|
||||||
|
|||||||
@ -3,109 +3,111 @@
|
|||||||
* @copyright 2014 by Tobias Reich
|
* @copyright 2014 by Tobias Reich
|
||||||
*/
|
*/
|
||||||
|
|
||||||
albums = {
|
albums = {}
|
||||||
|
|
||||||
json: null,
|
albums.json = null;
|
||||||
|
|
||||||
load: function() {
|
albums.load = function() {
|
||||||
|
|
||||||
var startTime,
|
var startTime,
|
||||||
durationTime,
|
durationTime,
|
||||||
waitTime;
|
waitTime;
|
||||||
|
|
||||||
lychee.animate(".album:nth-child(-n+50), .photo:nth-child(-n+50)", "contentZoomOut");
|
lychee.animate('.album:nth-child(-n+50), .photo:nth-child(-n+50)', 'contentZoomOut');
|
||||||
lychee.animate(".divider", "fadeOut");
|
lychee.animate('.divider', 'fadeOut');
|
||||||
|
|
||||||
startTime = new Date().getTime();
|
startTime = new Date().getTime();
|
||||||
|
|
||||||
if(albums.json===null) {
|
if (albums.json===null) {
|
||||||
|
|
||||||
lychee.api("getAlbums", function(data) {
|
lychee.api('getAlbums', function(data) {
|
||||||
|
|
||||||
/* Smart Albums */
|
/* Smart Albums */
|
||||||
data.unsortedAlbum = {
|
data.unsortedAlbum = {
|
||||||
id: 0,
|
id: 0,
|
||||||
title: "Unsorted",
|
title: 'Unsorted',
|
||||||
sysdate: data.unsortedNum + " photos",
|
sysdate: data.unsortedNum + ' photos',
|
||||||
unsorted: "1",
|
unsorted: '1',
|
||||||
thumb0: data.unsortedThumb0,
|
thumb0: data.unsortedThumb0,
|
||||||
thumb1: data.unsortedThumb1,
|
thumb1: data.unsortedThumb1,
|
||||||
thumb2: data.unsortedThumb2
|
thumb2: data.unsortedThumb2
|
||||||
};
|
};
|
||||||
|
|
||||||
data.starredAlbum = {
|
data.starredAlbum = {
|
||||||
id: "f",
|
id: 'f',
|
||||||
title: "Starred",
|
title: 'Starred',
|
||||||
sysdate: data.starredNum + " photos",
|
sysdate: data.starredNum + ' photos',
|
||||||
star: "1",
|
star: '1',
|
||||||
thumb0: data.starredThumb0,
|
thumb0: data.starredThumb0,
|
||||||
thumb1: data.starredThumb1,
|
thumb1: data.starredThumb1,
|
||||||
thumb2: data.starredThumb2
|
thumb2: data.starredThumb2
|
||||||
};
|
};
|
||||||
|
|
||||||
data.publicAlbum = {
|
data.publicAlbum = {
|
||||||
id: "s",
|
id: 's',
|
||||||
title: "Public",
|
title: 'Public',
|
||||||
sysdate: data.publicNum + " photos",
|
sysdate: data.publicNum + ' photos',
|
||||||
public: "1",
|
public: '1',
|
||||||
thumb0: data.publicThumb0,
|
thumb0: data.publicThumb0,
|
||||||
thumb1: data.publicThumb1,
|
thumb1: data.publicThumb1,
|
||||||
thumb2: data.publicThumb2
|
thumb2: data.publicThumb2
|
||||||
};
|
};
|
||||||
|
|
||||||
data.recentAlbum = {
|
data.recentAlbum = {
|
||||||
id: "r",
|
id: 'r',
|
||||||
title: "Recent",
|
title: 'Recent',
|
||||||
sysdate: data.recentNum + " photos",
|
sysdate: data.recentNum + ' photos',
|
||||||
recent: "1",
|
recent: '1',
|
||||||
thumb0: data.recentThumb0,
|
thumb0: data.recentThumb0,
|
||||||
thumb1: data.recentThumb1,
|
thumb1: data.recentThumb1,
|
||||||
thumb2: data.recentThumb2
|
thumb2: data.recentThumb2
|
||||||
};
|
};
|
||||||
|
|
||||||
albums.json = data;
|
albums.json = data;
|
||||||
|
|
||||||
durationTime = (new Date().getTime() - startTime);
|
// Calculate delay
|
||||||
if (durationTime>300) waitTime = 0; else waitTime = 300 - durationTime;
|
durationTime = (new Date().getTime() - startTime);
|
||||||
if (!visible.albums()&&!visible.photo()&&!visible.album()) waitTime = 0;
|
if (durationTime>300) waitTime = 0;
|
||||||
if (visible.album()&&lychee.content.html()==="") waitTime = 0;
|
else waitTime = 300 - durationTime;
|
||||||
|
|
||||||
setTimeout(function() {
|
// Skip delay when opening a blank Lychee
|
||||||
view.header.mode("albums");
|
if (!visible.albums()&&!visible.photo()&&!visible.album()) waitTime = 0;
|
||||||
view.albums.init();
|
if (visible.album()&&lychee.content.html()==='') waitTime = 0;
|
||||||
lychee.animate(".album:nth-child(-n+50), .photo:nth-child(-n+50)", "contentZoomIn");
|
|
||||||
}, waitTime);
|
|
||||||
});
|
|
||||||
|
|
||||||
} else {
|
|
||||||
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
view.header.mode("albums");
|
view.header.mode('albums');
|
||||||
view.albums.init();
|
view.albums.init();
|
||||||
lychee.animate(".album:nth-child(-n+50), .photo:nth-child(-n+50)", "contentZoomIn");
|
lychee.animate('.album:nth-child(-n+50), .photo:nth-child(-n+50)', 'contentZoomIn');
|
||||||
}, 300);
|
}, waitTime);
|
||||||
|
});
|
||||||
|
|
||||||
}
|
} else {
|
||||||
},
|
|
||||||
|
|
||||||
parse: function(album) {
|
setTimeout(function() {
|
||||||
|
view.header.mode('albums');
|
||||||
if (album.password&&lychee.publicMode) {
|
view.albums.init();
|
||||||
album.thumb0 = "src/images/password.svg";
|
lychee.animate('.album:nth-child(-n+50), .photo:nth-child(-n+50)', 'contentZoomIn');
|
||||||
album.thumb1 = "src/images/password.svg";
|
}, 300);
|
||||||
album.thumb2 = "src/images/password.svg";
|
|
||||||
} else {
|
|
||||||
if (!album.thumb0) album.thumb0 = "src/images/no_images.svg";
|
|
||||||
if (!album.thumb1) album.thumb1 = "src/images/no_images.svg";
|
|
||||||
if (!album.thumb2) album.thumb2 = "src/images/no_images.svg";
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
refresh: function() {
|
|
||||||
|
|
||||||
albums.json = null;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
};
|
albums.parse = function(album) {
|
||||||
|
|
||||||
|
if (album.password&&lychee.publicMode) {
|
||||||
|
album.thumb0 = 'src/images/password.svg';
|
||||||
|
album.thumb1 = 'src/images/password.svg';
|
||||||
|
album.thumb2 = 'src/images/password.svg';
|
||||||
|
} else {
|
||||||
|
if (!album.thumb0) album.thumb0 = 'src/images/no_images.svg';
|
||||||
|
if (!album.thumb1) album.thumb1 = 'src/images/no_images.svg';
|
||||||
|
if (!album.thumb2) album.thumb2 = 'src/images/no_images.svg';
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
albums.refresh = function() {
|
||||||
|
|
||||||
|
albums.json = null;
|
||||||
|
|
||||||
|
}
|
||||||
@ -3,373 +3,383 @@
|
|||||||
* @copyright 2014 by Tobias Reich
|
* @copyright 2014 by Tobias Reich
|
||||||
*/
|
*/
|
||||||
|
|
||||||
var lychee = {
|
lychee = {
|
||||||
|
|
||||||
title: "",
|
title: '',
|
||||||
version: "2.7.0",
|
version: '2.7.0',
|
||||||
version_code: "020700",
|
version_code: '020700',
|
||||||
|
|
||||||
api_path: "php/api.php",
|
api_path: 'php/api.php',
|
||||||
update_path: "http://lychee.electerious.com/version/index.php",
|
update_path: 'http://lychee.electerious.com/version/index.php',
|
||||||
updateURL: "https://github.com/electerious/Lychee",
|
updateURL: 'https://github.com/electerious/Lychee',
|
||||||
website: "http://lychee.electerious.com",
|
website: 'http://lychee.electerious.com',
|
||||||
|
|
||||||
publicMode: false,
|
publicMode: false,
|
||||||
viewMode: false,
|
viewMode: false,
|
||||||
debugMode: false,
|
debugMode: false,
|
||||||
|
|
||||||
username: "",
|
checkForUpdates:false,
|
||||||
checkForUpdates: false,
|
username: '',
|
||||||
sorting: "",
|
sorting: '',
|
||||||
location: "",
|
location: '',
|
||||||
|
|
||||||
dropbox: false,
|
dropbox: false,
|
||||||
dropboxKey: '',
|
dropboxKey: '',
|
||||||
|
|
||||||
loadingBar: $("#loading"),
|
loadingBar: $('#loading'),
|
||||||
header: $("header"),
|
header: $('header'),
|
||||||
content: $("#content"),
|
content: $('#content'),
|
||||||
imageview: $("#imageview"),
|
imageview: $('#imageview'),
|
||||||
infobox: $("#infobox"),
|
infobox: $('#infobox')
|
||||||
|
|
||||||
init: function() {
|
}
|
||||||
|
|
||||||
var params;
|
lychee.init = function() {
|
||||||
|
|
||||||
params = "init&version=" + lychee.version_code;
|
var params;
|
||||||
lychee.api(params, function(data) {
|
|
||||||
|
|
||||||
if (data.loggedIn!==true) {
|
params = 'init&version=' + lychee.version_code;
|
||||||
lychee.setMode("public");
|
lychee.api(params, function(data) {
|
||||||
} else {
|
|
||||||
lychee.username = data.config.username || '';
|
|
||||||
lychee.sorting = data.config.sorting || '';
|
|
||||||
lychee.dropboxKey = data.config.dropboxKey || '';
|
|
||||||
lychee.location = data.config.location || '';
|
|
||||||
}
|
|
||||||
|
|
||||||
// No configuration
|
if (data.loggedIn!==true) {
|
||||||
if (data==="Warning: No configuration!") {
|
lychee.setMode('public');
|
||||||
lychee.header.hide();
|
} else {
|
||||||
lychee.content.hide();
|
lychee.username = data.config.username || '';
|
||||||
$("body").append(build.no_content("cog"));
|
lychee.sorting = data.config.sorting || '';
|
||||||
settings.createConfig();
|
lychee.dropboxKey = data.config.dropboxKey || '';
|
||||||
return true;
|
lychee.location = data.config.location || '';
|
||||||
}
|
}
|
||||||
|
|
||||||
// No login
|
// No configuration
|
||||||
if (data.config.login===false) {
|
if (data==='Warning: No configuration!') {
|
||||||
settings.createLogin();
|
lychee.header.hide();
|
||||||
}
|
lychee.content.hide();
|
||||||
|
$('body').append(build.no_content('cog'));
|
||||||
|
settings.createConfig();
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
lychee.checkForUpdates = data.config.checkForUpdates;
|
// No login
|
||||||
$(window).bind("popstate", lychee.load);
|
if (data.config.login===false) {
|
||||||
lychee.load();
|
settings.createLogin();
|
||||||
|
}
|
||||||
|
|
||||||
});
|
lychee.checkForUpdates = data.config.checkForUpdates;
|
||||||
|
$(window).bind('popstate', lychee.load);
|
||||||
|
lychee.load();
|
||||||
|
|
||||||
},
|
});
|
||||||
|
|
||||||
api: function(params, callback, loading) {
|
}
|
||||||
|
|
||||||
if (loading===undefined) loadingBar.show();
|
lychee.api = function(params, callback) {
|
||||||
|
|
||||||
$.ajax({
|
loadingBar.show();
|
||||||
type: "POST",
|
|
||||||
url: lychee.api_path,
|
|
||||||
data: "function=" + params,
|
|
||||||
dataType: "text",
|
|
||||||
success: function(data) {
|
|
||||||
|
|
||||||
setTimeout(function() { loadingBar.hide() }, 100);
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: lychee.api_path,
|
||||||
|
data: 'function=' + params,
|
||||||
|
dataType: 'text',
|
||||||
|
success: function(data) {
|
||||||
|
|
||||||
if (typeof data==="string"&&data.substring(0, 7)==="Error: ") {
|
setTimeout(function() { loadingBar.hide() }, 100);
|
||||||
|
|
||||||
|
// Catch errors
|
||||||
|
if (typeof data==='string'&&
|
||||||
|
data.substring(0, 7)==='Error: ') {
|
||||||
lychee.error(data.substring(7, data.length), params, data);
|
lychee.error(data.substring(7, data.length), params, data);
|
||||||
upload.close(true);
|
upload.close(true);
|
||||||
return false;
|
return false;
|
||||||
}
|
|
||||||
|
|
||||||
if (data==="1") data = true;
|
|
||||||
else if (data==="") data = false;
|
|
||||||
|
|
||||||
if (typeof data==="string"&&data.substring(0, 1)==="{"&&data.substring(data.length-1, data.length)==="}") data = $.parseJSON(data);
|
|
||||||
|
|
||||||
if (lychee.debugMode) console.log(data);
|
|
||||||
|
|
||||||
callback(data);
|
|
||||||
|
|
||||||
},
|
|
||||||
error: function(jqXHR, textStatus, errorThrown) {
|
|
||||||
|
|
||||||
lychee.error("Server error or API not found.", params, errorThrown);
|
|
||||||
upload.close(true);
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
login: function() {
|
|
||||||
|
|
||||||
var user = $("input#username").val(),
|
|
||||||
password = md5($("input#password").val()),
|
|
||||||
params;
|
|
||||||
|
|
||||||
params = "login&user=" + user + "&password=" + password;
|
|
||||||
lychee.api(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
|
|
||||||
$("#password").val("").addClass("error").focus();
|
|
||||||
$(".message .button.active").removeClass("pressed");
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
// Convert 1 to true and an empty string to false
|
||||||
|
if (data==='1') data = true;
|
||||||
|
else if (data==='') data = false;
|
||||||
|
|
||||||
},
|
// Convert to JSON if string start with '{' and ends with '}'
|
||||||
|
if (typeof data==='string'&&
|
||||||
|
data.substring(0, 1)==='{'&&
|
||||||
|
data.substring(data.length-1, data.length)==='}') data = $.parseJSON(data);
|
||||||
|
|
||||||
loginDialog: function() {
|
// Output response when debug mode is enabled
|
||||||
|
if (lychee.debugMode) console.log(data);
|
||||||
|
|
||||||
var local_username;
|
callback(data);
|
||||||
|
|
||||||
|
},
|
||||||
|
error: function(jqXHR, textStatus, errorThrown) {
|
||||||
|
|
||||||
|
lychee.error('Server error or API not found.', params, errorThrown);
|
||||||
|
upload.close(true);
|
||||||
|
|
||||||
$("body").append(build.signInModal());
|
|
||||||
$("#username").focus();
|
|
||||||
if (localStorage) {
|
|
||||||
local_username = localStorage.getItem("lychee_username");
|
|
||||||
if (local_username!==null) {
|
|
||||||
if (local_username.length>0) $("#username").val(local_username);
|
|
||||||
$("#password").focus();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
if (lychee.checkForUpdates==="1") lychee.getUpdate();
|
});
|
||||||
|
|
||||||
},
|
}
|
||||||
|
|
||||||
logout: function() {
|
lychee.login = function() {
|
||||||
|
|
||||||
|
var user = $('input#username').val(),
|
||||||
|
password = md5($('input#password').val()),
|
||||||
|
params;
|
||||||
|
|
||||||
|
params = 'login&user=' + user + '&password=' + password;
|
||||||
|
lychee.api(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) {}
|
||||||
|
|
||||||
lychee.api("logout", function() {
|
|
||||||
window.location.reload();
|
window.location.reload();
|
||||||
});
|
|
||||||
|
|
||||||
},
|
} else {
|
||||||
|
|
||||||
goto: function(url) {
|
// Show error and reactive button
|
||||||
|
$('#password').val('').addClass('error').focus();
|
||||||
|
$('.message .button.active').removeClass('pressed');
|
||||||
|
|
||||||
if (url===undefined) url = "#";
|
}
|
||||||
else url = "#" + url;
|
|
||||||
|
|
||||||
history.pushState(null, null, url);
|
});
|
||||||
lychee.load();
|
|
||||||
|
|
||||||
},
|
}
|
||||||
|
|
||||||
load: function() {
|
lychee.loginDialog = function() {
|
||||||
|
|
||||||
var albumID = "",
|
var local_username;
|
||||||
photoID = "",
|
|
||||||
hash = document.location.hash.replace("#", "").split("/");
|
|
||||||
|
|
||||||
$(".no_content").remove();
|
$('body').append(build.signInModal());
|
||||||
contextMenu.close();
|
$('#username').focus();
|
||||||
multiselect.close();
|
|
||||||
|
|
||||||
if (hash[0]!==undefined) albumID = hash[0];
|
if (localStorage) {
|
||||||
if (hash[1]!==undefined) photoID = hash[1];
|
local_username = localStorage.getItem('lychee_username');
|
||||||
|
if (local_username!==null) {
|
||||||
|
if (local_username.length>0) $('#username').val(local_username);
|
||||||
|
$('#password').focus();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (albumID&&photoID) {
|
if (lychee.checkForUpdates==='1') lychee.getUpdate();
|
||||||
|
|
||||||
// Trash data
|
}
|
||||||
photo.json = null;
|
|
||||||
|
|
||||||
// Show Photo
|
lychee.logout = function() {
|
||||||
if (lychee.content.html()===""||($("#search").length&&$("#search").val().length!==0)) {
|
|
||||||
|
lychee.api('logout', function() {
|
||||||
|
window.location.reload();
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
lychee.goto = function(url) {
|
||||||
|
|
||||||
|
if (url===undefined) url = '#';
|
||||||
|
else url = '#' + url;
|
||||||
|
|
||||||
|
history.pushState(null, null, url);
|
||||||
|
lychee.load();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
lychee.load = function() {
|
||||||
|
|
||||||
|
var albumID = '',
|
||||||
|
photoID = '',
|
||||||
|
hash = document.location.hash.replace('#', '').split('/');
|
||||||
|
|
||||||
|
$('.no_content').remove();
|
||||||
|
contextMenu.close();
|
||||||
|
multiselect.close();
|
||||||
|
|
||||||
|
if (hash[0]!==undefined) albumID = hash[0];
|
||||||
|
if (hash[1]!==undefined) photoID = hash[1];
|
||||||
|
|
||||||
|
if (albumID&&photoID) {
|
||||||
|
|
||||||
|
// Trash data
|
||||||
|
photo.json = null;
|
||||||
|
|
||||||
|
// Show Photo
|
||||||
|
if (lychee.content.html()===''||
|
||||||
|
($('#search').length&&$('#search').val().length!==0)) {
|
||||||
lychee.content.hide();
|
lychee.content.hide();
|
||||||
album.load(albumID, true);
|
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 data
|
|
||||||
album.json = null;
|
|
||||||
photo.json = null;
|
|
||||||
search.code = "";
|
|
||||||
|
|
||||||
// Show Albums
|
|
||||||
if (visible.album()) view.album.hide();
|
|
||||||
if (visible.photo()) view.photo.hide();
|
|
||||||
albums.load();
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
photo.load(photoID, albumID);
|
||||||
|
|
||||||
},
|
} else if (albumID) {
|
||||||
|
|
||||||
getUpdate: function() {
|
// Trash data
|
||||||
|
photo.json = null;
|
||||||
|
|
||||||
$.ajax({
|
// Show Album
|
||||||
url: lychee.update_path,
|
if (visible.photo()) view.photo.hide();
|
||||||
success: function(data) { if (parseInt(data)>parseInt(lychee.version_code)) $("#version span").show(); }
|
if (album.json&&albumID==album.json.id) view.album.title();
|
||||||
});
|
else album.load(albumID);
|
||||||
|
|
||||||
},
|
} else {
|
||||||
|
|
||||||
setTitle: function(title, editable) {
|
// Trash data
|
||||||
|
album.json = null;
|
||||||
|
photo.json = null;
|
||||||
|
search.code = '';
|
||||||
|
|
||||||
if (lychee.title==="") lychee.title = document.title;
|
// Show Albums
|
||||||
|
if (visible.album()) view.album.hide();
|
||||||
if (title==="Albums") document.title = lychee.title;
|
if (visible.photo()) view.photo.hide();
|
||||||
else document.title = lychee.title + " - " + title;
|
albums.load();
|
||||||
|
|
||||||
if (editable) $("#title").addClass("editable");
|
|
||||||
else $("#title").removeClass("editable");
|
|
||||||
|
|
||||||
$("#title").html(title);
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
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();
|
|
||||||
|
|
||||||
$(document)
|
|
||||||
.on("mouseenter", "#title.editable", function() { $(this).removeClass("editable") })
|
|
||||||
.off("click", "#title.editable")
|
|
||||||
.off("touchend", "#title.editable")
|
|
||||||
.off("contextmenu", ".photo")
|
|
||||||
.off("contextmenu", ".album")
|
|
||||||
.off("drop");
|
|
||||||
|
|
||||||
Mousetrap
|
|
||||||
.unbind(['u', 'ctrl+u'])
|
|
||||||
.unbind(['s', 'ctrl+s'])
|
|
||||||
.unbind(['r', 'ctrl+r'])
|
|
||||||
.unbind(['d', 'ctrl+d'])
|
|
||||||
.unbind(['t', 'ctrl+t'])
|
|
||||||
.unbind(['command+backspace', 'ctrl+backspace']);
|
|
||||||
|
|
||||||
if (mode==="public") {
|
|
||||||
|
|
||||||
$("header #button_signin, header #hostedwith").show();
|
|
||||||
lychee.publicMode = true;
|
|
||||||
|
|
||||||
} else if (mode==="view") {
|
|
||||||
|
|
||||||
Mousetrap.unbind('esc');
|
|
||||||
$("#button_back, a#next, a#previous").remove();
|
|
||||||
$(".no_content").remove();
|
|
||||||
|
|
||||||
lychee.publicMode = true;
|
|
||||||
lychee.viewMode = true;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
animate: function(obj, animation) {
|
|
||||||
|
|
||||||
var animations = [
|
|
||||||
["fadeIn", "fadeOut"],
|
|
||||||
["contentZoomIn", "contentZoomOut"]
|
|
||||||
];
|
|
||||||
|
|
||||||
if (!obj.jQuery) obj = $(obj);
|
|
||||||
|
|
||||||
for (var i = 0; i < animations.length; i++) {
|
|
||||||
for (var 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;
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
escapeHTML: function(s) {
|
|
||||||
|
|
||||||
return s.replace(/&/g, '&')
|
|
||||||
.replace(/"/g, '"')
|
|
||||||
.replace(/</g, '<')
|
|
||||||
.replace(/>/g, '>');
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
loadDropbox: function(callback) {
|
|
||||||
|
|
||||||
if (!lychee.dropbox&&lychee.dropboxKey) {
|
|
||||||
|
|
||||||
loadingBar.show();
|
|
||||||
|
|
||||||
var 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.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);
|
|
||||||
|
|
||||||
} else if (lychee.dropbox&&lychee.dropboxKey) {
|
|
||||||
|
|
||||||
callback();
|
|
||||||
|
|
||||||
} else {
|
|
||||||
|
|
||||||
settings.setDropboxKey(callback);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
removeHTML: function(html) {
|
|
||||||
|
|
||||||
var tmp = document.createElement("DIV");
|
|
||||||
tmp.innerHTML = html;
|
|
||||||
return tmp.textContent || tmp.innerText;
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
error: function(errorThrown, params, data) {
|
|
||||||
|
|
||||||
console.error({
|
|
||||||
description: errorThrown,
|
|
||||||
params: params,
|
|
||||||
response: data
|
|
||||||
});
|
|
||||||
|
|
||||||
loadingBar.show("error", errorThrown);
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
};
|
}
|
||||||
|
|
||||||
|
lychee.getUpdate = function() {
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: lychee.update_path,
|
||||||
|
success: function(data) { if (parseInt(data)>parseInt(lychee.version_code)) $('#version span').show(); }
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
lychee.setTitle = function(title, editable) {
|
||||||
|
|
||||||
|
if (lychee.title==='') lychee.title = document.title;
|
||||||
|
|
||||||
|
if (title==='Albums') document.title = lychee.title;
|
||||||
|
else document.title = lychee.title + ' - ' + title;
|
||||||
|
|
||||||
|
if (editable) $('#title').addClass('editable');
|
||||||
|
else $('#title').removeClass('editable');
|
||||||
|
|
||||||
|
$('#title').html(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();
|
||||||
|
|
||||||
|
$(document)
|
||||||
|
.on('mouseenter', '#title.editable', function() { $(this).removeClass('editable') })
|
||||||
|
.off('click', '#title.editable')
|
||||||
|
.off('touchend', '#title.editable')
|
||||||
|
.off('contextmenu', '.photo')
|
||||||
|
.off('contextmenu', '.album')
|
||||||
|
.off('drop');
|
||||||
|
|
||||||
|
Mousetrap
|
||||||
|
.unbind(['u', 'ctrl+u'])
|
||||||
|
.unbind(['s', 'ctrl+s'])
|
||||||
|
.unbind(['r', 'ctrl+r'])
|
||||||
|
.unbind(['d', 'ctrl+d'])
|
||||||
|
.unbind(['t', 'ctrl+t'])
|
||||||
|
.unbind(['command+backspace', 'ctrl+backspace']);
|
||||||
|
|
||||||
|
if (mode==='public') {
|
||||||
|
|
||||||
|
$('header #button_signin, header #hostedwith').show();
|
||||||
|
lychee.publicMode = true;
|
||||||
|
|
||||||
|
} else if (mode==='view') {
|
||||||
|
|
||||||
|
Mousetrap.unbind('esc');
|
||||||
|
$('#button_back, a#next, a#previous').remove();
|
||||||
|
$('.no_content').remove();
|
||||||
|
|
||||||
|
lychee.publicMode = true;
|
||||||
|
lychee.viewMode = true;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
lychee.animate = function(obj, animation) {
|
||||||
|
|
||||||
|
var animations = [
|
||||||
|
['fadeIn', 'fadeOut'],
|
||||||
|
['contentZoomIn', 'contentZoomOut']
|
||||||
|
];
|
||||||
|
|
||||||
|
if (!obj.jQuery) obj = $(obj);
|
||||||
|
|
||||||
|
for (var i = 0; i < animations.length; i++) {
|
||||||
|
for (var 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.escapeHTML = function(s) {
|
||||||
|
|
||||||
|
return s.replace(/&/g, '&')
|
||||||
|
.replace(/"/g, '"')
|
||||||
|
.replace(/</g, '<')
|
||||||
|
.replace(/>/g, '>');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
lychee.loadDropbox = function(callback) {
|
||||||
|
|
||||||
|
if (!lychee.dropbox&&lychee.dropboxKey) {
|
||||||
|
|
||||||
|
loadingBar.show();
|
||||||
|
|
||||||
|
var 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.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);
|
||||||
|
|
||||||
|
} else if (lychee.dropbox&&lychee.dropboxKey) {
|
||||||
|
|
||||||
|
callback();
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
settings.setDropboxKey(callback);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
lychee.removeHTML = function(html) {
|
||||||
|
|
||||||
|
var tmp = document.createElement('DIV');
|
||||||
|
tmp.innerHTML = html;
|
||||||
|
return tmp.textContent || tmp.innerText;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
lychee.error = function(errorThrown, params, data) {
|
||||||
|
|
||||||
|
console.error({
|
||||||
|
description: errorThrown,
|
||||||
|
params: params,
|
||||||
|
response: data
|
||||||
|
});
|
||||||
|
|
||||||
|
loadingBar.show('error', errorThrown);
|
||||||
|
|
||||||
|
}
|
||||||
@ -158,7 +158,7 @@ photo.duplicate = function(photoIDs) {
|
|||||||
lychee.api(params, function(data) {
|
lychee.api(params, function(data) {
|
||||||
|
|
||||||
if (data!==true) lychee.error(null, params, data);
|
if (data!==true) lychee.error(null, params, data);
|
||||||
else album.load(album.getID(), false);
|
else album.load(album.getID());
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@ -3,93 +3,98 @@
|
|||||||
* @copyright 2014 by Tobias Reich
|
* @copyright 2014 by Tobias Reich
|
||||||
*/
|
*/
|
||||||
|
|
||||||
search = {
|
search = {}
|
||||||
|
|
||||||
code: null,
|
search.code = null;
|
||||||
|
|
||||||
find: function(term) {
|
search.find = function(term) {
|
||||||
|
|
||||||
var params,
|
var params,
|
||||||
albumsData = "",
|
albumsData = '',
|
||||||
photosData = "",
|
photosData = '',
|
||||||
code;
|
code;
|
||||||
|
|
||||||
clearTimeout($(window).data("timeout"));
|
clearTimeout($(window).data('timeout'));
|
||||||
$(window).data("timeout", setTimeout(function() {
|
$(window).data('timeout', setTimeout(function() {
|
||||||
|
|
||||||
if ($("#search").val().length!==0) {
|
if ($('#search').val().length!==0) {
|
||||||
|
|
||||||
params = "search&term=" + term;
|
params = 'search&term=' + term;
|
||||||
lychee.api(params, function(data) {
|
lychee.api(params, function(data) {
|
||||||
|
|
||||||
if (data&&data.albums) {
|
// Build albums
|
||||||
albums.json = { content: data.albums };
|
if (data&&data.albums) {
|
||||||
$.each(albums.json.content, function() {
|
albums.json = { content: data.albums };
|
||||||
albums.parse(this);
|
$.each(albums.json.content, function() {
|
||||||
albumsData += build.album(this);
|
albums.parse(this);
|
||||||
});
|
albumsData += build.album(this);
|
||||||
}
|
});
|
||||||
|
}
|
||||||
|
|
||||||
if (data&&data.photos) {
|
// Build photos
|
||||||
album.json = { content: data.photos };
|
if (data&&data.photos) {
|
||||||
$.each(album.json.content, function() {
|
album.json = { content: data.photos };
|
||||||
photosData += build.photo(this);
|
$.each(album.json.content, function() {
|
||||||
});
|
photosData += build.photo(this);
|
||||||
}
|
});
|
||||||
|
}
|
||||||
|
|
||||||
if (albumsData===""&&photosData==="") code = "error";
|
// 1. No albums and photos found
|
||||||
else if (albumsData==="") code = build.divider("Photos")+photosData;
|
// 2. Only photos found
|
||||||
else if (photosData==="") code = build.divider("Albums")+albumsData;
|
// 3. Only albums found
|
||||||
else code = build.divider("Photos")+photosData+build.divider("Albums")+albumsData;
|
// 4. Albums and photos found
|
||||||
|
if (albumsData===''&&photosData==='') code = 'error';
|
||||||
|
else if (albumsData==='') code = build.divider('Photos') + photosData;
|
||||||
|
else if (photosData==='') code = build.divider('Albums') + albumsData;
|
||||||
|
else code = build.divider('Photos') + photosData + build.divider('Albums') + albumsData;
|
||||||
|
|
||||||
if (search.code!==md5(code)) {
|
// Only refresh view when search results are different
|
||||||
|
if (search.code!==md5(code)) {
|
||||||
|
|
||||||
$(".no_content").remove();
|
$('.no_content').remove();
|
||||||
|
|
||||||
lychee.animate(".album:nth-child(-n+50), .photo:nth-child(-n+50)", "contentZoomOut");
|
lychee.animate('.album:nth-child(-n+50), .photo:nth-child(-n+50)', 'contentZoomOut');
|
||||||
lychee.animate(".divider", "fadeOut");
|
lychee.animate('.divider', 'fadeOut');
|
||||||
|
|
||||||
search.code = md5(code);
|
search.code = md5(code);
|
||||||
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
|
|
||||||
if (code==="error") $("body").append(build.no_content("search"));
|
if (code==='error') $('body').append(build.no_content('search'));
|
||||||
else {
|
else {
|
||||||
lychee.content.html(code);
|
lychee.content.html(code);
|
||||||
lychee.animate(".album:nth-child(-n+50), .photo:nth-child(-n+50)", "contentZoomIn");
|
lychee.animate('.album:nth-child(-n+50), .photo:nth-child(-n+50)', 'contentZoomIn');
|
||||||
$("img[data-type!='svg']").retina();
|
$('img[data-type!="svg"]').retina();
|
||||||
}
|
}
|
||||||
|
|
||||||
}, 300);
|
}, 300);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
} else search.reset();
|
} else search.reset();
|
||||||
|
|
||||||
}, 250));
|
}, 250));
|
||||||
|
|
||||||
},
|
}
|
||||||
|
|
||||||
reset: function() {
|
search.reset = function() {
|
||||||
|
|
||||||
$("#search").val("");
|
$('#search').val('');
|
||||||
$(".no_content").remove();
|
$('.no_content').remove();
|
||||||
|
|
||||||
if (search.code!=="") {
|
if (search.code!=='') {
|
||||||
|
|
||||||
// Trash data
|
// Trash data
|
||||||
albums.json = null;
|
albums.json = null;
|
||||||
album.json = null;
|
album.json = null;
|
||||||
photo.json = null;
|
photo.json = null;
|
||||||
search.code = "";
|
search.code = '';
|
||||||
|
|
||||||
lychee.animate(".divider", "fadeOut");
|
lychee.animate('.divider', 'fadeOut');
|
||||||
albums.load();
|
albums.load();
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
};
|
}
|
||||||
Loading…
Reference in New Issue
Block a user