showing a '+' button if the class has some subclasses

Author: Gaurav SinghaRoy

app/assets/javascripts/resources/common.js

@@ -1,3 +1,4 @@
+var curr_subclass_histogram_level = 0;
 
 function get_server_address() {
   return window.location.protocol + "//" + window.location.host;

app/assets/javascripts/resources/querybuilder.js

@@ -44,6 +44,7 @@ QueryBuilder = {
         $(".done-search-class").hide("fast");
         $("#txt_search_classes").val("");
         $("#hdn_qb_class").val("");
+        $(".span-more-subclasses").remove();
         $("#div_classes_search_more").hide("fast");
         QueryBuilder.hide_equivalent_sparql_query();
         QueryBuilder.hide_searched_query_results();
@@ -175,9 +176,15 @@ QueryBuilder = {
                 }
                 element.find("strong").after(element_append_html);
             });
+            QueryBuilder.classes.add_subclasses_details(element,class_uri);
         },
         add_subclasses_details : function(element,class_uri){
-
+            $.getJSON(QueryBuilder.classes.get_subclasses_action_url(class_uri),function(data){
+                var right_element = element.parent().find(".select-right-actions").first();
+                if(data.subclasses.length > 0){
+                    right_element.prepend("<span class=\"glyphicon glyphicon-plus clickable span-more-subclasses\"></span>");
+                }
+            });
         }
 
     },

app/views/shared/_selector.html.erb

@@ -1,14 +1,10 @@
-<%plus_function ||= nil%>
 <input type="hidden" id="<%=hidden_value_id%>" value="<%=hidden_value_value%>">
 <div id="<%=div_id%>" style="display:none" class="<%=div_classes%> alert alert-warning">
     <div class="row">
         <div class="col-md-10 select-body" >
 
         </div>
-        <div class="col-md-2">
-        	<%unless plus_function.blank?%>
-        		<span class='glyphicon glyphicon-plus clickable ' onclick="<%=plus_function%>"></span>
-        	<%end%>
+        <div class="col-md-2 select-right-actions" >
             <span class="glyphicon glyphicon-remove clickable pull-right" onclick="<%=remove_function%>"></span>
         </div>
     </div>