|
|
@@ -3,11 +3,15 @@ var link = thisUrlParams.link;
|
|
|
prefixes = queryManager['prefixes']['all'];
|
|
|
|
|
|
queryURL = prefixes + (queryManager['querySchedaOggetto']['queryInfo']).replace('{URI}', link);
|
|
|
+console.log(queryURL);
|
|
|
doJsonQuery(queryURL).done(function(data) { handle_objectData(data); });
|
|
|
|
|
|
queryINF = prefixes + (queryManager['querySchedaOggetto']['queryContent']).replace('{URI}', link);
|
|
|
doJsonQuery(queryINF).done(function(data) { handle_objectInfo(data); });
|
|
|
|
|
|
+queryGT = prefixes + (queryManager['querySchedaOggetto']['queryContrassegni']).replace('{URI}', link);
|
|
|
+doJsonQuery(queryGT).done(function(data) { handle_contrassegni(data); });
|
|
|
+
|
|
|
queryOVI = prefixes + (queryManager['querySchedaOggetto']['queryOviLetter']).replace('{URI}', link);
|
|
|
doJsonQuery(queryOVI).done(function(data) { handle_oviLetter(data); });
|
|
|
|
|
|
@@ -22,7 +26,7 @@ doJsonQuery(queryTR).done(function(data) { handle_treeview(data, link); });
|
|
|
|
|
|
function handle_objectData(json) {
|
|
|
|
|
|
- console.log(json['results']['bindings']);
|
|
|
+ console.log(json);
|
|
|
|
|
|
$.each(
|
|
|
json['results']['bindings'],
|
|
|
@@ -155,6 +159,107 @@ function get_graph_name(graph) {
|
|
|
return dataset;
|
|
|
}
|
|
|
|
|
|
+function handle_contrassegni(json) {
|
|
|
+
|
|
|
+ console.log(json);
|
|
|
+
|
|
|
+ var uri = "";
|
|
|
+ var graph = "";
|
|
|
+ var contrassegno = "";
|
|
|
+ var immagine = "";
|
|
|
+ var uri_gettatello = "";
|
|
|
+ var gettatello = "";
|
|
|
+ var Images = "";
|
|
|
+ let markImg = [];
|
|
|
+
|
|
|
+ $.each(
|
|
|
+ json['results']['bindings'],
|
|
|
+ function (index, value) {
|
|
|
+
|
|
|
+ uri = value['uri']['value'];;
|
|
|
+ contrassegno = value['contrassegno']['value'];
|
|
|
+ immagine = value['image']['value'];
|
|
|
+ uri_gettatello = value['uri_person']['value'];
|
|
|
+ gettatello = value['gettatello']['value'];
|
|
|
+ graph = value['g']['value'];
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ if (immagine != "") {
|
|
|
+ $("#IMM").css("display", "flex");
|
|
|
+
|
|
|
+ let imgs = immagine.split("_");
|
|
|
+ const suffix = ["_a", "_b", "_c", "_a_2", "_a1", "_a2"];
|
|
|
+
|
|
|
+ for (var k=0; k<suffix.length; k++) {
|
|
|
+
|
|
|
+ var image_url = "img/contrassegni/" + imgs[0] + suffix[k] + ".jpg";
|
|
|
+ markImg.push(image_url);
|
|
|
+ createImage(image_url);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if ((gettatello != "") && (uri_gettatello != "")) {
|
|
|
+ $("#GT").css("display", "flex");
|
|
|
+
|
|
|
+ var gt_btn = '<button type="button" id="' + uri_gettatello +
|
|
|
+ '" class="persona btn btn-default" alt="persona"><i class="fa fa-user"></i><p class="btn-text">Persona</p></button>';
|
|
|
+
|
|
|
+ document.getElementById('pp_gettatello').innerHTML = gettatello;
|
|
|
+ document.getElementById('btn_gt').innerHTML = gt_btn;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ var dataset = get_graph_name(graph);
|
|
|
+
|
|
|
+
|
|
|
+ document.getElementById("nome_oggetto").innerHTML = contrassegno;
|
|
|
+ document.getElementById("grafo").innerHTML = dataset;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+function createImage(image) {
|
|
|
+ checkIfImageExists(image, (exists) => {
|
|
|
+ if (exists) {
|
|
|
+ console.log(image);
|
|
|
+ var Image = '<div class="singleImg"> \
|
|
|
+ <img src="' + image + '" alt="contrassegno" style="width:100%" onclick="expandImg(this);"> \
|
|
|
+ </div>';
|
|
|
+ console.log(Image);
|
|
|
+ $('#images').append(Image);
|
|
|
+ } else {
|
|
|
+ console.error('Image does not exists.')
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+function checkIfImageExists(url, callback) {
|
|
|
+ const img = new Image();
|
|
|
+ img.src = url;
|
|
|
+
|
|
|
+ if (img.complete) {
|
|
|
+ callback(true);
|
|
|
+ } else {
|
|
|
+ img.onload = () => {
|
|
|
+ callback(true);
|
|
|
+ };
|
|
|
+
|
|
|
+ img.onerror = () => {
|
|
|
+ callback(false);
|
|
|
+ };
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function expandImg(imgs) {
|
|
|
+ var expandImg = document.getElementById("expandedImg");
|
|
|
+ var imgText = document.getElementById("imgtext");
|
|
|
+ expandImg.src = imgs.src;
|
|
|
+ imgText.innerHTML = imgs.alt;
|
|
|
+ expandImg.parentElement.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
function handle_objectInfo(json) {
|
|
|
|
|
|
console.log(json['results']['bindings']);
|
|
|
@@ -315,14 +420,14 @@ function handle_treeview(json, uri_subject) {
|
|
|
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>'
|
|
|
+ tree_doc += '<li class="tree_el"><i class="fa fa-file-alt"></i><span id="' + uri + '" class="tree_seed 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>' +
|
|
|
+ var tree_list = '<li class="upLevelTree"><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;
|
Alessia