--- /dev/null
+/*
+
+Jappix - An open social platform
+These are the homepage JS scripts for Jappix
+
+-------------------------------------------------
+
+License: AGPL
+Authors: Vanaryon, LinkMauve
+Last revision: 15/01/12
+
+*/
+
+// Allows the user to switch the difference home page elements
+function switchHome(div) {
+ // Path to
+ var home = '#home .';
+ var right = home + 'right ';
+ var current = right + '.homediv.' + div;
+
+ // We switch the div
+ $(right + '.homediv, ' + right + '.top').hide();
+ $(right + '.' + div).show();
+
+ // We reset the homedivs
+ $(home + 'homediv:not(.default), ' + home + 'top:not(.default)').remove();
+
+ // Get the HTML code to display
+ var disable_form = '';
+ var lock_host = '';
+ var code = '';
+
+ // Apply the previous link
+ switch(div) {
+ case 'loginer':
+ case 'anonymouser':
+ case 'registerer':
+ if(!exists(right + '.top.sub')) {
+ // Append the HTML code for previous link
+ $(right + '.top.default').after('<h1 class="top sub loginer anonymouser registerer">« <a href="#" class="previous">' + _e("Previous") + '</a></h1>');
+
+ // Click event on previous link
+ $(home + 'top.sub a.previous').click(function() {
+ return switchHome('default');
+ });
+ }
+
+ break;
+ }
+
+ // Apply the form
+ switch(div) {
+ // Login tool
+ case 'loginer':
+ lock_host = disableInput(LOCK_HOST, 'on');
+ code = '<p>' + printf(_e("Login to your existing XMPP account. You can also use the %s to join a groupchat."), '<a href="#" class="to-anonymous">' + _e("anonymous mode") + '</a>') + '</p>' +
+
+ '<form action="#" method="post">' +
+ '<fieldset>' +
+ '<legend>' + _e("Required") + '</legend>' +
+
+ '<label for="lnick">' + _e("Address") + '</label>' +
+ '<input type="text" class="nick" id="lnick" pattern="[^@/]+" required="" /><span class="jid">@</span><input type="text" class="server" id="lserver" value="' + HOST_MAIN + '" ' + lock_host + ' pattern="[^@/]+" required="" />' +
+ '<label for="lpassword">' + _e("Password") + '</label>' +
+ '<input type="password" class="password" id="lpassword" required="" />' +
+ '<label for="lremember">' + _e("Remember me") + '</label>' +
+ '<input type="checkbox" class="remember" id="lremember" />' +
+ '</fieldset>' +
+
+ '<a href="#" class="advanced home-images">' + _e("Advanced") + '</a>' +
+
+ '<fieldset class="advanced">' +
+ '<legend>' + _e("Advanced") + '</legend>' +
+
+ '<label for="lresource">' + _e("Resource") + '</label>' +
+ '<input type="text" class="resource" id="lresource" value="' + JAPPIX_RESOURCE + '" />' +
+ '<label for="lpriority">' + _e("Priority") + '</label>' +
+ '<select class="priority" id="lpriority">' +
+ '<option value="1">' + _e("Low") + '</option>' +
+ '<option value="10" selected="">' + _e("Medium") + '</option>' +
+ '<option value="100">' + _e("High") + '</option>' +
+ '</select>' +
+ '</fieldset>' +
+
+ '<input type="submit" value="' + _e("Here we go!") + '" />' +
+ '</form>';
+
+ break;
+
+ // Anonymous login tool
+ case 'anonymouser':
+ disable_form = disableInput(ANONYMOUS, 'off');
+ code = '<p>' + printf(_e("Enter the groupchat you want to join and the nick you want to have. You can also go back to the %s."), '<a href="#" class="to-home">' + _e("login page") + '</a>') + '</p>' +
+
+ '<form action="#" method="post">' +
+ '<fieldset>' +
+ '<legend>' + _e("Required") + '</legend>' +
+
+ '<label>' + _e("Room") + '</label>' +
+ '<input type="text" class="room"' + disable_form + ' pattern="[^/]+" required="" />' +
+
+ '<label>' + _e("Nickname") + '</label>' +
+ '<input type="text" class="nick"' + disable_form + ' required="" />' +
+ '</fieldset>' +
+
+ '<input type="submit" value="' + _e("Here we go!") + '"' + disable_form + ' />' +
+ '</form>' +
+
+ '<div class="info report">' +
+ _e("Share this link with your friends:") + ' <span></span>' +
+ '</div>';
+
+ break;
+
+ // Register tool
+ case 'registerer':
+ disable_form = disableInput(REGISTRATION, 'off');
+
+ if(!disable_form)
+ lock_host = disableInput(LOCK_HOST, 'on');
+
+ code = '<p>' + _e("Register a new XMPP account to join your friends on your own social cloud. That's simple!") + '</p>' +
+
+ '<form action="#" method="post">' +
+ '<fieldset>' +
+ '<legend>' + _e("Required") + '</legend>' +
+
+ '<label for="rnick">' + _e("Address") + '</label>' +
+ '<input type="text" class="nick" id="rnick" ' + disable_form + ' pattern="[^@/]+" required="" /><span class="jid">@</span><input type="text" class="server" id="rserver" value="' + HOST_MAIN + '" ' + disable_form + lock_host + ' pattern="[^@/]+" required="" />' +
+ '<label for="rpassword">' + _e("Password") + '</label>' +
+ '<input type="password" class="password" id="rpassword" ' + disable_form + ' required="" />' +
+ '<label for="spassword">' + _e("Confirm") + '</label><input type="password" class="spassword" id="spassword" ' + disable_form + ' required="" />' +
+ '</fieldset>' +
+
+ '<input type="submit" value="' + _e("Here we go!") + '" ' + disable_form + '/>' +
+ '</form>';
+
+ break;
+ }
+
+ // Form disabled?
+ if(disable_form)
+ code += '<div class="info fail">' +
+ _e("This tool has been disabled, you cannot use it!") +
+ '</div>';
+
+ // Create this HTML code
+ if(code && !exists(current)) {
+ // Append it!
+ $(right + '.homediv.default').after('<div class="' + div + ' homediv">' + code + '</div>');
+
+ // Create the attached events
+ switch(div) {
+ // Login tool
+ case 'loginer':
+ $(current + ' a.to-anonymous').click(function() {
+ return switchHome('anonymouser');
+ });
+
+ $(current + ' a.advanced').click(showAdvanced);
+
+ $(current + ' form').submit(loginForm);
+
+ break;
+
+ // Anonymous login tool
+ case 'anonymouser':
+ $(current + ' a.to-home').click(function() {
+ return switchHome('loginer');
+ });
+
+ $(current + ' form').submit(doAnonymous);
+
+ // Keyup event on anonymous join's room input
+ $(current + ' input.room').keyup(function() {
+ var value = $(this).val();
+ var report = current + ' .report';
+ var span = report + ' span';
+
+ if(!value) {
+ $(report).hide();
+ $(span).text('');
+ }
+
+ else {
+ $(report).show();
+ $(span).text(JAPPIX_LOCATION + '?r=' + value);
+ }
+ });
+
+ break;
+
+ // Register tool
+ case 'registerer':
+ $(current + ' form').submit(registerForm);
+
+ break;
+ }
+ }
+
+ // We focus on the first input
+ $(document).oneTime(10, function() {
+ $(right + 'input:visible:first').focus();
+ });
+
+ return false;
+}
+
+// Allows the user to display the advanced login options
+function showAdvanced() {
+ // Hide the link
+ $('#home a.advanced').hide();
+
+ // Show the fieldset
+ $('#home fieldset.advanced').show();
+
+ return false;
+}
+
+// Reads the login form values
+function loginForm() {
+ // We get the values
+ var lPath = '#home .loginer ';
+ var lServer = $(lPath + '.server').val();
+ var lNick = $(lPath + '.nick').val();
+ var lPass = $(lPath + '.password').val();
+ var lResource = $(lPath + '.resource').val();
+ var lPriority = $(lPath + '.priority').val();
+ var lRemember = $(lPath + '.remember').filter(':checked').size();
+
+ // Enough values?
+ if(lServer && lNick && lPass && lResource && lPriority)
+ doLogin(lNick, lServer, lPass, lResource, lPriority, lRemember);
+
+ // Something is missing?
+ else {
+ $(lPath + 'input[type=text], ' + lPath + 'input[type=password]').each(function() {
+ var select = $(this);
+
+ if(!select.val())
+ $(document).oneTime(10, function() {
+ select.addClass('please-complete').focus();
+ });
+ else
+ select.removeClass('please-complete');
+ });
+ }
+
+ return false;
+}
+
+// Reads the register form values
+function registerForm() {
+ var rPath = '#home .registerer ';
+
+ // Remove the success info
+ $(rPath + '.success').remove();
+
+ // Get the values
+ var username = $(rPath + '.nick').val();
+ var domain = $(rPath + '.server').val();
+ var pass = $(rPath + '.password').val();
+ var spass = $(rPath + '.spassword').val();
+
+ // Enough values?
+ if(domain && username && pass && spass && (pass == spass)) {
+ // We remove the not completed class to avoid problems
+ $('#home .registerer input').removeClass('please-complete');
+
+ // Fire the register event!
+ doRegister(username, domain, pass);
+ }
+
+ // Something is missing?
+ else {
+ $(rPath + 'input[type=text], ' + rPath + 'input[type=password]').each(function() {
+ var select = $(this);
+
+ if(!select.val() || (select.is('#spassword') && pass && (pass != spass)))
+ $(document).oneTime(10, function() {
+ select.addClass('please-complete').focus();
+ });
+ else
+ select.removeClass('please-complete');
+ });
+ }
+
+ return false;
+}
+
+// Plugin launcher
+function launchHome() {
+ // Define the vars
+ var home = '#home ';
+ var button = home + 'button';
+ var corp = home + '.corporation';
+ var locale = home + '.locale';
+
+ // Removes the <noscript /> elements to lighten the DOM
+ $('noscript').remove();
+
+ // Allows the user to switch the home page
+ $(button).click(function() {
+ // Login button
+ if($(this).is('.login'))
+ return switchHome('loginer');
+
+ // Register button
+ else
+ return switchHome('registerer');
+ });
+
+ // Allows the user to view the corporation infobox
+ $(corp).hover(function() {
+ $(corp).addClass('hovered');
+ }, function() {
+ $(corp).removeClass('hovered');
+ });
+
+ // Allows the user to switch the language
+ $(locale).hover(function() {
+ // Initialize the HTML code
+ var keepget = $(locale).attr('data-keepget');
+ var html = '<div class="list">';
+
+ // Generate each locale HTML code
+ for(i in LOCALES_AVAILABLE_ID)
+ html += '<a href="./?l=' + LOCALES_AVAILABLE_ID[i] + keepget + '">' + LOCALES_AVAILABLE_NAMES[i].htmlEnc() + '</a>';
+
+ html += '</div>';
+
+ // Append the HTML code
+ $(locale).append(html);
+ }, function() {
+ $(locale + ' .list').remove();
+ });
+
+ // Disables the browser HTTP-requests stopper
+ $(document).keydown(function(e) {
+ if((e.keyCode == 27) && !isDeveloper())
+ return false;
+ });
+
+ // Warns for an obsolete browser
+ if(isObsolete()) {
+ // Add the code
+ $(locale).after(
+ '<div class="obsolete">' +
+ '<p>' + _e("Your browser is out of date!") + '</p>' +
+
+ '<a class="firefox browsers-images" title="' + printf(_e("Last %s version is better!"), 'Mozilla Firefox') + '" href="http://www.mozilla.com/firefox/"></a>' +
+ '<a class="chrome browsers-images" title="' + printf(_e("Last %s version is better!"), 'Google Chrome') + '" href="http://www.google.com/chrome"></a>' +
+ '<a class="safari browsers-images" title="' + printf(_e("Last %s version is better!"), 'Safari') + '" href="http://www.apple.com/safari/"></a>' +
+ '<a class="opera browsers-images" title="' + printf(_e("Last %s version is better!"), 'Opera') + '" href="http://www.opera.com/"></a>' +
+ '<a class="ie browsers-images" title="' + printf(_e("Last %s version is better!"), 'Internet Explorer') + '" href="http://www.microsoft.com/hk/windows/internet-explorer/"></a>' +
+ '</div>'
+ );
+
+ // Display it later
+ $(home + '.obsolete').oneTime('1s', function() {
+ $(this).slideDown();
+ });
+
+ logThis('Jappix does not support this browser!', 2);
+ }
+
+ logThis('Welcome to Jappix! Happy coding in developer mode!');
+}
+
+// Launch this plugin!
+$(document).ready(launchHome);