Enter your database connection details below:"; - msg += ""; - msg += ""; - msg += ""; - msg += "
"; - msg += "Lychee will create its own database. If required, you can enter the name of an existing database instead:"; - msg += ""; - msg += ""; - msg += "
"; + msg = ` ++ Enter your database connection details below: + + + +
++ Lychee will create its own database. If required, you can enter the name of an existing database instead: + + +
+ ` basicModal.show({ body: msg, @@ -126,59 +130,65 @@ settings.createConfig = function() { settings.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) { - - 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; + var action, + msg = ''; - }, 400); + action = function(data) { - } else { + var params, + username = data.username, + password = data.password; - params = 'setLogin&username=' + escape(username) + '&password=' + md5(password); - lychee.api(params, function(data) { + if (username.length<1) { + basicModal.error('username'); + return false; + } - if (data!==true) { + if (password.length<1) { + basicModal.error('password'); + return false; + } - setTimeout(function() { + basicModal.close(); - 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; + params = 'setLogin&username=' + escape(username) + '&password=' + md5(password); + lychee.api(params, function(data) { - }, 400); + if (data!==true) { + basicModal.show({ + body: 'Unable to save login. Please try again with another username and password!
', + buttons: { + action: { + title: 'Retry', + fn: settings.createLogin + } } - }); } - }], - ['', function() {}] - ]; + }); + + } - modal.show('Create Login', "Enter a username and password for your installation: ", buttons, -122, false); + msg = ` ++ Enter a username and password for your installation: + + +
+ ` + + basicModal.show({ + body: msg, + buttons: { + action: { + title: 'Create Login', + fn: action + } + } + }); } @@ -220,13 +230,17 @@ settings.setLogin = function() { } - msg += "Enter your current password:"; - msg += ""; - msg += "
" - msg += "Your username and password will be changed to the following:"; - msg += ""; - msg += ""; - msg += "
"; + msg = ` ++ Enter your current password: + +
++ Your username and password will be changed to the following: + + +
+ ` basicModal.show({ body: msg, @@ -246,57 +260,73 @@ settings.setLogin = function() { settings.setSorting = function() { - var buttons, - sorting, - params; - - buttons = [ - ['Change Sorting', function() { - - sorting[0] = $('select#settings_type').val(); - sorting[1] = $('select#settings_order').val(); - - albums.refresh(); - - 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('Change Sorting', - "Sort photos by \ - \ - in an \ - \ - order.\ - ", buttons); + var sorting = [], + action, + msg = ''; + + action = function() { + + var params; + + sorting[0] = $('.basicModal select#settings_type').val(); + sorting[1] = $('.basicModal select#settings_order').val(); + + basicModal.close(); + albums.refresh(); + + 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); + + }); + + } + + msg = ` ++ Sort photos by + + in an + + order. +
+ ` + + basicModal.show({ + body: msg, + buttons: { + action: { + title: 'Change Sorting', + fn: action + }, + cancel: { + title: 'Cancel', + fn: basicModal.close + } + } + }); if (lychee.sorting!=='') { sorting = lychee.sorting.replace('ORDER BY ', '').split(' '); - $('select#settings_type').val(sorting[0]); - $('select#settings_order').val(sorting[1]); + $('.basicModal select#settings_type').val(sorting[0]); + $('.basicModal select#settings_order').val(sorting[1]); } @@ -331,10 +361,12 @@ settings.setDropboxKey = function(callback) { } - msg += ""; - msg += "In order to import photos from your Dropbox, you need a valid drop-ins app key from their website. Generate yourself a personal key and enter it below:"; - msg += ""; - msg += "
"; + msg = ` ++ In order to import photos from your Dropbox, you need a valid drop-ins app key from their website. Generate yourself a personal key and enter it below: + +
+ ` basicModal.show({ body: msg,