css refactor of sparql editor

Author: Gaurav SinghaRoy

app/assets/javascripts/query.js.coffee

@@ -3,7 +3,7 @@
 # You can use CoffeeScript in this file: http://coffeescript.org/
 
 @generate_sample_query = (template_id)->
-    $("#txt_sparql_query").html($("#txt_sample_query_"+template_id).html())
+    $("#txt_sparql_query").val($("#txt_sample_query_"+template_id).html())
 
 @display_sparql_literal = (data) ->
     display_text = break_words(html_safe(data.value))

app/views/query/_sparql_query_editor.html.erb

@@ -11,9 +11,20 @@
 	</div>
 	<div class="panel-footer">
 	    <div class="row">
-	        <div class="col-md-12">
+	        <div class="col-md-9">
 	            <button  type="button" class="btn btn-lg btn-success" onclick="execute_sparql_query()"><span class="glyphicon glyphicon-play"></span>&nbsp;Run</button>
 	        </div>
+	        <%if mode == "sparql"%>
+		        <div class="col-md-3">
+		        	<button onclick="generate_sample_query('1')" type="button" class="btn btn-lg btn-info pull-right">Sample Query</button>
+		        </div>
+	        <%end%>
 	    </div>
 	</div>
 </div>
+<div class="hide">
+	<textarea rows="5" id="txt_sample_query_1" >PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
+SELECT ?subject ?label 
+WHERE { ?subject rdfs:label ?label. 
+FILTER(langMatches(lang(?label), "EN"))} LIMIT 200</textarea>
+</div>