showing 3 different JSON download

Author: Gaurav SinghaRoy

app/assets/javascripts/query.js.coffee

@@ -75,6 +75,7 @@
     if SPARQL.textbox.is_valid()
         $("#sparql_download_modal").modal("show")
         QueryBuilder.convert.configured.hide_download()
+        QueryBuilder.convert.json.hide_download()
 
 @get_uri_element_val =(uri)->
     break_index = null

app/assets/javascripts/resources/querybuilder.js

@@ -887,8 +887,26 @@ QueryBuilder = {
                         $("#btn_group_download").show(); 
                     }
                 }
-        } // end configured
-    }, // end convert
+        }, // end QueryBuilder.convert.configured
+        json:{
+                initiate_download : function(){
+                    $("#btn_group_download").hide("fast");
+                    $("#div_json_download").show("fast");
+                
+                },
+                hide_download : function(motion){
+                    if(motion != undefined && motion != ""){
+                        $("#div_json_download").hide("fast");
+                        $("#btn_group_download").show("fast");
+                    }
+                    else{
+                        $("#div_json_download").hide();
+                        $("#btn_group_download").show();
+                    } 
+                }  
+
+        }//end QueryBuilder.convert.json
+    }, // end QueryBuilder.convert
     equivalent_query : {
         handle_checked_properties : function(response){
             $("#hdn_show_checked_properties").val(response);

app/assets/javascripts/resources/sparql.js

@@ -73,10 +73,7 @@ SPARQL = {
         pdf : function(){
             Utils.alert("The PDF download feature has not been implemented yet.");
         },
-        json :{ 
-            initiate : function(){
-
-            },
+        json :{
             sesame : function(){
                 var query = $("#txt_sparql_query").val();
                 if(QueryBuilder.properties.will_show_properties_in_preview() == false){

app/views/query/_search_results.html.erb

@@ -39,12 +39,34 @@
         <div class="btn-group " id="btn_group_download">
             <button type="button" class="btn btn-default btn-primary" onclick="SPARQL.download.rdb()"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;RDB Script</button>
             <button type="button" class="btn btn-default btn-success" onclick="SPARQL.download.csv()"><span class="glyphicon glyphicon-align-justify"></span>&nbsp;CSV</button>
-            <button type="button" class="btn btn-default btn-info" onclick="SPARQL.download.json.virtuoso()"><span class="glyphicon glyphicon-road"></span>&nbsp;JSON</button>
+            <button type="button" class="btn btn-default btn-info" onclick="QueryBuilder.convert.json.initiate_download()"><span class="glyphicon glyphicon-road"></span>&nbsp;JSON</button>
             <button type="button" class="btn btn-default btn-warning" onclick="SPARQL.download.pdf()"><span class="glyphicon glyphicon-file"></span>&nbsp;PDF</button>
             <%if in_query_builder_action?%>
               <button class="btn btn-default btn-danger" onclick="QueryBuilder.convert.configured.initiate_download()"><span class="glyphicon glyphicon-glass"></span>&nbsp;Generic</button>
             <%end%>
         </div>
+        <div class="row" id="div_json_download" style="display:none;">
+          <p>
+            <button class="btn btn-danger btn-xs" type="button" onclick="QueryBuilder.convert.json.hide_download('fast')"><span class="glyphicon glyphicon-chevron-left"></span>&nbsp;back</button>
+          </p>
+          <p>
+            <h4>JSON Download</h4>
+          </p>
+          <p>
+            We have three kinds of JSON output available for you
+          </p>
+          <p>
+            <span class="btn btn-danger" onclick="SPARQL.download.json.sesame()"><span class="glyphicon glyphicon-download-alt"></span>&nbsp;Sesame</span>&nbsp; This output format is provided my Sesame datastores. 
+          </p>
+          <p>
+            <span class="btn btn-success" onclick="SPARQL.download.json.virtuoso()"><span class="glyphicon glyphicon-download-alt"></span>&nbsp;Virtuoso</span>&nbsp; This output format is provided my Virtuoso datastores. 
+          </p>
+          <%if in_query_builder_action?%>
+            <p>
+              <span class="btn btn-primary" onclick="SPARQL.download.json.for_class()"><span class="glyphicon glyphicon-download-alt"></span>&nbsp;Experimental</span>&nbsp; This output format is a suggested experimental format which is useful to explore data output when you have queried data which are objects of some class(es). 
+            </p>
+          <%end%>
+        </div>
         <%if in_query_builder_action?%>
           <div class="div-configured-download row"  style="display:none;">
             <div class="col-md-12">