sending base64 encoded properties

Author: Gaurav SinghaRoy

app/assets/javascripts/resources/sparql.js

@@ -45,7 +45,7 @@ SPARQL = {
             var selected_class = QueryBuilder.classes.get_selected_class();
             if(selected_class != undefined && selected_class != ''){
                download_url += "&for_class="+selected_class;
-               download_url += "&properties="+window.btoa(QueryBuilder.properties.get_checked_properties()); 
+               download_url += "&properties="+encodeURIComponent(window.btoa(QueryBuilder.properties.get_checked_properties())); 
             }
 
             window.open(download_url);

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