// Check if we can use indexOf on array's, // if not, fix it, we need it! if(!Array.indexOf){ Array.prototype.indexOf = function(obj){ for(var i=0; i 0) { // We don't have a last logged in provider name, // check if user set enabled providers, when true use first occurance as provider name sProviderName = kgnconnect.global._aEnabledProviders[0]; } // We should now have a last logged in provider name of the first occurance of the enabled providers, // check if we can find a valid provider object var oProvider = kgnconnect.global.getProviderByName(sProviderName); if (typeof oProvider != 'object') { // Not a valid object, // todo: Error handling return; } // If the parser comes here we have a valid provider name which we should use as first login provider, // create the login button element var oButton = this.createButtonElement(oProvider); // Removing the childs from the container div before adding the button to it while (kgnconnect.global._oContainer.hasChildNodes()) { kgnconnect.global._oContainer.removeChild(kgnconnect.global._oContainer.firstChild); } // Insert the button into the container div kgnconnect.global._oContainer.appendChild(oButton); // Create the onClick function for the button this.createButtonOnClick(oButton.id, oProvider); // Check if we have used the last logged in provider name as provider, // if not than we check at facebook if the user is logged in there. // We give a higher prioritization to the last logged in provider if (this.getLastProvider() != sProviderName) { // Check when we don't have facebook as provider if it is enabled in the provider list and if so // start a background process to see if the user is logged in at facebook if (typeof FB != 'object' && kgnconnect.global._oFacebookLoginStatus && kgnconnect.global._oFacebookLoginStatus.checkUserLoggedIn === true && sProviderName != 'facebook' && kgnconnect.global._aEnabledProviders.indexOf('facebook') != -1) { FBSDK.load(); } } }, /** * showOverlay */ showOverlay : function () { // Check if we don't already have a container available for the more providers if (document.getElementById('kgnconnect_overlay') === null) { // We don't have a container available. // Create the container div for the overlay var div = document.createElement('div'); div.id = 'kgnconnect_overlay'; // Write the child divs needed div.innerHTML = [ '
', '
', '
', '
', '
', '

', ' Sign in using your account with', '

