selecting subclass

Author: Gaurav SinghaRoy

app/assets/javascripts/resources/querybuilder.js

@@ -162,6 +162,26 @@ QueryBuilder = {
         },
         get_subclasses_for_selected_class : function(){
             QueryBuilder.properties.get_subclasses(QueryBuilder.classes.get_selected_class());
+        },
+        select_subclass : function(uri){
+            
+            $("#property_main_subclasses_group").find(".list-group-item").each(function(index){
+                var html = "";
+                if($(this).attr("uri") == uri){
+                    if($(this).attr("clicked") == "true"){
+                        $(this).attr("clicked","false");
+                    }else{
+                        html += "<span class='glyphicon glyphicon-ok'></span>&nbsp;&nbsp;";
+                        $(this).attr("clicked","true");
+                    }
+                    if(uri == "all")
+                            html += "<strong>"
+                    html += $(this).attr("display-name");
+                    if(uri == "all")
+                        html += "</strong>";
+                    $(this).html(html);       
+                }
+            });
         }
     }
 

app/views/query/builder.html.erb

@@ -89,7 +89,7 @@
                         </div>
                     </div>
                     <div class="list-group" id="property_main_subclasses_group" subclasses="all"> 
-                        <a class="list-group-item property-subclass-group" href="javascript:void(0)"><strong>All</strong></a>
+                        <a class="list-group-item property-subclass-group" href="javascript:void(0)" onclick="QueryBuilder.properties.select_subclass('all')" uri="all" clicked='true' display-name="All"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;<strong>All</strong></a>
                     </div>
                     <div class="row" id="qb_properties_sub_classes_loading" style="display:none;">
                             <div class="col-md-12">

app/views/query/subclasses.js.erb

@@ -3,7 +3,7 @@ $("#property_main_subclass_header").find("button").first().hide("fast");
 
 	var list_group = $("#property_main_subclasses_group").find(".list-group-item").first();
 <%@subclasses.each do |sc|%>
-	var html = "<a href='javascript:void(0);' class='property-subclass-individual list-group-item' uri='<%=sc[:uri]%>'><%=sc[:name].capitalize%></a>";
+	var html = "<a href='javascript:void(0);' class='property-subclass-individual list-group-item' uri='<%=sc[:uri]%>' display-name='<%=sc[:name]%>'><%=sc[:name].capitalize%></a>";
 	$(list_group).after(html);
 <%end%>