NIHVIVO-2279 first steps toward associating a UserAccount with a Profile.

2011-06-29 15:36:14 +00:00 · 2011-06-29 15:36:14 +00:00 · 87dc7698e1
commit 87dc7698e1
parent 239256187d
8 changed files with 380 additions and 33 deletions
--- a/webapp/web/js/account/accountAssociateProfile.js
+++ b/webapp/web/js/account/accountAssociateProfile.js
@ -0,0 +1,137 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+var associateProfileFields = {
+
+    /* *** Initial page setup *** */
+   
+    onLoad: function() {
+        console.log('Here we are');
+        if (this.disableFormInUnsupportedBrowsers()) {
+            return;
+        }        
+        this.mixIn();
+        this.initObjects();                 
+        this.initPage();       
+    },
+
+    disableFormInUnsupportedBrowsers: function() {       
+        var disableWrapper = $('#ie67DisableWrapper');
+        
+        // Check for unsupported browsers only if the element exists on the page
+        if (disableWrapper.length) {
+            if (vitro.browserUtils.isIELessThan8()) {
+                disableWrapper.show();
+                $('.noIE67').hide();
+                return true;
+            }
+        }            
+        return false;      
+    },
+
+    mixIn: function() {
+        $.extend(this, associateProfileFieldsData);
+    },
+    
+    // On page load, create references for easy access to form elements.
+    initObjects: function() {
+        this.form = $('#userAccountForm');
+        
+        // The external auth ID field and messages
+        this.externalAuthIdField = $('#externalAuthId');
+        this.externalAuthIdInUseMessage = $('#externalAuthIdInUse');
+
+        // We have an associated profile
+        this.associatedArea = $('#associated');
+        this.associatedProfileNameSpan = $('#associatedProfileName');
+        this.verifyAssociatedProfileLink = $('#verifyProfileLink');
+        this.associatedProfileUriField = $('#associatedProfileUri')
+        
+        // We want to associate a profile
+        this.associationOptionsArea = $('#associationOptions');
+    },
+    
+    // Initial page setup. Called only at page load.
+    initPage: function() {
+        this.checkForAssociatedProfile();
+
+        this.bindEventListeners();
+    },
+    
+    bindEventListeners: function() {
+        console.log('bindEventListeners');
+
+        this.externalAuthIdField.change(function() {
+            associateProfileFields.checkForAssociatedProfile();
+        }); 
+        this.externalAuthIdField.keyup(function() {
+            associateProfileFields.checkForAssociatedProfile();
+        }); 
+        
+        this.verifyAssociatedProfileLink.click(function() {
+            associateProfileFields.openVerifyWindow();
+            return false;
+        });   
+        
+    },
+    
+    checkForAssociatedProfile: function() {
+        $.ajax({
+            url: associateProfileFields.ajaxUrl,
+            dataType: "json",
+            data: {
+                function: "checkExternalAuth",
+                userAccountUri: "",
+                externalAuthId: associateProfileFields.externalAuthIdField.val()
+            },
+            complete: function(xhr, status) {
+                var results = $.parseJSON(xhr.responseText);
+                if (results.idInUse) {
+                    associateProfileFields.showExternalAuthIdInUse()
+                } else if (results.matchesProfile) {
+                    associateProfileFields.showExternalAuthIdMatchesProfile(results.profileUri, results.profileUri, results.profileLabel)
+                } else {
+                    associateProfileFields.showExternalAuthIdNotRecognized()
+                }
+            }
+        });
+    },
+
+    openVerifyWindow: function() {
+        window.open(this.verifyUrl, 'verifyMatchWindow', 'width=640,height=640,scrollbars=yes,resizable=yes,status=yes,toolbar=no,menubar=no,location=no');
+    },
+        
+    showExternalAuthIdInUse: function() {
+        this.externalAuthIdInUseMessage.show();
+        this.associatedArea.hide();
+        this.associationOptionsArea.hide();
+    },
+ 
+    showExternalAuthIdMatchesProfile: function(profileUri, profileUrl, profileLabel) {
+        console.log('showExternalAuthIdMatchesProfile: profileUri=' + profileUri + ', profileUrl=' + profileUrl + ', profileLabel='+ profileLabel);
+
+        this.externalAuthIdInUseMessage.hide();
+        this.associatedArea.show();
+        this.associationOptionsArea.hide();
+        
+        this.associatedProfileNameSpan.html(profileLabel);
+        this.associatedProfileUriField.val(profileUri);
+        this.verifyUrl = profileUrl;
+    },
+       
+    showExternalAuthIdNotRecognized: function() {
+        this.externalAuthIdInUseMessage.hide();
+        this.associatedArea.hide();
+        
+        if (this.externalAuthIdField.val().length > 0) {
+            this.associationOptionsArea.show();
+        } else {
+            this.associationOptionsArea.hide();
+        }
+    },
+
+}
+ 
+$(document).ready(function() {   
+    associateProfileFields.onLoad();
+}); 
+