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

Front-end rewrite #275

Browse Source
This commit is contained in:
Tobias Reich 2014-11-20 23:27:41 +01:00
parent 752d094775
commit c849cf33a9
10 changed files with 259 additions and 246 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/main.js vendored
View File

Binary file not shown.

6
src/scripts/album.js
View File

@ -3,9 +3,11 @@
* @copyright 2014 by Tobias Reich
*/
album = {}
album = {
album.json = null;
json: null
}
album.getID = function() {

6
src/scripts/albums.js
View File

@ -3,9 +3,11 @@
* @copyright 2014 by Tobias Reich
*/
albums = {}
albums = {
albums.json = null;
json: null
}
albums.load = function() {

6
src/scripts/loadingBar.js
View File

@ -3,9 +3,11 @@
* @copyright 2014 by Tobias Reich
*/
loadingBar = {}
loadingBar = {
loadingBar.status = null;
status: null
}
loadingBar.show = function(status, errorText) {

6
src/scripts/modal.js
View File

@ -3,9 +3,11 @@
* @copyright 2014 by Tobias Reich
*/
modal = {}
modal = {
modal.fns = null;
fns: null
}
modal.show = function(title, text, buttons, marginTop, closeButton) {

6
src/scripts/password.js
View File

@ -3,9 +3,11 @@
* @copyright 2014 by Tobias Reich
*/
password = {}
password = {
password.value = '';
value: ''
}
password.get = function(albumID, callback) {

8
src/scripts/photo.js
View File

@ -3,10 +3,12 @@
* @copyright 2014 by Tobias Reich
*/
photo = {}
photo = {
photo.json = null;
photo.cache = null;
json: null,
cache: null
}
photo.getID = function() {

6
src/scripts/search.js
View File

@ -3,9 +3,11 @@
* @copyright 2014 by Tobias Reich
*/
search = {}
search = {
search.code = null;
code: null
}
search.find = function(term) {

439
src/scripts/settings.js
View File

@ -3,288 +3,287 @@
* @copyright 2014 by Tobias Reich
*/
var settings = {
settings = {}
createConfig: function() {
settings.createConfig = function() {
var dbName,
dbUser,
dbPassword,
dbHost,
dbTablePrefix,
buttons,
params;
var dbName,
dbUser,
dbPassword,
dbHost,
dbTablePrefix,
buttons,
params;
buttons = [
["Connect", function() {
buttons = [
['Connect', function() {
dbHost = $(".message input.text#dbHost").val();
dbUser = $(".message input.text#dbUser").val();
dbPassword = $(".message input.text#dbPassword").val();
dbName = $(".message input.text#dbName").val();
dbTablePrefix = $(".message input.text#dbTablePrefix").val();
dbHost = $('.message input.text#dbHost').val();
dbUser = $('.message input.text#dbUser').val();
dbPassword = $('.message input.text#dbPassword').val();
dbName = $('.message input.text#dbName').val();
dbTablePrefix = $('.message input.text#dbTablePrefix').val();
if (dbHost.length<1) dbHost = "localhost";
if (dbName.length<1) dbName = "lychee";
if (dbHost.length<1) dbHost = 'localhost';
if (dbName.length<1) dbName = 'lychee';
params = "dbCreateConfig&dbName=" + escape(dbName) + "&dbUser=" + escape(dbUser) + "&dbPassword=" + escape(dbPassword) + "&dbHost=" + escape(dbHost) + "&dbTablePrefix=" + escape(dbTablePrefix);
lychee.api(params, function(data) {
params = 'dbCreateConfig&dbName=' + escape(dbName) + '&dbUser=' + escape(dbUser) + '&dbPassword=' + escape(dbPassword) + '&dbHost=' + escape(dbHost) + '&dbTablePrefix=' + escape(dbTablePrefix);
lychee.api(params, function(data) {
if (data!==true) {
// Configuration failed
setTimeout(function() {
// Connection failed
if (data.indexOf("Warning: Connection failed!")!==-1) {
buttons = [
["Retry", function() { setTimeout(settings.createConfig, 400) }],
["", function() {}]
];
modal.show("Connection Failed", "Unable to connect to host database because access was denied. Double-check your host, username and password and ensure that access from your current location is permitted.", buttons, null, false);
return false;
}
// Creation failed
if (data.indexOf("Warning: Creation failed!")!==-1) {
buttons = [
["Retry", function() { setTimeout(settings.createConfig, 400) }],
["", function() {}]
];
modal.show("Creation Failed", "Unable to create the database. Double-check your host, username and password and ensure that the specified user has the rights to modify and add content to the database.", buttons, null, false);
return false;
}
// Could not create file
if (data.indexOf("Warning: Could not create file!")!==-1) {
buttons = [
["Retry", function() { setTimeout(settings.createConfig, 400) }],
["", function() {}]
];
modal.show("Saving Failed", "Unable to save this configuration. Permission denied in <b>'data/'</b>. Please set the read, write and execute rights for others in <b>'data/'</b> and <b>'uploads/'</b>. Take a look the readme for more information.", buttons, null, false);
return false;
}
// Something went wrong
buttons = [
["Retry", function() { setTimeout(settings.createConfig, 400) }],
["", function() {}]
];
modal.show("Configuration Failed", "Something unexpected happened. Please try again and check your installation and server. Take a look the readme for more information.", buttons, null, false);
return false;
}, 400);
} else {
// Configuration successful
window.location.reload();
}
});
}],
["", function() {}]
];
modal.show("Configuration", "Enter your database connection details below: <input id='dbHost' class='text less' type='text' placeholder='Database Host (optional)' value=''><input id='dbUser' class='text less' type='text' placeholder='Database Username' value=''><input id='dbPassword' class='text more' type='password' placeholder='Database Password' value=''><br>Lychee will create its own database. If required, you can enter the name of an existing database instead:<input id='dbName' class='text less' type='text' placeholder='Database Name (optional)' value=''><input id='dbTablePrefix' class='text more' type='text' placeholder='Table prefix (optional)' value=''>", buttons, -235, false);
},
createLogin: function() {
var username,
password,
params,
buttons;
buttons = [
["Create Login", function() {
username = $(".message input.text#username").val();
password = $(".message input.text#password").val();
if (username.length<1||password.length<1) {
if (data!==true) {
// Configuration failed
setTimeout(function() {
// Connection failed
if (data.indexOf('Warning: Connection failed!')!==-1) {
buttons = [
['Retry', function() { setTimeout(settings.createConfig, 400) }],
['', function() {}]
];
modal.show('Connection Failed', 'Unable to connect to host database because access was denied. Double-check your host, username and password and ensure that access from your current location is permitted.', buttons, null, false);
return false;
}
// Creation failed
if (data.indexOf('Warning: Creation failed!')!==-1) {
buttons = [
['Retry', function() { setTimeout(settings.createConfig, 400) }],
['', function() {}]
];
modal.show('Creation Failed', 'Unable to create the database. Double-check your host, username and password and ensure that the specified user has the rights to modify and add content to the database.', buttons, null, false);
return false;
}
// Could not create file
if (data.indexOf('Warning: Could not create file!')!==-1) {
buttons = [
['Retry', function() { setTimeout(settings.createConfig, 400) }],
['', function() {}]
];
modal.show('Saving Failed', "Unable to save this configuration. Permission denied in <b>'data/'</b>. Please set the read, write and execute rights for others in <b>'data/'</b> and <b>'uploads/'</b>. Take a look the readme for more information.", buttons, null, false);
return false;
}
// Something went wrong
buttons = [
["Retry", function() { setTimeout(settings.createLogin, 400) }],
["", function() {}]
['Retry', function() { setTimeout(settings.createConfig, 400) }],
['', function() {}]
];
modal.show("Wrong Input", "The username or password you entered is not long enough. Please try again with another username and password!", buttons, null, false);
modal.show('Configuration Failed', 'Something unexpected happened. Please try again and check your installation and server. Take a look the readme for more information.', buttons, null, false);
return false;
}, 400);
} else {
params = "setLogin&username=" + escape(username) + "&password=" + md5(password);
lychee.api(params, function(data) {
if (data!==true) {
setTimeout(function() {
buttons = [
["Retry", function() { setTimeout(settings.createLogin, 400) }],
["", function() {}]
];
modal.show("Creation Failed", "Unable to save login. Please try again with another username and password!", buttons, null, false);
return false;
}, 400);
}
});
// Configuration successful
window.location.reload();
}
}],
["", function() {}]
];
});
modal.show("Create Login", "Enter a username and password for your installation: <input id='username' class='text less' type='text' placeholder='New Username' value=''><input id='password' class='text' type='password' placeholder='New Password' value=''>", buttons, -122, false);
}],
['', function() {}]
];
},
modal.show('Configuration', "Enter your database connection details below: <input id='dbHost' class='text less' type='text' placeholder='Database Host (optional)' value=''><input id='dbUser' class='text less' type='text' placeholder='Database Username' value=''><input id='dbPassword' class='text more' type='password' placeholder='Database Password' value=''><br>Lychee will create its own database. If required, you can enter the name of an existing database instead:<input id='dbName' class='text less' type='text' placeholder='Database Name (optional)' value=''><input id='dbTablePrefix' class='text more' type='text' placeholder='Table prefix (optional)' value=''>", buttons, -235, false);
setLogin: function() {
}
var old_password,
username,
password,
params,
buttons;
settings.createLogin = function() {
buttons = [
["Change Login", function() {
var username,
password,
params,
buttons;
old_password = $(".message input.text#old_password").val();
username = $(".message input.text#username").val();
password = $(".message input.text#password").val();
buttons = [
['Create Login', function() {
if (old_password.length<1) {
loadingBar.show("error", "Your old password was entered incorrectly. Please try again!");
username = $('.message input.text#username').val();
password = $('.message input.text#password').val();
if (username.length<1||password.length<1) {
setTimeout(function() {
buttons = [
['Retry', function() { setTimeout(settings.createLogin, 400) }],
['', function() {}]
];
modal.show('Wrong Input', 'The username or password you entered is not long enough. Please try again with another username and password!', buttons, null, false);
return false;
}
if (username.length<1) {
loadingBar.show("error", "Your new username was entered incorrectly. Please try again!");
return false;
}
}, 400);
if (password.length<1) {
loadingBar.show("error", "Your new password was entered incorrectly. Please try again!");
return false;
}
} else {
params = "setLogin&oldPassword=" + md5(old_password) + "&username=" + escape(username) + "&password=" + md5(password);
params = 'setLogin&username=' + escape(username) + '&password=' + md5(password);
lychee.api(params, function(data) {
if (data!==true) lychee.error(null, params, data);
if (data!==true) {
setTimeout(function() {
buttons = [
['Retry', function() { setTimeout(settings.createLogin, 400) }],
['', function() {}]
];
modal.show('Creation Failed', 'Unable to save login. Please try again with another username and password!', buttons, null, false);
return false;
}, 400);
}
});
}],
["Cancel", function() {}]
];
}
modal.show("Change Login", "Enter your current password: <input id='old_password' class='text more' type='password' placeholder='Current Password' value=''><br>Your username and password will be changed to the following: <input id='username' class='text less' type='text' placeholder='New Username' value=''><input id='password' class='text' type='password' placeholder='New Password' value=''>", buttons, -171);
}],
['', function() {}]
];
},
modal.show('Create Login', "Enter a username and password for your installation: <input id='username' class='text less' type='text' placeholder='New Username' value=''><input id='password' class='text' type='password' placeholder='New Password' value=''>", buttons, -122, false);
setSorting: function() {
}
var buttons,
sorting,
params;
settings.setLogin = function() {
buttons = [
["Change Sorting", function() {
var old_password,
username,
password,
params,
buttons;
sorting[0] = $("select#settings_type").val();
sorting[1] = $("select#settings_order").val();
buttons = [
['Change Login', function() {
albums.refresh();
old_password = $('.message input.text#old_password').val();
username = $('.message input.text#username').val();
password = $('.message input.text#password').val();
params = "setSorting&type=" + sorting[0] + "&order=" + sorting[1];
lychee.api(params, function(data) {
if (old_password.length<1) {
loadingBar.show('error', 'Your old password was entered incorrectly. Please try again!');
return false;
}
if (data===true) {
lychee.sorting = "ORDER BY " + sorting[0] + " " + sorting[1];
lychee.load();
} else lychee.error(null, params, data);
if (username.length<1) {
loadingBar.show('error', 'Your new username was entered incorrectly. Please try again!');
return false;
}
});
if (password.length<1) {
loadingBar.show('error', 'Your new password was entered incorrectly. Please try again!');
return false;
}
}],
["Cancel", function() {}]
];
modal.show("Change Sorting",
"Sort photos by \
<select id='settings_type'> \
<option value='id'>Upload Time</option> \
<option value='takestamp'>Take Date</option> \
<option value='title'>Title</option> \
<option value='description'>Description</option> \
<option value='public'>Public</option> \
<option value='star'>Star</option> \
<option value='type'>Photo Format</option> \
</select> \
in an \
<select id='settings_order'> \
<option value='ASC'>Ascending</option> \
<option value='DESC'>Descending</option> \
</select> \
order.\
", buttons);
params = 'setLogin&oldPassword=' + md5(old_password) + '&username=' + escape(username) + '&password=' + md5(password);
lychee.api(params, function(data) {
if (lychee.sorting!=="") {
if (data!==true) lychee.error(null, params, data);
sorting = lychee.sorting.replace("ORDER BY ", "").split(" ");
});
$("select#settings_type").val(sorting[0]);
$("select#settings_order").val(sorting[1]);
}],
['Cancel', function() {}]
];
}
modal.show('Change Login', "Enter your current password: <input id='old_password' class='text more' type='password' placeholder='Current Password' value=''><br>Your username and password will be changed to the following: <input id='username' class='text less' type='text' placeholder='New Username' value=''><input id='password' class='text' type='password' placeholder='New Password' value=''>", buttons, -171);
},
}
setDropboxKey: function(callback) {
settings.setSorting = function() {
var buttons,
params,
key;
var buttons,
sorting,
params;
buttons = [
["Set Key", function() {
buttons = [
['Change Sorting', function() {
key = $(".message input.text#key").val();
sorting[0] = $('select#settings_type').val();
sorting[1] = $('select#settings_order').val();
params = "setDropboxKey&key=" + key;
lychee.api(params, function(data) {
albums.refresh();
if (data===true) {
lychee.dropboxKey = key;
if (callback) lychee.loadDropbox(callback);
} else lychee.error(null, params, data);
params = 'setSorting&type=' + sorting[0] + '&order=' + sorting[1];
lychee.api(params, function(data) {
});
if (data===true) {
lychee.sorting = 'ORDER BY ' + sorting[0] + ' ' + sorting[1];
lychee.load();
} else lychee.error(null, params, data);
}],
["Cancel", function() {}]
];
});
modal.show("Set Dropbox Key", "In order to import photos from your Dropbox, you need a valid drop-ins app key from <a href='https://www.dropbox.com/developers/apps/create'>their website</a>. Generate yourself a personal key and enter it below: <input id='key' class='text' type='text' placeholder='Dropbox API Key' value='" + lychee.dropboxKey + "'>", buttons);
}],
['Cancel', function() {}]
];
modal.show('Change Sorting',
"Sort photos by \
<select id='settings_type'> \
<option value='id'>Upload Time</option> \
<option value='takestamp'>Take Date</option> \
<option value='title'>Title</option> \
<option value='description'>Description</option> \
<option value='public'>Public</option> \
<option value='star'>Star</option> \
<option value='type'>Photo Format</option> \
</select> \
in an \
<select id='settings_order'> \
<option value='ASC'>Ascending</option> \
<option value='DESC'>Descending</option> \
</select> \
order.\
", buttons);
if (lychee.sorting!=='') {
sorting = lychee.sorting.replace('ORDER BY ', '').split(' ');
$('select#settings_type').val(sorting[0]);
$('select#settings_order').val(sorting[1]);
}
};
}
settings.setDropboxKey = function(callback) {
var buttons,
params,
key;
buttons = [
['Set Key', function() {
key = $('.message input.text#key').val();
params = 'setDropboxKey&key=' + key;
lychee.api(params, function(data) {
if (data===true) {
lychee.dropboxKey = key;
if (callback) lychee.loadDropbox(callback);
} else lychee.error(null, params, data);
});
}],
['Cancel', function() {}]
];
modal.show('Set Dropbox Key', "In order to import photos from your Dropbox, you need a valid drop-ins app key from <a href='https://www.dropbox.com/developers/apps/create'>their website</a>. Generate yourself a personal key and enter it below: <input id='key' class='text' type='text' placeholder='Dropbox API Key' value='" + lychee.dropboxKey + "'>", buttons);
}

22
src/scripts/visible.js
View File

@ -9,57 +9,57 @@ visible = {}
visible.albums = function() {
if ($('#tools_albums').css('display')==='block') return true;
else return false;
return false;
}
visible.album = function() {
if ($('#tools_album').css('display')==='block') return true;
else return false;
return false;
}
visible.photo = function() {
if ($('#imageview.fadeIn').length>0) return true;
else return false;
return false;
}
visible.search = function() {
if (search.code!==null&&search.code!=='') return true;
else return false;
return false;
}
visible.infobox = function() {
if ($('#infobox.active').length>0) return true;
else return false;
return false;
}
visible.infoboxbutton = function() {
if (visible.albums()) return false;
if (visible.photo()) return true;
if (visible.album()&&$('#button_info_album:visible').length>0) return true;
else return false;
return false;
}
visible.controls = function() {
if (lychee.loadingBar.css('opacity')<1) return false;
else return true;
return true;
}
visible.message = function() {
if ($('.message').length>0) return true;
else return false;
return false;
}
visible.signin = function() {
if ($('.message .sign_in').length>0) return true;
else return false;
return false;
}
visible.contextMenu = function() {
if ($('.contextContainer').length>0) return true;
else return false;
return false;
}
visible.multiselect = function() {
if ($('#multiselect').length>0) return true;
else return false;
return false;
}