Changeset 2149

Timestamp:

Jan 24, 2012, 2:12:45 PM (6 years ago)

Author:

work@…

Message:

added more ajax calls, and improved first study compare wizard page

Location:

trunk/grails-app

Files:

• controllers/generic/AjaxController.groovy (modified) (1 diff)
• views/studyCompare/common/_on_page.gsp (modified) (1 diff)
• views/studyCompare/index.gsp (modified) (1 diff)
• views/studyCompare/pages/_page_one.gsp (modified) (1 diff)

trunk/grails-app/controllers/generic/AjaxController.groovy

@@ -90 +90 @@
                 }
         }
+
+        def studyCount = {
+                def result = [0:"0 studies found based on your criteria"];
+
+                // set output header to json
+                response.contentType = 'application/json'
+
+                // render result
+                if (params.callback) {
+                        render "${params.callback}(${result as JSON})"
+                } else {
+                        render result as JSON
+                }
+        }
 }

trunk/grails-app/views/studyCompare/common/_on_page.gsp

@@ -27 +27 @@
                 // add waitForLoad class to ajax elements
                 $('.ajax').each(function() {
+                        var that = this;
                         var element = $(this);
                         var elementId = this.getAttribute('id');
                         element.addClass('waitForLoad');
 
-                        $.getJSON(baseUrl+"/ajax/"+elementId,{},function(j) {
-                                var options = '';
-                                for (var i=0;i<j.length;i++) {
-                                        options += '<input type="checkbox" name="species[]" value="'+j[i].id+'"/>'+j[i].name+'<br/>';
+                        $.getJSON(baseUrl+"/ajax/"+elementId,{},function(data) {
+                                var options = '<h2>'+that.getAttribute('name')+'</h2>';
+                                for (var i=0;i<data.length;i++) {
+                                        options += '<input type="checkbox" name="species[]" value="'+data[i].id+'"/>'+data[i].name+'<br/>';
                                 }
                                 element.removeClass('waitForLoad').html(options);
                         });
-
                 });
         }

trunk/grails-app/views/studyCompare/index.gsp

@@ -26 +26 @@
                 height: 30px;
         }
+        .selector {
+                display: block;
+        }
+        .selector .ajax {
+                display: inline-block;
+                vertical-align: top;
+        }
+        .selector .ajax .label {
+                background-color: blue;
+                display: block;
+        }
+
         </style>
 </head>

trunk/grails-app/views/studyCompare/pages/_page_one.gsp

@@ -13 +13 @@
 %>
 <af:page>
-species: <div id="uniqueSpecies" class="ajax"></div>
-unique event names: <div id="uniqueEventTemplateNames" class="ajax"></div>
-unique sampling event names: <div id="uniqueSamplingEventTemplateNames" class="ajax"></div>
+<div class="selector">
+        <div name="species" id="uniqueSpecies" class="ajax"></div>
+        <div name="event templates" id="uniqueEventTemplateNames" class="ajax"></div>
+        <div name="sampling event templates" id="uniqueSamplingEventTemplateNames" class="ajax"></div>
+</div>
+<div class="ajax" id="studyCount"></div>
 
 </af:page>