added select all checkbox for properties

Author: Gaurav SinghaRoy

app/assets/javascripts/resources/querybuilder.js

@@ -193,6 +193,9 @@ QueryBuilder = {
             else
                 $("#btn_properties_properties_"+type+"_more").show("fast");*/
             $.get("/query/class_properties.js?dataset="+QueryBuilder.datasets.get_selected()+"&class_uri="+QueryBuilder.classes.get_selected_class());
+            $(".cb-property-range-all").each(function(index){
+                $(this).prop("checked",true);
+            });
         },
         get_schema_properties_for_selected_class : function(){
             $("#property_main_schema_properties_group").html("");
@@ -314,6 +317,17 @@ QueryBuilder = {
             else
                 return checked_ranges;
         },
+        click_check_all : function(type){
+            var item = $("#cb_property_range_all_"+type);
+            var to_check = false;
+            if(item.prop('checked'))
+                to_check = true;
+            $(".cb-property-range").each(function(index){
+                if($(this).attr("range-type") == type){
+                    $(this).prop('checked',to_check);
+                }
+            });
+        },
         filter : {
             add_objects : function(property_uri, property_name,  data){
                 var identifier = QueryBuilder.properties.filter.get_new_list_identifier();

app/views/query/builder.html.erb

@@ -105,11 +105,11 @@
                                     </div>
                                     <div class="panel-heading alert">
                                         <div class="row">
-                                            <div class="col-md-9">
+                                            <div class="col-md-11">
                                                 Object Properties
                                             </div>
-                                            <div class="col-md-3">
-                                                <button type="button" class="btn btn-primary btn-xs pull-right" onclick="QueryBuilder.properties.get_properties_for_selected_class(true,'object')" id="btn_properties_properties_object_more"><span class="glyphicon glyphicon-plus"></span>&nbsp;more</button>
+                                            <div class="col-md-1">
+                                                <input type='checkbox' id='cb_property_range_all_object'  class='cb-property-range-all'  checked='checked' onclick="QueryBuilder.properties.click_check_all('object')"/>
                                             </div>
                                         </div>
                                     </div>
@@ -123,11 +123,11 @@
                                     </div>
                                     <div class="panel-heading alert">
                                         <div class="row">
-                                            <div class="col-md-9">
+                                            <div class="col-md-11">
                                                 Data type Properties
                                             </div>
-                                            <div class="col-md-3">
-                                                <button type="button" class="btn btn-primary btn-xs pull-right" onclick="QueryBuilder.properties.get_properties_for_selected_class(true,'datatype')" id="btn_properties_properties_datatype_more"><span class="glyphicon glyphicon-plus"></span>&nbsp;more</button>
+                                            <div class="col-md-1">
+                                                <input type='checkbox' id='cb_property_range_all_data'  class='cb-property-range-all'  checked='checked' onclick="QueryBuilder.properties.click_check_all('data')"/>
                                             </div>
                                         </div>
                                     </div>

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\" class='cb-property-range' value=\"<%=p['uri']%>\" 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' range-type='data' value=\"<%=p['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\" class='cb-property-range' value=\"<%=p['uri']%>\" 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' range-type='object' value=\"<%=p['uri']%>\" checked='checked'/></div></div></div>";
 	$(list_group_object).append(html);
 <%end%>
 QueryBuilder.properties.generate_range_badge_colors();