', '
', '
', ' close', '
' ].join(''); // Append elements as first element in the body document.body.insertBefore(div, document.body.firstChild); // Add the configured provider buttons to the page this.addProviderButtons(); } else { // We already have a container available, // we only need to make it visible now document.getElementById('kgnconnect_overlay').style.display = 'block'; } }, /** * createButtonElement * * @param object poProvider */ createButtonElement : function (poProvider) { // Create the button element, // start with the href var href = document.createElement('a'); href.id = new Date().getTime() + '_' + poProvider.providerName; href.className = 'kgn_button kgn_' + poProvider.providerName; // Create a span for inside the href var span = document.createElement('span'); // Check with size login button we should use if (kgnconnect.global._sButtonSize == 'small') { // Show text for small login button span.innerHTML = 'Login'; } else { // Show text for normal login button //span.innerHTML = 'Login met ' + poProvider.providerNameFormatted; span.innerHTML = kgnconnect.global._sLoginButtonText.replace('%providerNameFormatted%', poProvider.providerNameFormatted); } // Insert the span into the href element href.appendChild(span); // Return the element return href; }, /** * createButtonOnClick * * @param integer piElementId * @param object poProvider */ createButtonOnClick : function (piElementId, poProvider) { // Add an onclick event to this href (crossbrowser method) document.getElementById(piElementId).onclick = function () { // Open the provider authorization page in a centered popup kgnconnect.global.openCenteredPopup( kgnconnect.global.configuration.sSiteRoot.replace('http://', 'http://' + kgnconnect.global._sApplicationName + '.') + '/api/' + poProvider.providerName + '/authorize.php?token_url=' + kgnconnect.global._sTokenURL + '&token_frame=' + kgnconnect.global._sTokenFrame, // URL poProvider.providerNameFormatted, // Name poProvider.popupWidth, // Width poProvider.popupHeight // Height ); return false; }; }, /** * addProviderButtons */ addProviderButtons : function () { // Create the start element for the ul listing var ulProviderButton = document.createElement('ul'); ulProviderButton.className = 'kgnconnect_providers'; // Loop through the enabled providers for (var i = 0; i < kgnconnect.global._aEnabledProviders.length; i ++) { // Check if the provider name is not empty if (kgnconnect.global._aEnabledProviders[i] != '') { // Get the provider object for this provider var oProvider = kgnconnect.global.getProviderByName(kgnconnect.global._aEnabledProviders[i]); // Create the li element var liProviderButton = document.createElement('li'); liProviderButton.id = 'kgnconnect_' + oProvider.providerName; liProviderButton.className = 'kgnconnect_provider_button'; liProviderButton.innerHTML = '' + oProvider.providerName + ''; // For testing purposes only, // the li element should be styled with css // Append li to the ul list ulProviderButton.appendChild(liProviderButton); } } // Add the ul listing with all it's elements to the container div document.getElementById('kgnconnect_overlay_content').appendChild(ulProviderButton); // Get all li ellements var aElements = document.getElementsByTagName('li'); // Loop through the elements for (i = 0; i < aElements.length; i++) { // Check if the class name is kgnconnect if (aElements[i].className == 'kgnconnect_provider_button') { // The class name is provider_button, // we create the onClick for this button kgnconnect.login.createButtonOnClick( aElements[i].id, kgnconnect.global.getProviderByName(aElements[i].id.replace('kgnconnect_', '')) ); } } }, /** * getProviders * * @param user defined callback function */ getProviders : function (callback) { var aProviders = []; aProviders.providers = []; // Loop through the enabled providers for (var i = 0; i < kgnconnect.global._aEnabledProviders.length; i ++) { // Check if the provider name is not empty if (kgnconnect.global._aEnabledProviders[i] != '') { // Get the provider object for this provider var oProvider = kgnconnect.global.getProviderByName(kgnconnect.global._aEnabledProviders[i]); // Push provider object into the providers array aProviders.providers.push({ providerURL : kgnconnect.global.configuration.sSiteRoot.replace('http://', 'http://' + kgnconnect.global._sApplicationName + '.') + '/api/' + oProvider.providerName + '/authorize.php?token_url=' + kgnconnect.global._sTokenURL + '&token_frame=' + kgnconnect.global._sTokenFrame, providerName : oProvider.providerName, providerNameFormatted : oProvider.providerNameFormatted, popupHeight : oProvider.popupHeight, popupWidth : oProvider.popupWidth, providerUsage : kgnconnect.global._aEnabledProvidersUsage[i], providerButtonElement : this.createButtonElement(oProvider) }); } } // Check if we have a user defined callback function if (callback) { // Execute user defined callback function callback(aProviders); } }, /** * getLoginStatus * * @param user defined callback function */ getLoginStatus : function (callback) { var i,x,y; var aLoginStatus = []; aLoginStatus.status = []; // Check if the xdframe hasn't been written yet if (document.getElementById('kgnconnect_xdframe') === null) { // To get the cookie information from the kgnconnect server we need to us a Xd receiver. // Create the XD iframe element var XDframe = document.createElement('iframe'); XDframe.id = 'kgnconnect_xdframe'; XDframe.width = '1'; XDframe.height = '1'; XDframe.style.display = 'none'; // Pass the URL of the current parent page to the iframe using location.hash XDframe.src = kgnconnect.global.configuration.sSiteRoot + '/api/get_login_status.php#' + encodeURIComponent(document.location.href); document.getElementsByTagName('body')[0].appendChild(XDframe); } // Check if we don't already have the login status if (typeof kgnconnect.global._oLoginStatus.expectedUser !== 'string' && typeof kgnconnect.global._oLoginStatus.expectedProvider !== 'string') { // Setup a callback to handle the dispatched MessageEvent. if window.postMessage is supported the passed // event will have .data, .origin and .source properties. otherwise, it will only have the .data property. kgnconnect.global.XD.receiveMessage(function(message){ // Split message var aLoginStatus = message.data.split('&'); // Loop trough elements of the message aLoginStatus = message.data.split(";"); for (i=0;i