Update treeview

js/advanced_search.js

@@ -309,6 +309,7 @@ function addToListPlace() {
 //Get parameters from select and input options to build the query
 function getParameters() {
 	$('#Loader').css("display", "block");
+	$('#query_results').text("");
 	var cc = document.getElementById("type_selector").value;
 	if (cc != "General") {
 		const arr = [];

js/object.js

@@ -17,6 +17,8 @@ doJsonQuery(queryPERS).done(function(data) { handle_citedPeople(data); });
 queryLG = prefixes + (queryManager['querySchedaOggetto']['queryLuoghiGT']).replace('{URI}', link);
 doJsonQuery(queryLG).done(function(data) { handle_luoghiDocumento(data); });
 
+queryTR = prefixes + (queryManager['querySchedaOggetto']['queryTree']).replace('{URI}', link);
+doJsonQuery(queryTR).done(function(data) { handle_treeview(data, link); });
 
 function handle_objectData(json) {
 
@@ -116,7 +118,6 @@ function handle_objectData(json) {
         <button title="Permalink" type="button" value="object" id="' + uri + '" class="hyp btn btn-default" alt="scheda" title="Hyperlink"><i class="fa fa-link"></i></button> \
         <a href="http://dev.restore.ovi.cnr.it/lodlive/?' + uri + '" target="_blank"><button type="button" title="Naviga il grafo" class="btn btn-default info" alt="LOD" title="LodLive"><i class="fa fa-share-alt"></i></button></a></div></div>';
 
-
         document.getElementById("grafo").innerHTML = dataset;
         document.getElementById("nome_oggetto").innerHTML = label;
         document.getElementById("identifier").innerHTML = button_ext;
@@ -297,6 +298,38 @@ function handle_citedPeople(json) {
 
 }
 
+function handle_treeview(json, uri_subject) {
+
+  console.log(json);
+
+  var upLevel = "";
+  var uri_up = "";
+
+  var tree_doc = "";
+
+    $.each(
+      json['results']['bindings'],
+      function (index, value) {
+        upLevel = value['label']['value'];
+        uri_up = value['uri']['value'];
+        var uri = value['uri_document']['value'];
+        var document = value['document']['value'];
+
+        tree_doc += '<li><i class="fa fa-file-alt"></i><span id="' + uri + '" class="link object">' + document + '</span><li>'
+
+        
+      });
+
+      if (tree_doc != "") {
+
+          var tree_list = '<li class="upLevel"><span style="cursor:pointer;" class="caret"><i class="fa fa-folder-open"></i>' + 
+        '<w>' + upLevel + '</w></span><ul id="nested" style="display: none;">' + tree_doc + '</ul></li>';
+
+          document.getElementById("treeView").innerHTML = tree_list;
+      }
+
+}
+
 function handle_luoghiDocumento(json) {
 
   console.log(json);
@@ -366,3 +399,8 @@ function createColRelazione(text, link, tipo, fa, tab, decl) {
 		'.replace("<NAME>", text).replace("<URI>", link).replace("<TIPO>", tipo).replace("<BUTTON>", fa).replace("<TAB>", tab).replace("<CLASS>", decl);
 	return htmlCode;
 }
+
+$(document).on("click", ".caret", function (ev) {
+  $("#nested").toggle();
+  //$("#nested").css("display", "block");
+});

js/query/managerQuery.js

@@ -727,6 +727,13 @@ var queryManager = {
             ?uri_place owl:sameAs ?uri_location ; \
             crm:P168_place_is_defined_by ?coords; \
             rdfs:label ?place .  \
+            }",
+
+            queryTree : " SELECT DISTINCT ?uri ?label ?uri_document ?document \
+            WHERE {VALUES ?uri {<{URI}>} \
+            ?uri rdfs:label ?label ; \
+            crm:P46_is_composed_of ?uri_document . \
+            ?uri_document rdfs:label ?document \
             }"
     },
 

js/tree.js

@@ -1,9 +0,0 @@
-var toggler = document.getElementsByClassName("caret");
-var i;
-
-for (i = 0; i < toggler.length; i++) {
-  toggler[i].addEventListener("click", function() {
-    this.parentElement.querySelector(".nested").classList.toggle("active");
-    this.classList.toggle("caret-down");
-  });
-}

object.html

@@ -263,29 +263,7 @@
 
 									<ul id="tree"></ul>
 
-									<!--
-									<ul>
-										<li><span class="caret">Beverages</span>
-										  <ul class="nested">
-											<li>Water</li>
-											<li>Coffee</li>
-											<li><span class="caret">Tea</span>
-											  <ul class="nested">
-												<li>Black Tea</li>
-												<li>White Tea</li>
-												<li><span class="caret">Green Tea</span>
-												  <ul class="nested">
-													<li>Sencha</li>
-													<li>Gyokuro</li>
-													<li>Matcha</li>
-													<li>Pi Lo Chun</li>
-												  </ul>
-												</li>
-											  </ul>
-											</li>  
-										  </ul>
-										</li>
-									  </ul>-->
+									<ul id="treeView"></ul>
 									
 									<div class="box_results col-12" id="sent">
 										<div class="inner_results container-fluid">