created a method to return comma separated checked properties

Author: Gaurav SinghaRoy

app/assets/javascripts/resources/querybuilder.js

@@ -304,6 +304,16 @@ QueryBuilder = {
             show_loading();
             $.get("/query/property_ranges.js?property_uri="+uri+"&type="+type+"&dataset="+QueryBuilder.datasets.get_selected()+"&property_name="+name);
         },
+        //this method returns a comma separated string of selected properties
+        // returns "ALL" if all of them are checked
+        get_checked_properties : function(){
+            var all_ranges = $('.cb-property-range').map(function() {return this.value;}).get().join(',');
+            var checked_ranges = $('.cb-property-range:checked').map(function() {return this.value;}).get().join(',');
+            if(all_ranges == checked_ranges)
+                return "ALL";
+            else
+                return checked_ranges;
+        },
         filter : {
             add_objects : function(property_uri, property_name,  data){
                 var identifier = QueryBuilder.properties.filter.get_new_list_identifier();

app/views/query/class_properties.js.erb

@@ -5,13 +5,13 @@ $("#btn_properties_properties_datatype_more").hide("fast");
 $("#qb_properties_properties_datatype_loading").hide("fast");
 $("#property_main_properties_datatype_group").html("");
 <%@properties[:data_type].each do |p|%>
-	var html = "<div href='javascript:void(0);' class='property-subclass-individual list-group-item clickable' uri='<%=p['uri']%>' display-name='<%=p['label']%>' clicked='false' ><div class='row'><div class='col-md-5' onclick=\"QueryBuilder.properties.property_click('<%=p['uri']%>','<%=p['label']%>','datatype')\" ><%=p['label']%></div><div class='col-md-4' onclick=\"QueryBuilder.properties.property_click('<%=p['uri']%>','<%=p['label']%>','datatype')\" ><span class='badge span-property-range span-property-range-data' ><%=p['range']['label']%></span></div><div class='col-md-2'><span class='badge'><%=p['count']%></span></div><div class='col-md-1'><input type=\"checkbox\" name=\"cb_property_range\" value=\"<%=p['range']['value']%>\" checked='checked'/></div></div></div>";
+	var html = "<div href='javascript:void(0);' class='property-subclass-individual list-group-item clickable' uri='<%=p['uri']%>' display-name='<%=p['label']%>' clicked='false' ><div class='row'><div class='col-md-5' onclick=\"QueryBuilder.properties.property_click('<%=p['uri']%>','<%=p['label']%>','datatype')\" ><%=p['label']%></div><div class='col-md-4' onclick=\"QueryBuilder.properties.property_click('<%=p['uri']%>','<%=p['label']%>','datatype')\" ><span class='badge span-property-range span-property-range-data' ><%=p['range']['label']%></span></div><div class='col-md-2'><span class='badge'><%=p['count']%></span></div><div class='col-md-1'><input type=\"checkbox\" name=\"cb_property_range\" class='cb-property-range' value=\"<%=p['range']['uri']%>\" checked='checked'/></div></div></div>";
 	$(list_group_datatype).append(html);
 <%end%>
 $("#qb_properties_properties_object_loading").hide("fast");
 $("#property_main_properties_object_group").html("");
 <%@properties[:object_type].each do |p|%>
-	var html = "<div href='javascript:void(0);' class='property-subclass-individual list-group-item clickable' uri='<%=p['uri']%>' display-name='<%=p['label']%>' clicked='false' ><div class='row'><div class='col-md-5' onclick=\"QueryBuilder.properties.property_click('<%=p['uri']%>','<%=p['label']%>','object')\" ><%=p['label']%></div><div class='col-md-4 ' onclick=\"QueryBuilder.properties.property_click('<%=p['uri']%>','<%=p['label']%>','object')\" ><span class='badge span-property-range span-property-range-object'><%=p['range']['label'].capitalize%></span></div><div class='col-md-2'><span class='badge'><%=p['count']%></span></div><div class='col-md-1'><input type=\"checkbox\" name=\"cb_property_range\" value=\"<%=p['range']['value']%>\" checked='checked'/></div></div></div>";
+	var html = "<div href='javascript:void(0);' class='property-subclass-individual list-group-item clickable' uri='<%=p['uri']%>' display-name='<%=p['label']%>' clicked='false' ><div class='row'><div class='col-md-5' onclick=\"QueryBuilder.properties.property_click('<%=p['uri']%>','<%=p['label']%>','object')\" ><%=p['label']%></div><div class='col-md-4 ' onclick=\"QueryBuilder.properties.property_click('<%=p['uri']%>','<%=p['label']%>','object')\" ><span class='badge span-property-range span-property-range-object'><%=p['range']['label'].capitalize%></span></div><div class='col-md-2'><span class='badge'><%=p['count']%></span></div><div class='col-md-1'><input type=\"checkbox\" name=\"cb_property_range\" class='cb-property-range' value=\"<%=p['range']['uri']%>\" checked='checked'/></div></div></div>";
 	$(list_group_object).append(html);
 <%end%>
 QueryBuilder.properties.generate_range_badge_colors();