Changeset 518 for trunk/web-app/js

Timestamp:

Jun 3, 2010, 12:27:08 PM (11 years ago)

Author:

roberth

Message:

Publications can be added to a study in the create study wizard. Publications are searched for on Pubmed, and when needed, added to the system.

Location:

trunk/web-app/js

Files:

• publication-chooser.js (modified) (7 diffs)
• publication-chooser.pubmed.js (modified) (4 diffs)
• wizard.js (modified) (1 diff)

trunk/web-app/js/publication-chooser.js

@@ -149 +149 @@
  * initialize object
  */
-PublicationChooser.init = function() {
+PublicationChooser.init = function( events ) {
     // find all ontology elements
     $("input[rel*='publication']").each(function() {
-        new PublicationChooser().initAutocomplete(this);
+        new PublicationChooser().initAutocomplete( this, events );
     });
 };
@@ -159 +159 @@
     minLength       : 3,        // minimum input length before launching Ajax request
     cache           : [],       // ontology cache
-    maxResults      : 10,       // Max number of results retrieved
+    maxResults      : 8,        // Max number of results retrieved
     database        : '',       // Default database to be used. As for now, also the only possible database
     availableDBs    : {},       // Available databases, filled by extensions. Key is databasename and value is reference to method to be called
+    events          : {},       // Stores the events to fire
     
     /**
@@ -167 +168 @@
      * @param element
      */
-    initAutocomplete: function(element) {
+    initAutocomplete: function( element, customEvents ) {
         var that = this
         var inputElement = $(element);
         var selected = false;
 
+        // Add spinner element
+        if( !baseUrl ) {
+            var baseUrl = '..';
+        }
+        var imgEl = document.createElement( 'img' );
+        imgEl.setAttribute( 'id', inputElement.attr( 'id' ) + '_spinner' );
+        imgEl.setAttribute( 'src', baseUrl + '/images/spinner.gif' );
+        imgEl.setAttribute( 'style', 'margin-left: 5px;');
+
+        // Add the element next to the input box
+        inputElement.after( imgEl );
+        $( imgEl ).hide();
+
         // determine what database to use
         var values = inputElement.attr('rel').split("-");
+
+        // Check which database the user wants
         if( values.length > 1 ) {
             // check for supported databases
             if( this.availableDBs[ values[ 1 ] ] ) {
                 this.database = values[1];
+                this.events = this.availableDBs[ this.database ];
             } else {
-                alert( 'Database ' + values[1] + ' not supported. Using default: ' + this.database );
+                this.database = values[1] + " (custom)";
+                this.events = {};
             }
+        } else {
+            this.database = "(custom)";
+            this.events = {};
+        }
+
+        // Add custom events to this object
+        if( customEvents ) {
+            $.each( customEvents, function( id, func ) {
+                that.events[ id ] = func;
+            })
+        }
+        
+        // If no 'source' function is defined, nothing can be searched for
+        if( !this.events[ 'source' ]) {
+            alert( 'Database ' + this.database + ' not supported. Using none.' );
         }
 
@@ -189 +222 @@
         inputElement.autocomplete({
             minLength: that.minLength,
-            delay: 400,
+            delay: 300,
 
             source: function(request, response) {
@@ -199 +232 @@
                     response(that.cache[ that.database ][ q ]);
                 } else {
-                    if( that.database != "" && that.availableDBs[ that.database ] && that.availableDBs[ that.database ][ 'source' ] ) {
-                        that.availableDBs[ that.database ][ 'source' ]( that, q, response );
+                    if( that.database != "" && that.events[ 'source' ] ) {
+                       that.events[ 'source' ]( that, q, response );
                     }
                 }
@@ -206 +239 @@
             search: function(event, ui ) {
                 that.selected = false;
+                $( '#' + inputElement.attr( 'id' ) + '_spinner' ).show();
+            },
+            open: function(event, ui ) {
+                $( '#' + inputElement.attr( 'id' ) + '_spinner' ).hide();
             },
             select: function(event, ui) {
@@ -211 +248 @@
                 that.selected = true;
 
-                if( that.database != "" && that.availableDBs[ that.database ] && that.availableDBs[ that.database ][ 'select' ] ) {
-                    that.availableDBs[ that.database ][ 'select' ]( that, inputElement, event, ui );
+                if( that.database != "" && that.events[ 'select' ] ) {
+                    that.events[ 'select' ]( that, inputElement, event, ui );
                 }
             },
             close: function(event, ui) {
                 if( !that.selected ) {
-                    if( that.database != "" && that.availableDBs[ that.database ] && that.availableDBs[ that.database ][ 'close' ] ) {
-                        that.availableDBs[ that.database ][ 'close' ]( that, inputElement, event, ui );
+                    if( that.database != "" && that.events[ 'close' ] ) {
+                        that.events[ 'close' ]( that, inputElement, event, ui );
+                    }
+
+                    if( inputElement.closePublication ) {
+                        inputElement.closePublication( that, event, ui );
                     }
                 }

trunk/web-app/js/publication-chooser.pubmed.js

@@ -4 +4 @@
     var terms = searchterm.split( " " );
     for( var i = 0; i < terms.length; i++ ) {
-        searchFor[ searchFor.length ] = "(" + terms[i].trim() + "[title]" + " OR " + terms[i].trim() + "[author]" + ")";
+        searchFor[ searchFor.length ] = "(" + $.trim( terms[i] ) + "[title]" + " OR " + $.trim( terms[i] ) + "[author]" + ")";
     }
 
@@ -38 +38 @@
 };
 
-selectPubMed = function( chooserObject, inputElement, event, ui ) {
+// Handler that handles the select of a publication
+selectPubMedAdd = function( chooserObject, inputElement, event, ui ) {
 
     // option selected, set hidden fields
@@ -52 +53 @@
     element.removeClass('error');
 };
-closePubMed  = function( chooserObject, inputElement, event, ui ) {
+
+// Handler that handles the closing of the autocomplete
+closePubMedAdd  = function( chooserObject, inputElement, event, ui ) {
     // no he didn't, clear the field(s)
     var element = inputElement;
@@ -116 +119 @@
 }
 
+// Only the source method should be used for all pubmed autocompletes
+// The select and close handlers that are defined here, should only be used
+// on the add publication page. They can be overridden in the initialization
+// of the publication chooser class
 PublicationChooser.prototype.availableDBs[ "pubmed" ] = { 
     'source': sourcePubMed,
-    'select': selectPubMed,
-    'close':  closePubMed
+    'select': selectPubMedAdd,
+    'close':  closePubMedAdd
 };
+

trunk/web-app/js/wizard.js

@@ -351 +351 @@
     return '<a target="_blank" href="' + baseUrl + '/file/get/' + filename + '">' + filename + '</a>';
 }
+
+function addPublication( element_id ) {
+  /* Find publication ID and add to form */
+  jQuery.ajax({
+    type:"GET",
+    url: baseUrl + "/publication/getID?" +  $("#" + element_id + "_form").serialize(),
+    success: function(data,textStatus){
+        var id = parseInt( data );
+
+        // Put the ID in the array, but only if it does not yet exist
+        var ids = getPublicationIds( element_id );
+
+        if( $.inArray(id, ids ) == -1 ) {
+            ids[ ids.length ] = id;
+            $( '#' + element_id + '_ids' ).val( ids.join( ',' ) );
+
+            // Show the title and a remove button
+            showPublication( element_id, id, $("#" + element_id + "_form").find( '[name=publication-title]' ).val(), $("#" + element_id + "_form").find( '[name=publication-authorsList]' ).val(), ids.length - 1 );
+
+            // Hide the 'none box'
+            $( '#' + element_id + '_none' ).css( 'display', 'none' );
+        }
+    },
+    error:function(XMLHttpRequest,textStatus,errorThrown){ alert( "Publication could not be added." ) }
+  }); return false;
+}
+
+function removePublication( element_id, id ) {
+    var ids = getPublicationIds( 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' );
+        }
+
+    }
+}
+
+function getPublicationIds( 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;
+    }
+}
+
+function showPublication( element_id, id, title, authors, nr ) {
+    var deletebutton = document.createElement( 'img' );
+    deletebutton.setAttribute( 'class', 'famfamfam delete_button' );
+    deletebutton.setAttribute( 'alt', 'remove this publication' );
+    deletebutton.setAttribute( 'src', baseUrl + '/images/icons/famfamfam/delete.png' );
+    deletebutton.setAttribute( 'onClick', 'removePublication( "' + element_id + '", ' + id + ' ); return false;' );
+    deletebutton.setAttribute( 'style', 'cursor: pointer;' );
+
+    var titleDiv = document.createElement( 'div' );
+    titleDiv.setAttribute( 'class', 'title' );
+    titleDiv.appendChild( document.createTextNode( title ) );
+
+    var authorsDiv = document.createElement( 'div' );
+    authorsDiv.setAttribute( 'class', 'authors' );
+    authorsDiv.appendChild( document.createTextNode( authors ) );
+
+    var li = document.createElement( 'li' );
+    li.setAttribute( 'id', element_id + '_item_' + id );
+    li.setAttribute( 'class', nr % 2 == 0 ? 'even' : 'odd' );
+    li.appendChild( deletebutton );
+    li.appendChild( titleDiv );
+    li.appendChild( authorsDiv );
+
+    $( '#' + element_id + '_list' ).append( li );
+}