Changeset 976 for trunk/web-app

Timestamp:

Oct 21, 2010, 5:28:04 PM (10 years ago)

Author:

robert@…

Message:

Authentication and authorization for studies is added, according to ticket 118

Location:

trunk/web-app

Files:

• css/wizard.css (modified) (2 diffs)
• js/wizard.js (modified) (2 diffs)

trunk/web-app/css/wizard.css

@@ -385 +385 @@
 }
 
-.wizard ul.publication_list, .wizard ul.contact_list {
+.wizard ul.publication_list, .wizard ul.contact_list, .wizard ul.user_list {
     list-style-type: none;
     margin: -10px 0 0 255px;
@@ -391 +391 @@
 }
 
-.wizard ul.publication_list li, .wizard ul.contact_list li {
+.wizard ul.publication_list li, .wizard ul.contact_list li, .wizard ul.user_list li {
     margin-left: 0px;
     padding: 4px 6px;

trunk/web-app/js/wizard.js

@@ -382 +382 @@
 }
 
-
 /*************************************************
  *
@@ -674 +673 @@
 }
 
+/*************************************************
+ *
+ * Functions for adding users (readers or writers) to the study
+ *
+ ************************************************/
+
+/**
+ * Adds a user to the study using javascript
+ */
+function addUser( element_id ) {
+    /* Find publication ID and add to form */
+    id = parseInt( $("#" + element_id + "_form select").val() );
+
+    // Put the ID in the array, but only if it does not yet exist
+    var ids = getUserIds( element_id );
+
+    if( $.inArray (id, ids ) == -1 ) {
+        ids[ ids.length ] = id;
+        $( '#' + element_id + '_ids' ).val( ids.join( ',' ) );
+
+        // Show the title and a remove button
+        showUser( element_id, id, $("#" + element_id + "_form select option:selected").text(), ids.length - 1 );
+
+        // Hide the 'none box'
+        $( '#' + element_id + '_none' ).css( 'display', 'none' );
+    }
+
+    return false;
+}
+
+/**
+ * Removes a user from the study using javascript
+ * N.B. The deletion must be handled in grails when the form is submitted
+ */
+function removeUser( element_id, id ) {
+    var ids = getUserIds( element_id );
+    if( $.inArray(id, ids ) != -1 ) {
+        // Remove the ID
+        ids.splice($.inArray(id, ids ), 1);
+        $( '#' + element_id + '_ids' ).val( ids.join( ',' ) );
+
+        // Remove the title from the list
+        var li = $( "#" + element_id + '_item_' + id );
+        if( li ) {
+            li.remove();
+        }
+
+        // Show the 'none box' if needed
+        if( ids.length == 0 ) {
+            $( '#' + element_id + '_none' ).css( 'display', 'inline' );
+        }
+
+    }
+}
+
+/**
+ * Returns an array of user IDs currently attached to the study
+ * The array contains integers
+ */
+function getUserIds( element_id ) {
+    var ids = $( '#' + element_id + '_ids' ).val();
+    if( ids == "" ) {
+        return new Array();
+    } else {
+        ids_array = ids.split( ',' );
+        for( var i = 0; i < ids_array.length; i++ ) {
+            ids_array[ i ] = parseInt( ids_array[ i ] );
+        }
+
+        return ids_array;
+    }
+}
+
+/**
+ * Shows a publication on the screen
+ */
+function showUser( element_id, id, username, nr ) {
+    var deletebutton = document.createElement( 'img' );
+    deletebutton.className = 'famfamfam delete_button';
+    deletebutton.setAttribute( 'alt', 'remove this user' );
+    deletebutton.setAttribute( 'src', baseUrl + '/images/icons/famfamfam/delete.png' );
+    deletebutton.onclick = function() { removeUser(  element_id, id ); return false; };
+
+    var titleDiv = document.createElement( 'div' );
+    titleDiv.className = 'username' ;
+    titleDiv.appendChild( document.createTextNode( username ) );
+
+    var li = document.createElement( 'li' );
+    li.setAttribute( 'id', element_id + '_item_' + id );
+    li.className = nr % 2 == 0 ? 'even' : 'odd';
+    li.appendChild( deletebutton );
+    li.appendChild( titleDiv );
+
+    $( '#' + element_id + '_list' ).append( li );
+}
+
+/**
+ * Creates the dialog for searching a publication
+ */
+function createUserDialog( element_id ) {
+    /* Because of the AJAX loading of this page, the dialog will be created
+     * again, when the page is reloaded. This raises problems when reading the
+     * values of the selected publication. For that reason we check whether the
+     * dialog already exists
+     */
+    if( $( "." + element_id + "_user_dialog" ).length == 0 ) {
+        $("#" + element_id + "_dialog").dialog({
+            title   : "Add user",
+            autoOpen: false,
+            width   : 800,
+            height  : 400,
+            modal   : true,
+            dialogClass : element_id + "_user_dialog",
+            position: "center",
+            buttons : {
+               Add  : function() { addUser( element_id ); $(this).dialog("close"); },
+               Close  : function() { $(this).dialog("close"); }
+            },
+            close   : function() {
+                /* closeFunc(this); */
+            }
+        }).width(790).height(400);
+    } else {
+       /* If a dialog already exists, remove the new div */
+       $("#" + element_id + "_dialog").remove();
+    }
+}
+
+/**
+ * Opens the dialog for searching a publication
+ */
+function openUserDialog( element_id ) {
+    // Empty input field
+    var field = $( '#' + element_id );
+    field.val( '' );
+
+    // Show the dialog
+    $( '#' + element_id + '_dialog' ).dialog( 'open' );
+    field.focus();
+
+    // Disable 'Add' button
+    //enableButton( '.' + element_id + '_user_dialog', 'Add', false );
+}